<!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" />
<title>Smoke House, free template</title>
<meta name="keywords" content="free template, smoke house, darkgray color, templatemo" />
<meta name="description" content="Smoke House template is an integrated drop-down menu system and fixed 2-column layout that is based on a darkgray background color in 2 layers." />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
<link href="css/jquery.ennui.contentslider.css" rel="stylesheet" type="text/css" media="screen,projection" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title">
<h1><a href="http://www.moobnn.com/" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></h1>
</div>
<div id="header_right">
<form action="#" method="get">
<div id="social_links">
<a href="#"><img src="images/templatemo_contact.jpg" alt="Contact Us" /></a>
<a href="#"><img src="images/templatemo_rss.jpg" alt="RSS" /></a>
<a href="#"><img src="images/templatemo_twitter.jpg" alt="Twitter" /></a>
</div>
<div id="search_box">
<input name="searchfield" type="text" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" value="Search" size="10" maxlength="40" />
<input type="submit" name="Search" value="" id="searchbutton" title="Search" />
</div>
</form>
</div>
<a href="#" title="" class="header_bg" target="_blank"><img src="images/templatemo_header.png" title="" alt="" /></a>
<div class="cleaner"></div>
</div> <!-- end of templatemo_header -->
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
<li><a href="index.html" class="selected">Home</a></li>
<li><a href="about.html">About</a>
<ul>
<li><span class="top"></span><span class="bottom"></span></li>
<li><a href="http://www.moobnn.com/" >Sub menu item 1</a></li>
<li><a href="http://www.moobnn.com/" >Sub menu item 2</a></li>
<li><a href="http://www.moobnn.com/" >Sub menu item 3</a></li>
</ul>
</li>
<li><a href="portfolio.html">Portfolio</a>
<ul>
<li><span class="top"></span><span class="bottom"></span></li>
<li><a href="http://www.moobnn.com/" >Sub menu item 4</a></li>
<li><a href="http://www.moobnn.com/" >Sub menu item 5</a></li>
<li><a href="http://www.moobnn.com/page/6" >Sub menu item 6</a></li>
<li><a href="http://www.moobnn.com/page/7" >Sub menu item 7</a></li>
<li><a href="http://www.moobnn.com/page/8" >Sub menu item 8</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<br style="clear: left" />
</div> <!-- end of templatemo_menu -->
<div id="templatemo_slider">
<div id="one" class="contentslider">
<div class="cs_wrapper">
<div class="cs_slider">
<div class="cs_article">
<div class="slider_image_wrapper"><span></span>
<img src="images/slider/templatemo_slide01.jpg" alt="slider image 1" />
</div>
<div class="cs_article_des">
<h2>Smoke House Project</h2>
<p>Aliquam erat volutpat aecenas eget nisl id nisi consequat ultrices. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. <em>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur.</em></p>
<a class="more float_r" href="#"><span>Details</span></a>
</div>
</div><!-- End cs_article -->
<div class="cs_article">
<div class="slider_image_wrapper"><span></span>
<img src="images/slider/templatemo_slide02.jpg" alt="slider image 2" />
</div>
<div class="cs_article_des">
<h2>Featured Project Two</h2>
<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mi id libero molestie aliquet eget ut dolor.</em> Mauris arcu nunc, convallis a ultrices sit amet, luctus non nunc. Suspendisse risus eros, porta vitae lobortis quis, tincidunt sit amet metus.</p>
<a class="more float_r" href="#"><span>More Info.</span></a>
</div>
</div><!-- End cs_article -->
<div class="cs_article">
<div class="slider_image_wrapper"><span></span>
<img src="images/slider/templatemo_slide03.jpg" alt="slider image 3" />
</div>
<div class="cs_article_des">
<h2>New Project Three</h2>
<p><em>Proin vulputate erat sit amet sem sollicitudin non molestie odio varius.</em> Nunc eget nibh sed sem fermentum tempus. Maecenas lorem odio, auctor non posuere ac, rutrum a arcu. Mauris a quam nisi. Nam fringilla, dui ut faucibus viverra, sapien orci imperdiet libero.</p>
<a class="more float_r" href="#"><span>Learn More</span></a>
</div>
</div><!-- End cs_article -->
<div class="cs_article">
<div class="slider_image_wrapper"><span></span>
<img src="images/slider/templatemo_slide04.jpg" alt="slider image 4" />
</div>
<div class="cs_article_