<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>zGallering Free Html5 Responsive Template</title>
<meta name="description" content="Free Html5 Templates and Free Responsive Themes Designed by Kimmy | zerotheme.com">
<meta name="author" content="www.zerotheme.com">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel='stylesheet' href="css/camera.css">
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http//storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<![endif]-->
<link href='./images/favicon.ico' rel='icon' type='image/x-icon'/>
<script type='text/javascript' src='js/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='js/camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap').camera({
height: '400px',
loader: 'bar',
pagination: false,
thumbnails: true
});
});
</script>
</head>
<body>
<!--------------Header--------------->
<header>
<div class="pagetop">
<div class="wrap-pagetop">
<div class="shareicons">
<ul>
<li><a href="#"><img src="images/rss-icon.png" title="RSS"/></a></li>
<li><a href="#"><img src="images/digg-icon.png" title="Digg"/></a></li>
<li><a href="#"><img src="images/facebook-icon.png" title="Facebook"/></a></li>
<li><a href="#"><img src="images/google-icon.png" title="Google+"/></a></li>
<li><a href="#"><img src="images/twitter-icon.png" title="Twitter"/></a></li>
<li><a href="#"><img src="images/sharethis-icon.png" title="Sharethis"/></a></li>
<li><a href="#"><img src="images/linkedin-icon.png" title="Linkedin"/></a></li>
</ul>
</div>
<div id="search">
<div class="button-search"></div>
<input type="text" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}">
</div>
</div>
</div>
<div class="wrap-header">
<div id="logo"><a href="#"><img src="./images/logo.png"/></a></div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li class="current"><a href="blog.html">Blog</a></li>
<li><a href="single.html">About</a></li>
<li><a href="single.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!--------------Content--------------->
<section id="content">
<div class="zerogrid">
<div class="row">
<div id="main-content" class="col-left">
<article>
<div class="heading">
<h2><a href="single.html">Sed accumsan libero quis mi commodo et suscipit</a></h2>
<div class="info">>>> Posted by Admin | December 01, 2012 | 01 Commnets</div>
</div>
<div class="content">
<img src="images/img1.jpg"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor. Sed accumsan libero quis mi commodo et suscipit enim lacinia. Morbi rutrum vulputate est sed faucibus. Nulla sed nisl mauris, id tristique tortor. Sed iaculis dapibus urna nec dictum. Proin non enim odio. Proin vitae turpis libero, eget feugiat enim. Sed fringilla facilisis convallis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor. Sed accumsan libero quis mi commodo et suscipit enim lacinia. Morbi rutrum vulputate est sed faucibus. Nulla sed nisl mauris, id tristique tortor. Sed iaculis dapibus urna nec dictum. Proin non enim odio.</p>
<p class="more"><a class="button" href="single.html">Read more</a></p>
</div>
</article>
<article>
<div class="heading">
<h2><a href="single.html">Sed accumsan libero quis mi commodo et suscipit</a></h2>
<div class="info">>>> Posted by Admin | December 01, 2012 | 01 Commnets</div>
</div>
<div class="content">
<img src="images/img2.jpg"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor. Sed accumsan libero quis mi commodo et suscipit enim lacinia. Morbi rutrum vulputate est sed faucibus. Nulla sed nisl mauris, id tristique tortor. Sed iaculis dapibus urna nec dictum. Proin non enim odio. Proin vitae turpis libero, eget feugiat enim. Sed fringilla facilisis convallis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor. Sed accumsan libero quis mi commodo et suscipit enim lacinia. Morbi rutrum vulputate est sed faucibus. Nulla sed nisl mauris, id tristique tortor. Sed iaculis dapibus urna nec dictum. Proin non enim odio.</p>
<p class="more"><a class="button" href="single.html">Read more</a></p>
</div>
</article>
<article>
<div class="heading">
<h2><a href="single.html">Sed accumsan libero quis mi commodo et suscipit</a></h2>
<div class="info">>>> Posted by Admin | December 01, 2012 | 01 Commnets</div>
</div>
<div class="content">
<img src="images/img3.jpg"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor. Sed accumsan libero quis mi commodo et suscipit enim lacinia. Morbi rutrum vulputate est sed faucibus. Nulla sed nisl mauris, id tristique tortor. Sed iaculis dapibus urna nec dictum. Proin non enim odio. Proin vitae turpis libero, eget feugiat enim. Sed fringilla facilisis convallis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor. Sed accumsan libero quis mi commodo et suscipit enim lacinia. Morbi rutrum vulputate est sed faucibus. Nulla sed nisl mauris, id tristique tortor. Sed iaculis dapibus urna nec dictum. Proin non enim odio.</p>
<p class="more"><a class="button" href="single.html">Read more</a></p>
</div>
</article>
<section>
<ul id="pagi">
<li><a class="current" href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">next</a></li>
</ul>
</section>
</div>
<div id="sidebar" class="col-right">
<section>
<div class="heading"><h2>About us</h2></div>
<div class="content">
<a href="http//www.zerotheme.com" target="_blank"><img src="images/zerotheme.png" style="border:none;"/></a>
<p>Free Html5 Templates created by <a href="http//www.zerotheme.com" target="_blank" style="color: #DA251D;">Zerotheme</a>. You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files.</p>
</div>
</section>
<section>
<div class="heading"><h2>Categories</h2></div>
<div class="content">
<ul>
<li><a hre
H67_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （59个子文件） 
H67 js 
camera.min.js 38KB html5.js 2KB css3-mediaqueries.js 16KB jquery.easing.1.3.js 8KB jquery.min.js 91KB css style.css 9KB camera.css 26KB responsive.css 1KB
index.html 10KB single.html 9KB images 
thumb4.jpg 24KB
digg-icon.png 2KB
blank.gif 1KB thumb5.jpg 34KB thumb8.jpg 20KB logo.png 56KB img2.jpg 79KB google-icon.png 2KB slides slide5.jpg 68KB slide2.jpg 107KB slide6.jpg 118KB slide8.jpg 39KB slide1.jpg 98KB slide9.jpg 70KB slide4.jpg 50KB slide3.jpg 93KB thumbs 2.jpg 14KB 6.jpg 16KB 1.jpg 18KB 5.jpg 14KB 8.jpg 11KB 3.jpg 16KB 7.jpg 14KB 9.jpg 14KB 4.jpg 13KB slide7.jpg 63KB thumb3.jpg 35KB button-search.png 468B twitter-icon.png 2KB img1.jpg 54KB camera-loader.gif 9KB thumb7.jpg 32KB pattern22.png 3KB favicon.ico 1KB port2.jpg 11KB zerotheme.png 9KB img3.jpg 51KB sharethis-icon.png 2KB port3.jpg 11KB thumb6.jpg 41KB linkedin-icon.png 2KB facebook-icon.png 2KB rss-icon.png 2KB thumb2.jpg 34KB camera_skins.png 24KB thumb1.jpg 37KB thumb9.jpg 22KB port1.jpg 11KB blog.html 11KB资源评论
