contact.html

<!DOCTYPE html>
<html>
	<head>
		<meta name="keywords" content="Shovel Knight for Sm4sh!">
		<meta name="description" content="Shovel Knight is the best">
		<title>Shovel Knight</title>
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/contact.css">
	</head>
	<body>
		<header>
			<div>
				<a href="">
					<img src="http://cdn.zoknowsgaming.com/wp-content/uploads/2014/06/shovelKnightBrandish.png" alt="Logo"/>
				</a>
				<nav>
					<ul>
						<li><a href="index.html">Home</a></li>
						<li><a href="about.html">About</a></li>
						<li><a href="contact.html">Contact<a/></li>
					</ul>
				</nav>
			</div>
		</header>

		
		<section class="contact-form-wrapper">
		    <iframe allowTransparency="true" frameborder="0" scrolling="no" src="https://markip.wufoo.com/embed/z4fj1h01rg08vs/"><a href="https://markip.wufoo.com/forms/z4fj1h01rg08vs/">Fill out my Wufoo form!</a></iframe>
		</section> <!--section starts here-->
		    <!--Contact fprmends here-->
		</sectiom>
		<section class="map-wrapper"><!--map begins here-->
		    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3197.604198529576!2d-119.78794368493695!3d36.732065979232225!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80945e26d4f58091%3A0xf082a7e633ee41f0!2s700+Van+Ness+Ave%2C+Fresno%2C+CA+93721!5e0!3m2!1sen!2sus!4v1493348549668" frameborder="0" style="border:0" allowfullscreen></iframe>
		</section><!--map ends here-->
	
	
		<footer>
			<div class="social-media">
					<span><a href="www.facebook.com"><i class= "fa fa-facebook" aria-hidden="true"</i></a></span>
					<span><a href="www.twitter.com"><i class="fa fa-twitter" aria-hidden="true"></i></a></span>
					<span><a href="www.reddit.com"><i class="fa fa-reddit" aria-hidden="true"></i></a></span>
			</div>
		</footer>
		</body>
</html>	