<!doctype html>
<html lang="cs">
<head>
<meta charset="utf-8">
<title>2000套精品模板下载就在模板在线-moobnn.com</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="css/main.css?v=1.0" media="screen,projection">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="wrap">
<a id="logo" href="http://www.moobnn.com/" title="2000套精品模板下载就在模板在线-moobnn.com"><span>6</span>Wonders</a>
<hr>
<nav>
<ul>
<li class="active">
<a href="./" title="Home">Home</a>
</li>
<li>
<a href="./" title="Work">Work</a>
</li>
<li>
<a href="./" title="About us">About us</a>
</li>
<li>
<a href="./" title="Blog">Blog</a>
</li>
<li>
<a href="./" title="Contact">Contacts</a>
</li>
</ul>
</nav>
</div>
</header>
<hr>
<div id="intro">
<div class="wrap clearFix">
<h1>Brand new free premium <br>website template</h1>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
<a href="./" class="button icon download" title="Download template"><i class="download"></i> Download template <span>(487 kb)</span></a>
</div>
</div> <!-- / #intro -->
<hr>
<div id="subIntro">
<div class="wrap cols clearFix">
<div class="col1-3">
<h2 class="withIcon icon1">Six themes</h2>
<p>Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. </p>
</div>
<div class="col1-3">
<h2 class="withIcon icon2">Customizable</h2>
<p>Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. </p>
</div>
<div class="col1-3">
<h2 class="withIcon icon3">Google web fonts</h2>
<p>Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. </p>
</div>
</div>
</div>
<hr>
<div class="inner_copyright">Collect from <a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></div>
<div id="content" class="wrap">
<div class="box clearFix">
<div class="col1-4">
<h2>Recent blog posts</h2>
<p>Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p><a href="./" class="more">Visit the full blog</a></p>
</div>
<div class="col1-4">
<div class="inner5">
<h3>Your blog post headline</h3>
<p class="date">6/26/2012</p>
</div>
<a href="./" class="thumb"><img src="img/220x130.gif" alt=""></a>
<div class="inner5">
<p>Aenean lacinia bibendum nulla sed consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p><a href="./" class="more">Read more</a></p>
</div>
</div>
<div class="col1-4">
<div class="inner5">
<h3>Your blog post headline</h3>
<p class="date">6/26/2012</p>
</div>
<a href="./" class="thumb"><img src="img/220x130.gif" alt=""></a>
<div class="inner5">
<p>Aenean lacinia bibendum nulla sed consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p><a href="./" class="more">Read more</a></p>
</div>
</div>
<div class="col1-4">
<div class="inner5">
<h3>Your blog post headline</h3>
<p class="date">6/26/2012</p>
</div>
<a href="./" class="thumb"><img src="img/220x130.gif" alt=""></a>
<div class="inner5">
<p>Aenean lacinia bibendum nulla sed consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p><a href="./" class="more">Read more</a></p>
</div>
</div>
</div>
<hr>
<div class="clearFix">
<div class="col2-4">
<h2>About us</h2>
<p class="bold">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur. </p>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
<a href="./" class="button">MORE ABOUT US</a>
</div>
<div class="col2-4">
<h2>Testimonials</h2>
<p class="cite">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege