<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<meta name="author" content="" />
<meta name="robots" content="index,follow" />
<title>Example Page</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/font-face.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<!--[if IE 7]> <link href="css/ie-fix7.css" rel="stylesheet" type="text/css" /> <![endif]-->
<!--[if IE 8]> <link href="css/ie-fix8.css" rel="stylesheet" type="text/css" /> <![endif]-->
<!--[if IE 9]> <link href="css/ie-fix9.css" rel="stylesheet" type="text/css" /> <![endif]-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/slides.min.jquery.js"></script>
<script type="text/javascript">
<!--[if lt IE 9]> <script type="text/javascript" src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> <![endif]-->
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper" class="clearfix">
<!-- Begin Header -->
<div id="header" class="center clearfix">
<!-- Begin Main Logo -->
<div class="main-logo">
<a href="/"> <img alt="" src="imgs/main-logo.png" /> </a>
</div>
<!-- End Main Logo -->
<!-- Begin Main Navigation -->
<div class="wrapper-nav">
<ul id="main-nav">
<li><a href="#">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">gourmet shop</a></li>
<li><a href="#">menus</a></li>
<li><a href="#">locations</a></li>
<li><a href="#">press</a></li>
<li><a href="#">contact us</a></li>
</ul>
</div>
<!-- End Main Navigation -->
<!-- Begin Main Slideshow -->
<div class="wrapper-slideshow">
<div id="slides">
<div class="slides_container clearfix">
<div class="slide">
<img src="imgs/photos/slide.jpg" width="940" height="360" alt="Slide" />
<div class="caption" style="bottom:0">
<h2>Sweet Italian</h2>
<p>Pork Sausage flecked with oranges, peppers, fennel, and garlic</p>
<a href="#" class="buy-now">buy now</a>
</div>
</div>
</div>
</div>
<!--end of wapper slideshow-->
<a href="#" class="prev"></a>
<a href="#" class="next"></a>
</div>
</div>
<!-- End Main Slideshow -->
</div>
<!-- End Header -->
<!-- Begin Main Content -->
<div id="main-content">
<h4>Featured Sausages</h4>
<p>Nisi at rhoncus feugiat, eros nis iplaer.Nisi at rhoncus feugiat, eros nis iplaer.Nisi at rhoncus feugiat, eros nis iplaer.</p>
<p>Nisi at rhoncus feugiat, eros nis iplaer.Nisi at rhoncus feugiat, eros nis iplaer.Nisi at rhoncus feugiat, eros nis iplaer.</p>
<p>Nisi at rhoncus feugiat, eros nis iplaer.Nisi at rhoncus feugiat, eros nis iplaer.Nisi at rhoncus feugiat, eros nis iplaer.</p>
</div>
<!-- End Content -->
</div>
</div>
<!-- End Main Content -->
<div class="clear"></div>
<!-- Begin Footer -->
<div id="footer">
<div class="center clearfix">
<ul class="wrapp-fnav">
<li><a href="#">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">gourmet shop</a></li>
<li><a href="#">menus</a></li>
<li><a href="#">locations</a></li>
<li><a href="#">press</a></li>
<li><a href="#">contact us</a></li>
</ul>
<p class="copy"></p>
</div>
</div>
<!-- End Footer -->
</div>
<!-- End Wrapper -->
</body>
</html>