<!doctype html>
<html lang="cs">
<head>
<meta charset="utf-8">
<title>More Templates .www.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">
<link rel="stylesheet" href="css/print.css" media="print">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="js/jquery.mousewheel-3.0.4.pack.js"></script>
<script src="js/jquery.fancybox-1.3.4.pack.js"></script>
<script src="js/custom.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="reflection wrap">
<div id="header">
<h1>Unique<span>.</span></h1>
<nav>
<ul>
<li><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">Contact</a></li>
</ul>
</nav>
</div> <!-- / #header -->
<hr>
<div id="intro">
<div id="slider">
<ul>
<li>
<div class="window">
<!-- 498 x 325 -->
<img src="./tmp/screen-unique.png" alt="screen">
</div>
<div class="content">
<h2>Unique is an elegant portfolio template</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient.</p>
<a href="./" class="button" title="Sample Button"><span>Sample Button</span></a>
</div>
</li>
<li>
<div class="video">
<!-- 498 x 325 -->
<iframe src="http://player.vimeo.com/video/32069039?title=0&byline=0&portrait=0" width="498" height="325" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>
</div>
<div class="content">
<h2>Unique is an elegant portfolio template</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient.</p>
<a href="./" class="button" title="Sample Button"><span>Sample Button</span></a>
</div>
</li>
<li>
<div style="text-align: center; padding-top: 60px;"><img src="./tmp/browsers.png" alt="Browsers" /> </div>
</li>
</ul>
</div> <!-- / #slider -->
<a href="#" class="prev disabled" title="Zpět">Zpět</a>
<a href="#" class="next" title="Další">Další</a>
</div> <!-- / #intro -->
</div>
</header>
<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">
<div class="wrap">
<div class="separate clearFix">
<div class="col1-3">
<h3>Lorem ipsum dolor</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
<a href="./" class="more" title="Read more">Read more</a>
</div>
<div class="col1-3">
<h3>Lorem ipsum dolor</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
<a href="./" class="more" title="Read more">Read more</a>
</div>
<div class="col1-3">
<h3>Lorem ipsum dolor</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
<a href="./" class="more" title="Read more">Read more</a>
</div>
</div>
<hr>
<div class="separate clearFix">
<div class="col1-3">
<h3>Recent portfolio items</h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
<a href="./" class="more" title="View more">View more</a>
</div>
<div class="col2-3">
<p class="gallery clearFix">
<a class="photo" href="./" rel="gallery"><img src="./tmp/empty.gif" alt="empty"></a>
<a class="photo" href="./" rel="gallery"><img src="./tmp/empty.gif" alt="empty"></a>
<a class="photo" href="./" rel="gallery"><img src="./tmp/empty.gif" alt="empty"></a>
<a class="photo" href="./" rel="gallery"><img src="./tmp/empty.gif" alt="empty"></a>
</p>
</div>
</div>
<hr>
<div class="clearFix">
<div class="col1-3">
<h3>Recent blog posts</h3>
<div class="post clearFix">
<a class="photo" href="./"><img src="./tmp/empty2.gif" alt="empty"></a>
<div class="content">
<h4><a href="./">Lorem ipsum dolor sit ame blog spot headline</a></h4>
<small>September 13, 2011</small>
</div>
</div>
<div class="post clearFix">
<a class="photo" href="./"><img src="./tmp/empty2.gif" alt="empty"></a>
<div class="content">
黑色质感互联网产品企业HTML5模板_黑色 互联网 大气 展示 精品 漂亮 企业 官网 html5 幻灯 滚动 产品 .rar （53个子文件） 
黑色质感互联网产品企业HTML5模板_黑色 互联网 大气 展示 精品 漂亮 企业 官网 html5 幻灯 滚动 产品 科技 it 商务 tps_unique-04 js 
jquery.fancybox-1.3.4.pack.js 15KB jquery.easing-1.3.pack.js 7KB jquery.mousewheel-3.0.4.pack.js 1KB custom.js 4KB tmp 
screen-unique.png 13KB
empty-video.gif 4KB empty2.gif 1KB empty3.gif 2KB empty.gif 2KB browsers.png 159KB img dots-header.png 141B icon-rss.png 2KB button-left.png 4KB icon-linkedin.png 1KB icon-vimeo.png 2KB icon-digg.png 2KB button-right.png 1KB dots-footer.png 143B prev.png 698B reflection.png 18KB next.png 690B fancybox fancybox.png 15KB fancy_shadow_w.png 103B fancy_shadow_n.png 106B fancy_title_right.png 506B fancy_shadow_se.png 352B fancy_shadow_s.png 111B blank.gif 43B fancy_loading.png 10KB fancy_nav_left.png 1KB fancy_shadow_e.png 107B fancy_shadow_nw.png 324B fancy_nav_right.png 1KB fancy_shadow_ne.png 347B fancybox-y.png 176B fancy_title_over.png 70B fancy_title_main.png 96B fancy_title_left.png 503B fancybox-x.png 203B fancy_shadow_sw.png 340B fancy_close.png 1KB icon-delicious.png 1KB background.png 19KB arrow.gif 52B icon-twitter.png 2KB window.png 11KB li.png 3KB icon-facebook.png 1KB css main.css 9KB jquery.fancybox-1.3.4.css 9KB reset.css 2KB print.css 8KB
index.html 13KB资源评论
