<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=1024">
	<title>Cooking</title>
	<link media="all" rel="stylesheet" href="css/all.css">
	<!--[if IE 8]>
		<script type="text/javascript" src="js/ie.js"></script>
	<![endif]-->
</head>
<body class="home">
	<header id="header">
		<div class="top-panel">
			<strong class="logo"><a href="#"><img src="images/logo.png" height="25" width="87" alt="Coocking."></a></strong>
			<div class="social-box">
				<strong class="title">subscribe now to <a href="#">cooking.co</a></strong>
				<ul class="social-networks">
					<li><a href="#" class="linkedin">linkedin</a></li>
					<li><a href="#" class="twitter">twitter</a></li>
					<li><a href="#" class="facebook">facebook</a></li>
				</ul>
			</div>
			<div class="small-banner">
				<a href="#"><img src="images/img-01.png" height="42" width="302" alt="image description"></a>
			</div>
			<form action="#" class="search-form">
				<fieldset>
					<input type="search" placeholder="Seurch">
					<input type="submit" value="submit">
				</fieldset>
			</form>
		</div>
		<nav id="nav">
			<ul>
				<li><a href="#">Recipes </a></li>
				<li><a href="#">inspiration</a></li>
				<li><a href="#">restaurants</a></li>
				<li><a href="#">baking</a></li>
				<li><a href="#">blog</a></li>
				<li><a href="#">videos</a></li>
				<li><a href="#">classes</a></li>
				<li><a href="#">shop</a></li>
			</ul>
		</nav>
	</header>
	<section class="promo">
		<div class="bg-stretch"><img src="images/img-02.jpg" alt="image description"></div>
		<div class="container">
			<h1>50 Easy <span>Pizzas</span></h1>
			<p>Find ideas for 50 simple pizza toppings,<br>from Cooking.</p>
		</div>
	</section>
	<main id="main" class="container">
		<div id="content">
			<section class="preview-block alt">
				<h1>WHAT'S HOT AT COOKING.</h1>
				<div class="threecolumn">
					<div class="column">
						<a href="#"><img src="images/img-03.jpg" alt="image description"></a>
						<strong class="title"><a href="#">Cooker Soups</a></strong>
					</div>
					<div class="column">
						<a href="#"><img src="images/img-04.jpg" alt="image description"></a>
						<strong class="title"><a href="#">80 Healthy Casseroles </a></strong>
					</div>
					<div class="column">
						<a href="#"><img src="images/img-05.jpg" alt="image description"></a>
						<strong class="title"><a href="#">How to Make Banana bread</a></strong>
					</div>
				</div>
			</section>
			<section class="preview-block">
				<h1>NEW WAYS WITH Cooking.</h1>
				<div class="threecolumn">
					<div class="column">
						<a href="#" class="video-link"><img src="images/img-06.jpg" alt="image description"></a>
						<strong class="title"><a href="#">How to Grill Salmon</a></strong>
						<p>Of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text </p>
					</div>
					<div class="column">
						<a href="#" class="video-link"><img src="images/img-07.jpg" alt="image description"></a>
						<strong class="title"><a href="#">How to Cook Spicy Chicken&amp;Noodle Soup</a></strong>
						<p>Of Lorem Ipsum, you need to be sure there isn't anything embarrassing </p>
					</div>
					<div class="column">
						<a href="#" class="video-link"><img src="images/img-08.jpg" alt="image description"></a>
						<strong class="title"><a href="#">How to Cook Eggplant</a></strong>
						<p>Of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text </p>
					</div>
				</div>
			</section>
			<section class="recipe">
				<h1>recipe of the day</h1>
				<div class="purple-box">
					<img src="images/img-09.jpg" alt="image description" class="visual">
					<div class="holder">
						<h2>Cornmeal Plum Scones</h2>
						<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source... </p>
					</div>
				</div>
			</section>
			<section class="preview-block alt">
				<h1>You Might  Also Like COOKING.</h1>
				<div class="threecolumn">
					<div class="column">
						<a href="#"><img src="images/img-10.jpg" alt="image description"></a>
						<strong class="title"><a href="#">Kid-Friendly Recipes</a></strong>
					</div>
					<div class="column">
						<a href="#"><img src="images/img-11.jpg" alt="image description"></a>
						<strong class="title"><a href="#">Superfast Pasta</a></strong>
					</div>
					<div class="column">
						<a href="#"><img src="images/img-12.jpg" alt="image description"></a>
						<strong class="title"><a href="#">Superfast Turkey Recipe</a></strong>
					</div>
				</div>
			</section>
			<article class="ipad-box">
				<div class="text-holder">
					<h3>Cooking for iPad</h3>
					<p>Of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text </p>
				</div>
				<a href="#" class="app-link">donload on tha Appstore</a>
			</article>
		</div>
		<aside id="sidebar">
			<form action="#" class="sing-up-form">
				<label for="email">Get healthy recipes in your inbox, plus special offers.</label>
				<div class="row">
					<input type="email" id="email" placeholder="Enter e-mail">
					<input type="submit" value="Sing up">
				</div>
			</form>
			<div class="side-box">
				<h3>Most popular</h3>
				<ul class="featured-list">
					<li>
						<a href="#"><img src="images/img-13.jpg" alt="image description"></a>
						<div class="holder">
							<strong class="title"><a href="#">Budget Cooking: Feed 4 for $10</a></strong>
							<p>Of Lorem Ipsum, you need to be sure there isn't anything emba...</p>
						</div>
					</li>
					<li>
						<a href="#"><img src="images/img-14.jpg" alt="image description"></a>
						<div class="holder">
							<strong class="title"><a href="#">25 Best Vegetarian Recipes </a></strong>
							<p>Of Lorem Ipsum, you need to be sure there isn't anything emba...</p>
						</div>
					</li>
					<li>
						<a href="#"><img src="images/img-15.jpg" alt="image description"></a>
						<div class="holder">
							<strong class="title"><a href="#">Slow-Cooker Favorites</a></strong>
							<p>Of Lorem Ipsum, you need to be sure there isn't anything emba...</p>
						</div>
					</li>
					<li>
						<a href="#"><img src="images/img-16.jpg" alt="image description"></a>
						<div class="holder">
							<strong class="title"><a href="#">Cooking with Quinoa</a></strong>
							<p>Of Lorem Ipsum, you need to be sure there isn't anything emba...</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="full-banner">
				<a href="#"><img src="images/img-17.jpg" height="247" width="297" alt="image description"></a>
			</div>
			<div class="full-banner">
				<a href="#"><img src="images/img-18.jpg" height="98" width="297"  alt="image description"></a>
			</div>
		</aside>
	</main>
	<div id="footer">
		<div class="footer-holder">
			<nav class="footer-nav">
				<ul>
					<li><a href="#">Recipes</a></li>
					<li><a href="#">Inspiration</a></li>
					<li><a href="#">Restaurants</a></li>
					<li><a href="#">Baking</a></li>
					<li><a href="#">Blog</a></li>
					<li><a href="#">Videos</a></li>
					<li><a href="#">Classes</a></li>
					<li><a href="#">Shop</a></li>
				</ul>
			</nav>
			<div class="social-box">
				<strong class="title">subscribe now to <a href="#">cooking.co</a></strong>
				<ul class="social-networks">
					<li><a href="#" class="linkedin">linkedin</a></li>
					<li><a href="#" class="twitter">twitter</a></li>
					<li><a href="#" class="facebook">facebook</a></li>
				</ul>
			</div>
		</div>
		<footer><p>&copy; 2014 Cookong. Inc. All rights reserved.</p></footer>
	</div>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js"><\/script>')</script>
	<script type="text/javascript" src="js/jquery.main.js"></script>
</body>
</html>