<!doctype html>
<html lang="cs">
<head>
<meta charset="utf-8">
<title>More Templates .www.cssMoban.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.cssmoban.com/" target="_blank" title="模板之家">模板之家</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">
<h4><a href="./">Lorem ipsum dolor sit ame blog
前端静态模板-灰白-学生作业毕设实训素材.zip （53个子文件） 
灰白 css 
print.css 8KB reset.css 2KB jquery.fancybox-1.3.4.css 9KB main.css 9KB img 
icon-linkedin.png 1KB icon-facebook.png 1KB next.png 690B window.png 11KB icon-digg.png 2KB button-right.png 1KB icon-delicious.png 1KB background.png 19KB prev.png 698B
arrow.gif 52B reflection.png 18KB icon-rss.png 2KB icon-vimeo.png 2KB button-left.png 4KB icon-twitter.png 2KB fancybox fancy_nav_left.png 1KB fancy_shadow_nw.png 324B fancy_shadow_w.png 103B blank.gif 43B fancy_close.png 1KB fancy_title_right.png 506B fancy_shadow_s.png 111B fancy_shadow_sw.png 340B fancy_nav_right.png 1KB fancy_title_over.png 70B fancybox-x.png 203B fancybox.png 15KB fancy_loading.png 10KB fancy_shadow_e.png 107B fancy_shadow_n.png 106B fancy_title_main.png 96B fancybox-y.png 176B fancy_title_left.png 503B fancy_shadow_ne.png 347B fancy_shadow_se.png 352B li.png 3KB dots-footer.png 143B dots-header.png 141B
index.html 13KB js jquery.fancybox-1.3.4.pack.js 15KB jquery.easing-1.3.pack.js 7KB custom.js 4KB jquery.mousewheel-3.0.4.pack.js 1KB tmp browsers.png 159KB screen-unique.png 13KB empty3.gif 2KB empty-video.gif 4KB empty2.gif 1KB empty.gif 2KB资源评论
