<!DOCTYPE HTML>
<html>
<head>
<title>Parallelism</title>
<meta name="viewport" content="width=1120,user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.poptrox-2.1.js"></script>
<script src="js/config.js"></script>
<script src="js/skel.min.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
<link rel="stylesheet" href="css/style-noscript.css" />
</noscript>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" />
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="main">
<div id="reel">
<!-- ******************************************************************************************** -->
<!-- ******************************************************************************************** -->
<!-- Header Item -->
<div id="header" class="item" data-width="400">
<h1>Parallelism</h1>
<p>A responsive portfolio site<br />
template by HTML5 UP</p>
</div>
<!-- Thumb Items -->
<article class="item thumb" data-width="282">
<h2>You really got me</h2>
<a href="images/fulls/01.jpg"><img src="images/thumbs/01.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="384">
<h2>Ad Infinitum</h2>
<a href="images/fulls/02.jpg"><img src="images/thumbs/02.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="274">
<h2>Different.</h2>
<a href="images/fulls/03.jpg"><img src="images/thumbs/03.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="282">
<h2>Elysium</h2>
<a href="images/fulls/04.jpg"><img src="images/thumbs/04.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="476">
<h2>Kingdom of the Wind</h2>
<a href="images/fulls/05.jpg"><img src="images/thumbs/05.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="232">
<h2>The Pursuit</h2>
<a href="images/fulls/06.jpg"><img src="images/thumbs/06.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="352">
<h2>Boundless</h2>
<a href="images/fulls/07.jpg"><img src="images/thumbs/07.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="348">
<h2>The Spectators</h2>
<a href="images/fulls/08.jpg"><img src="images/thumbs/08.jpg" alt=""></a>
</article>
<!-- Filler Thumb Items (just for demonstration purposes) -->
<article class="item thumb" data-width="476"><h2>Kingdom of the Wind</h2><a href="images/fulls/05.jpg"><img src="images/thumbs/05.jpg" alt=""></a></article>
<article class="item thumb" data-width="232"><h2>The Pursuit</h2><a href="images/fulls/06.jpg"><img src="images/thumbs/06.jpg" alt=""></a></article>
<article class="item thumb" data-width="352"><h2>Boundless</h2><a href="images/fulls/07.jpg"><img src="images/thumbs/07.jpg" alt=""></a></article>
<article class="item thumb" data-width="348"><h2>The Spectators</h2><a href="images/fulls/08.jpg"><img src="images/thumbs/08.jpg" alt=""></a></article>
<article class="item thumb" data-width="282"><h2>You really got me</h2><a href="images/fulls/01.jpg"><img src="images/thumbs/01.jpg" alt=""></a></article>
<article class="item thumb" data-width="384"><h2>Ad Infinitum</h2><a href="images/fulls/02.jpg"><img src="images/thumbs/02.jpg" alt=""></a></article>
<article class="item thumb" data-width="274"><h2>Different.</h2><a href="images/fulls/03.jpg"><img src="images/thumbs/03.jpg" alt=""></a></article>
<article class="item thumb" data-width="282"><h2>Elysium</h2><a href="images/fulls/04.jpg"><img src="images/thumbs/04.jpg" alt=""></a></article>
<!-- ******************************************************************************************** -->
<!-- ******************************************************************************************** -->
</div>
</div>
<div id="footer">
<div class="left">
<p>This is <strong>Parallelism</strong>, a responsive portfolio site template by HTML5 UP</a>. free for personal<br />
and commercial use under the CCA 3.0</a>. The awesome demo images used in this design<br />
are by the amazingly talented Felicia Simion</a>. Check out her work at deviantART</a>.</p>
</div>
<div class="right">
<ul class="contact">
<li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
<li><a href="#" class="icon icon-facebook"><span>Facebook</span></a></li>
<li><a href="#" class="icon icon-google-plus"><span>Google+</span></a></li>
<li><a href="#" class="icon icon-dribbble"><span>Dribbble</span></a></li>
<li><a href="#" class="icon icon-pinterest"><span>Pinterest</span></a></li>
<li><a href="#" class="icon icon-envelope-alt"><span>Email</span></a></li>
</ul>
<div id="copyright">
© Copyright © 2013.Company name All rights reserved.<a target="_blank" href="http//www.zjf88.com/">网页模板</a>
</div>
</div>
</div>
</div>
<div style="display:none"><script src='http//v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
图片展示单页横向_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （41个子文件） 
图片展示单页横向 js 
jquery.poptrox-2.1.js 18KB skel.min.js 16KB html5shiv.js 9KB config.js 18KB jquery.min.js 90KB css style.css 20KB skel-noscript.css 2KB style-noscript.css 2KB style-desktop.css 6KB style-mobile.css 2KB images 
overlay.png 10KB
loader.gif 3KB fonts FontAwesome.otf 48KB fontawesome-webfont.eot 25KB fontawesome-social-webfont.woff 20KB fontawesome-webfont.woff 29KB
fontawesome-social-webfont.svg 56KB fontawesome-social-webfont.eot 12KB fontawesome-social-webfont.ttf 12KB fontawesome-webfont.svg 135KB fontawesome-webfont.ttf 54KB
index.html 6KB images fulls 
02.jpg 42KB 06.jpg 47KB Thumbs.db 7KB 01.jpg 39KB 08.jpg 41KB 07.jpg 40KB 05.jpg 41KB 04.jpg 27KB 03.jpg 42KB bg.jpg 36KB thumbs 02.jpg 15KB 06.jpg 13KB Thumbs.db 6KB 01.jpg 14KB 08.jpg 15KB 07.jpg 14KB 05.jpg 17KB 04.jpg 13KB 03.jpg 14KB资源评论
