<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>jQuery+css3渐变焦点图 - 网页模板</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" media="screen, print" href="css/basic.css" />
<link rel="stylesheet" media="screen" href="css/screen.css" />
<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script type="text/javascript" src="js/jquery.cycle.min.js"></script>
<script type="text/javascript" src="js/featured.js"></script>
</head>
<body id="home-page">
<div id="wrap">
<div id="content">
<section id="featured">
<div id="slides">
<section id="slide-1" class="alt">
<img src="img/0140_foodsense.jpg" alt="What's Cooking? " />
<a href="http://www.moobnn.com/">
<h1>What's Cooking? </h1>
<h2>Browse our gallery for dependably delicious recipes. </h2>
</a>
<p class="credit">photo by Clare Barboza</p>
</section>
<section id="slide-2" >
<img src="img/0219_foodsense.jpg" alt="Read, Learn, Share" />
<a href="http://www.moobnn.com/">
<h1>Read, Learn, Share</h1>
<h2>Get daily how-tos, stories & updates with the latest news. </h2>
</a>
<p class="credit">photo by Clare Barboza</p> </section>
<section id="slide-3" class="alt">
<img src="img/0052_foodsense.jpg" alt="Shop for the Best" />
<a href="http://www.moobnn.com/">
<h1>Shop for the Best</h1>
<h2>With our carefully curated vendor list, you'll know what to buy.
</h2>
</a>
<p class="credit">photo by Clare Barboza</p> </section>
<section id="slide-4" >
<img src="img/0232_foodsense.jpg" alt="Share your Food Sense" />
<a href="http://www.moobnn.com/">
<h1>Share your Food Sense</h1>
<h2>Submit your favorite recipes, become a contributor, or get
interviewed.</h2>
</a>
<p class="credit">photo by Clare Barboza</p> </section>
</div>
<div id="nav">
<ul>
<li id="feature-1"><a href="http://www.moobnn.com/">
<h3>Tastemakers</h3>
<p>Feast your eyes & get recipes!</p>
</a></li>
<li id="feature-2"><a href="http://www.moobnn.com/">
<h3>Blog</h3>
<p>News, how-tos, stories, and more</p>
</a></li>
<li id="feature-3"><a href="http://www.moobnn.com/">
<h3>The A-List</h3>
<p>Handpicked, absolute favorites</p>
</a></li>
<li id="feature-4"><a href="http://www.moobnn.com/">
<h3>Contribute</h3>
<p>We want to hear from you!</p>
</a></li>
</ul>
</div>
</section>
</div>
<!-- /#content -->
<div style="text-align:center;clear:both">
<p>适用浏览器:FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、360、世界之窗。</p><br>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>