<!DOCTYPE HTML>
<html>
	<head>
		<title>Willow Tree Crafts</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.dropotron.min.js"></script>
		<script src="js/skel.min.js"></script>
		<script src="js/skel-layers.min.js"></script>
		<script src="js/init.js"></script>
		<noscript>
			<link rel="stylesheet" href="css/skel.css" />
			<link rel="stylesheet" href="css/style.css" />
		</noscript>
	</head>
	<body class="homepage">

		<!-- Header -->
			<div id="header-wrapper">
				<div id="header" class="container">
					
					<!-- Logo -->
						<h1 id="logo"><a href="index.html"><img style="padding:10px 3px 0 0px;" src="images/logo.png" alt="" /></a></h1>
					
					<!-- Nav -->
						<nav id="nav">
							<ul>
								<li>
									<a href="#hero">Home</a>
							
								</li>
								<!-- <li><a href="#about">About Us</a></li> -->
								<li><a href="#contact">Contact Us</a></li>
								<li class="break"><a href="#crop">Crop Kits</a></li>
								<li><a href="#outlet">Outlet Shop</a></li>
							</ul>
						</nav>

				</div>

				<!-- Hero -->
					<section id="hero" class="container">
						<header>
							<h2>UK Scrapbook and craft specialists. </h2>
						</header>
						<p>Layout, Project, and Crop kits and supplies</p>
						<ul class="actions">
							<li><a href="#about" class="button">Interested?</a></li>
						</ul>
					</section>

			</div>

		<!-- Features 1
			<div class="wrapper">
				<div id="about" class="container">
				<header class="major">
						<h2>About Us</h2>
						<p>Elit aliquam vulputate egestas euismod nunc semper vehicula lorem blandit</p>
					</header>
					<div class="row">
						<section class="12u feature">
							<header>
								<h2>Semper magna neque vel
								adipiscing curabitur</h2>
							</header>
							<p>Lorem ipsum dolor sit amet consectetur et sed adipiscing elit. Curabitur vel 
							sem sit dolor neque semper magna. Lorem ipsum dolor sit amet consectetur et sed 
							adipiscing elit. Curabitur vel sem sit.</p>
							<ul class="actions">
								<li><a href="https://www.facebook.com/willowtreecrafts?ref_type=bookmark" class="button">Visit our Facebook Page!</a></li>
							</ul>
						</section>
				
					</div>
				</div>
			</div>
			 -->
			
		<!-- Promo -->
			<div id="promo-wrapper">
				<section id="promo">
					<h2>Contact us to help you create the perfect kits for your crop or event.</h2>
					<a href="#contact" class="button">Contact Us</a>
				</section>
			</div>
			
		<!-- Features 2 -->
			<div id="crop" class="wrapper">
				<section class="container">
					<header class="major">
						<h2>Crop Kits</h2>
						<p>Contact Us to help you create the perfect kits for your crop or event.</p>
					</header>
					<div class="row features">
						<section class="4u feature">
							<div class="image-wrapper first">
								<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
							</div>
							<p>Layout Kits for your regular crops</p>
						</section>
						<section class="4u feature">
							<div class="image-wrapper">
								<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
							</div>
							<p>Project Kits for special occasions</p>
						</section>
						<section class="4u feature">
							<div class="image-wrapper">
								<a href="#" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
							</div>
							<p>Project Life kits and supplies for you</p>
						</section>
					</div>
					
				</section>
			</div>


<!-- Features 2 -->
			<div id="outlet" class="wrapper">
				<section class="container">
					<header class="major">
						<h2>Outlet Shop</h2>
						<p>Visit our Outlet Shop to stock up on your supplies</p>
					</header>
					<div class="row features">
						<section class="12u feature">
							<p>Based in Love Stationery, Nottingham</p>
								<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d9600.365578648129!2d-1.3080829999999997!3d53.01871999999999!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4879eca1b5d65a43%3A0x1201df173f4a049!2sLove+Stationary!5e0!3m2!1sen!2suk!4v1406787979592" width="1200" height="500" frameborder="0" style="border:0"></iframe>
						<ul class="actions">
								<li><a href="https://www.facebook.com/pages/Love-Stationery/183574145011485?ref_type=bookmark" class="button">Visit their Facebook Page!</a></li>
							</ul>
							
						</section>
					</div>	
			</div>


		<!-- Footer -->
			<div id="footer-wrapper">
				<div id="footer" class="container">
					<header class="major">
						<h2 id="contact">Contact Us</h2>
						<p>Contact us with any enquiries about our products and services</p>
					</header>
					<div class="row">
						<section class="6u">
							<form name="contactform" method="post" action="send_form_email.php">
								<div class="row half">
									<div class="6u">
										<input name="first_name" placeholder="First Name" type="text" />
									</div>
									<div class="6u">
										<input name="last_name" placeholder="Last Name" type="text" />
									</div>
									
								</div>
								<div class="row half">
								<div class="12u">
										<input name="email_address" placeholder="Email" type="text" />
									</div>
									<div class="12u">
										<textarea name="comments" placeholder="Message"></textarea>
									</div>
								</div>
								<div class="row half">
									<div class="12u">
										<ul class="actions">
											<li><input type="submit" value="Send Message" /></li>
											<li><input type="reset" value="Clear form" /></li>
										</ul>
									</div>
								</div>
							</form>
						</section>
						<section class="6u">
							<div class="row no-collapse-1 flush">
								<ul class="divided icons 6u">
									<!--
									<li class="icon fa-twitter"><a href="#"><span class="extra">twitter.com/</span>untitled</a></li>
									<li class="icon fa-pinterest"><a href="#"><span class="extra">pinterest.com/</span>untitled</a></li>
									-->
									<li class="icon fa-facebook"><a href="https://www.facebook.com/willowtreecrafts?ref_type=bookmark"><span class="extra">facebook.com/</span>willowtreecrafts</a></li>
									
								</ul>
							</div>
						</section>
					</div>
				</div>
				<div id="copyright" class="container">
					<ul class="menu">
						<li>&copy; Willow Tree Crafts. All rights reserved.</li>
						
					</ul>
				</div>
			</div>

	</body>
</html>