parallelism-can
Version:
parallelism canner can
111 lines (93 loc) • 6.22 kB
HTML
<html>
<head>
<title>Parallelism can</title>
<meta name="viewport" content="width=1200,user-scalable=no">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.poptrox.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.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]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>
<div id="wrapper">
<div id="main">
<div id="reel">
<!-- Header Item -->
<div id="header" class="item" data-width="400">
<div class="inner">
<h1>Parallelism</h1>
<p>demo of parallelism</p>
</div>
</div>
<!-- Thumb Items -->
<article class="item thumb" data-width="282">
<h2>img1-word</h2>
<a href="images/fulls/01.jpg"><img src="images/thumbs/01.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="384">
<h2>img2-word</h2>
<a href="images/fulls/02.jpg"><img src="images/thumbs/02.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="274">
<h2>img3-word</h2>
<a href="images/fulls/03.jpg"><img src="images/thumbs/03.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="282">
<h2>img4-word</h2>
<a href="images/fulls/04.jpg"><img src="images/thumbs/04.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="476">
<h2>img5-word</h2>
<a href="images/fulls/05.jpg"><img src="images/thumbs/05.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="232">
<h2>img6-word</h2>
<a href="images/fulls/06.jpg"><img src="images/thumbs/06.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="352">
<h2>img7-word</h2>
<a href="images/fulls/07.jpg"><img src="images/thumbs/07.jpg" alt=""></a>
</article>
<article class="item thumb" data-width="348">
<h2>img8-word</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>img5-word</h2><a href="images/fulls/05.jpg"><img src="images/thumbs/05.jpg" alt=""></a></article>
<article class="item thumb" data-width="232"><h2>img6-word</h2><a href="images/fulls/06.jpg"><img src="images/thumbs/06.jpg" alt=""></a></article>
<article class="item thumb" data-width="352"><h2>img7-word</h2><a href="images/fulls/07.jpg"><img src="images/thumbs/07.jpg" alt=""></a></article>
<article class="item thumb" data-width="348"><h2>img8-word</h2><a href="images/fulls/08.jpg"><img src="images/thumbs/08.jpg" alt=""></a></article>
<article class="item thumb" data-width="282"><h2>img1-word</h2><a href="images/fulls/01.jpg"><img src="images/thumbs/01.jpg" alt=""></a></article>
<article class="item thumb" data-width="384"><h2>img2-word</h2><a href="images/fulls/02.jpg"><img src="images/thumbs/02.jpg" alt=""></a></article>
<article class="item thumb" data-width="274"><h2>img3-word</h2><a href="images/fulls/03.jpg"><img src="images/thumbs/03.jpg" alt=""></a></article>
<article class="item thumb" data-width="282"><h2>img4-word</h2><a href="images/fulls/04.jpg"><img src="images/thumbs/04.jpg" alt=""></a></article>
</div>
</div>
<div id="footer">
<div class="right">
<ul class="contact">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon fa-pinterest"><span class="label">Pinterest</span></a></li>
<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Untitled</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>