<!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>zBlogging 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/zerogrid.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/responsiveslides.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 src="js/jquery.min.js"></script>
<script src="js/responsiveslides.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
pager: false,
nav: true,
speed: 500,
maxwidth: 962,
namespace: "centered-btns"
});
});
</script>
</head>
<body>
<!--------------Header--------------->
<header>
<div class="subnav">
<div class="wrap-subnav zerogrid">
<div class="links">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">About</a></li>
<li><a href="blog.html">Archives</a></li>
<li><a href="blog.html">Advertise</a></li>
<li><a href="blog.html">Contact</a></li>
</ul>
</div>
<div class="share">
<ul>
<li><a href="#"><img src="images/rss-icon.png" title="RSS"/></a></li>
<li><a href="#"><img src="images/twitter-icon.png" title="Twitter"/></a></li>
<li><a href="#"><img src="images/facebook-icon.png" title="Facebook"/></a></li>
<li><a href="#"><img src="images/google-plus-icon.png" title="Google Plus"/></a></li>
</ul>
</div>
</div>
</div>
<div class="wrap-header zerogrid">
<div id="logo"><a href="#"><img src="./images/logo.png"/></a></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>
</header>
<nav>
<div class="wrap-nav zerogrid">
<div class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog.html">Gallery</a></li>
<li><a href="blog.html">About</a></li>
<li><a href="blog.html">Contact</a></li>
</ul>
</div>
<div class="minimenu"><div>MENU</div>
<select onChange="location=this.value">
<option></option>
<option value="index.html">Home</option>
<option value="blog.html">Blog</option>
<option value="blog.html">Gallery</option>
<option value="blog.html">About</option>
<option value="blog.html">Contact</option>
</select>
</div>
</div>
</nav>
<div class="featured">
<div class="wrap-featured zerogrid">
<div class="slider">
<div class="rslides_container">
<ul class="rslides" id="slider">
<li><img src="images/slide01.jpg"/></li>
<li><img src="images/slide02.jpg"/></li>
<li><img src="images/slide03.jpg"/></li>
</ul>
</div>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http//shop109193845.taobao.com" >Website Template</a></div>
<!--------------Content--------------->
<section id="content">
<div class="wrap-content zerogrid">
<div class="row">
<div id="main-content" class="col-2-3">
<div class="wrap-col">
<article>
<img src="images/article01.png"/>
<h2><a href="blog.html">Lorem ipsum dolor amet consectetur adipiscing elit</a></h2>
<span class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></span>
<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>
</article>
<article>
<img src="images/article02.png"/>
<h2><a href="blog.html">Sed accumsan libero quis mi commodo et suscipit</a></h2>
<span class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></span>
<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>
</article>
<article>
<img src="images/article03.png"/>
<h2><a href="blog.html">Sed accumsan libero quis mi commodo et suscipit</a></h2>
<span class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></span>
<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>
</article>
<article>
<img src="images/article04.png"/>
<h2><a href="blog.html">Sed accumsan libero quis mi commodo et suscipit</a></h2>
<span class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></span>
<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>
</article>
<article>
<img src="images/article05.png"/>
<h2><a href="blog.html">Sed accumsan libero quis mi commodo et suscipit</a></h2>
<span class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></span>
<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>
</article>
<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>
</div>
</div>
<div id="sidebar" class="col-1-3">
<div class="wrap-col">
<div class="box">
<div class="heading"><h2>Sponsors</h2></div>
<div class="
H495_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （42个子文件） 
H495 js 
html5.js 2KB responsiveslides.js 9KB css3-mediaqueries.js 16KB jquery.min.js 91KB css style.css 9KB responsive.css 3KB zerogrid.css 2KB responsiveslides.css 3KB
index.html 10KB images 
article02.png 67KB article01.png 45KB article04.png 73KB
slide03.jpg 148KB photo01.png 9KB photo05.png 12KB photo02.png 12KB logo.png 11KB zerotheme.jpg 31KB article03.png 60KB
themes.gif 359B button-search.png 468B themeforest.jpg 7KB twitter-icon.png 1KB photo03.png 12KB slide01.jpg 218KB pattern06.png 3KB post01.png 5KB post02.png 6KB bgheading.png 954B favicon.ico 1KB zerotheme.png 9KB photo04.png 10KB post03.png 6KB img.jpg 42KB slide02.jpg 212KB bgbox.png 995B facebook-icon.png 1KB google-plus-icon.png 1KB rss-icon.png 1KB article05.png 81KB bgcontent.png 209B blog.html 9KB资源评论
2301_76429513
- 粉丝: 16
最新资源
- MATLAB程序设计方案与应用.doc
- 【精选】商务风红粉色互联网商务通用模板ppt模板.pptx
- JAVA1014小区物业收费管理系统方案设计书与实现2.doc
- 嵌入式系统设计ADS使用.ppt
- 列存储数据库关键技术分析.docx
- 人工智能的全球规制.docx
- 物联网技术在起重机运行管理中的具体应用.docx
- 基于MOOC+SPOC的车载网络技术课程线上线下混合式教学研究与探索.docx
- 数值分析研究计算机实验和.doc
- 施工项目管理的关键.docx
- 宿舍网络综合布线系统方案.doc
- 单片机电子时钟大学设计模板[][].doc
- 大河教管中心“百万公众网络学习工程”活动实施方案.doc
- 第4章-综合布线系统.ppt
- 互联网+时代知识产权保护公证的机遇和挑战探究.docx
- 浅论中职教师信息化教学能力的提升.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
