<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Making a Beautiful HTML5 Portfolio | Tutorialzine Demo</title>
<!-- Our CSS stylesheet file -->
<link rel="stylesheet" href="assets/css/styles.css" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<h1>My Portfolio</h1>
</header>
<nav id="filter"></nav>
<section id="container">
<ul id="stage">
<li data-tags="Print Design"><img src="assets/img/shots/1.jpg" alt="Illustration" /></li>
<li data-tags="Logo Design,Print Design"><img src="assets/img/shots/2.jpg" alt="Illustration" /></li>
<li data-tags="Web Design,Logo Design"><img src="assets/img/shots/3.jpg" alt="Illustration" /></li>
<li data-tags="Web Design,Print Design"><img src="assets/img/shots/4.jpg" alt="Illustration" /></li>
<li data-tags="Logo Design"><img src="assets/img/shots/5.jpg" alt="Illustration" /></li>
<li data-tags="Web Design,Logo Design,Print Design"><img src="assets/img/shots/6.jpg" alt="Illustration" /></li>
<li data-tags="Logo Design,Print Design"><img src="assets/img/shots/7.jpg" alt="Illustration" /></li>
<li data-tags="Web Design"><img src="assets/img/shots/8.jpg" alt="Illustration" /></li>
<li data-tags="Web Design,Logo Design"><img src="assets/img/shots/9.jpg" alt="Illustration" /></li>
<li data-tags="Web Design"><img src="assets/img/shots/10.jpg" alt="Illustration" /></li>
<li data-tags="Logo Design,Print Design"><img src="assets/img/shots/11.jpg" alt="Illustration" /></li>
<li data-tags="Logo Design,Print Design"><img src="assets/img/shots/12.jpg" alt="Illustration" /></li>
<li data-tags="Print Design"><img src="assets/img/shots/13.jpg" alt="Illustration" /></li>
<li data-tags="Web Design,Logo Design"><img src="assets/img/shots/14.jpg" alt="Illustration" /></li>
<li data-tags="Print Design"><img src="assets/img/shots/15.jpg" alt="Illustration" /></li>
<li data-tags="Logo Design"><img src="assets/img/shots/16.jpg" alt="Illustration" /></li>
<li data-tags="Web Design,Logo Design,Print Design"><img src="assets/img/shots/17.jpg" alt="Illustration" /></li>
<li data-tags="Web Design"><img src="assets/img/shots/18.jpg" alt="Illustration" /></li>
<li data-tags="Web Design,Print Design"><img src="assets/img/shots/19.jpg" alt="Illustration" /></li>
<li data-tags="Logo Design,Print Design"><img src="assets/img/shots/20.jpg" alt="Illustration" /></li>
<li data-tags="Web Design,Logo Design"><img src="assets/img/shots/21.jpg" alt="Illustration" /></li>
<li data-tags="Print Design"><img src="assets/img/shots/22.jpg" alt="Illustration" /></li>
<li data-tags="Logo Design,Print Design"><img src="assets/img/shots/23.jpg" alt="Illustration" /></li>
</ul>
</section>
<footer>
<h2>Making a Beautiful HTML5 Portfolio</h2>
<a class="tzine" href="http://tutorialzine.com/2011/06/beautiful-portfolio-html5-jquery/">Read & Download on</a>
</footer>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="assets/js/jquery.quicksand.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>
portfolio.zip （66个子文件） 
index.html 4KB
assets img 
bg_tile.jpg 730B
tzine.png 1KB bar.png 16KB logo.png 4KB bg_center.jpg 40KB shots 19.jpg 6KB 2.jpg 7KB 21.jpg 7KB 11.jpg 5KB 13.jpg 8KB 8.jpg 8KB 6.jpg 5KB 1.jpg 8KB 16.jpg 4KB 22.jpg 4KB 12.jpg 10KB 14.jpg 7KB 4.jpg 5KB 5.jpg 7KB 17.jpg 7KB 9.jpg 7KB 18.jpg 7KB 23.jpg 7KB 10.jpg 3KB 7.jpg 6KB 20.jpg 7KB 15.jpg 7KB 3.jpg 6KB header.png 260B js 
jquery.quicksand.js 14KB script.js 2KB css styles.css 3KB portfolio index.html 4KB img bg_tile.jpg 730B tzine.png 1KB bar.png 16KB logo.png 4KB bg_center.jpg 40KB shots 19.jpg 6KB 2.jpg 7KB 21.jpg 7KB 11.jpg 5KB 13.jpg 8KB 8.jpg 8KB 6.jpg 5KB 1.jpg 8KB 16.jpg 4KB 22.jpg 4KB 12.jpg 10KB 14.jpg 7KB 4.jpg 5KB 5.jpg 7KB 17.jpg 7KB 9.jpg 7KB 18.jpg 7KB 23.jpg 7KB 10.jpg 3KB 7.jpg 6KB 20.jpg 7KB 15.jpg 7KB 3.jpg 6KB header.png 260B js jquery.quicksand.js 14KB script.js 2KB css styles.css 3KB
评论11
最新资源