<!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&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>© 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>