<!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>zBasicB001 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">
<!--[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'/>
</head>
<body>
<!--------------Header--------------->
<header>
<div class="wrap-header zerogrid">
<div id="logo"><a href="#"><img src="./images/logo.png"/></a></div>
<nav>
<div class="wrap-nav">
<div class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">About</a></li>
<li><a href="#">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</option>
<option value="#">Gallery</option>
<option value="#">About</option>
<option value="#">Contact</option>
</select>
</div>
</div>
</nav>
</div>
</header>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >Website Template</a></div>
<!--------------Content--------------->
<section id="content">
<div class="wrap-content zerogrid">
<div class="row block">
<div id="main-content" class="col-2-3">
<div class="wrap-col">
<article>
<div class="heading">
<h2><a href="#">Sed accumsan libero quis mi commodo et suscipit</a></h2>
<div class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></div>
</div>
<div class="content">
<img src="images/300x300.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>Aliquam viverra convallis auctor. 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="#">Read more</a></p>
</div>
</article>
<article>
<div class="heading">
<h2><a href="#">Sed accumsan libero quis mi commodo et suscipit</a></h2>
<div class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></div>
</div>
<div class="content">
<img src="images/300x300.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>Aliquam viverra convallis auctor. 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="#">Read more</a></p>
</div>
</article>
<article>
<div class="heading">
<h2><a href="#">Sed accumsan libero quis mi commodo et suscipit</a></h2>
<div class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></div>
</div>
<div class="content">
<img src="images/300x300.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>Aliquam viverra convallis auctor. 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="#">Read more</a></p>
</div>
</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>About us</h2></div>
<div class="content">
<a href="http://www.moobnn.com" target="_blank"><img src="images/zerotheme.png" style="border:none;"/></a>
<p>Free Html5 Templates created More Templates <a href="http://www.moobnn.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>
</div>
<div class="box">
<div class="heading"><h2>Categories</h2></div>
<div class="content">
<ul>
<li><a href="http://www.moobnn.com">Free Html5 Templates</a></li>
<li><a href="http://www.moobnn.com">Free Responsive Themes</a></li>
<li><a href="http://www.moobnn.com">Free Html5 and Css3 Themes</a></li>
</ul>
</div>
</div>
<div class="box">
<div class="heading"><h2>Popular Post</h2></div>
<div class="content">
<div class="post">
<img src="images/50x50.jpg"/>
<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
<p>November 11 ,2012</p>
</div>
<div class="post">
<img src="images/50x50.jpg"/>
<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
<p>November 11 ,2012</p>
</div>
<div class="post">
<img src="images/50x50.jpg"/>
<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
<p>November 11 ,2012</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--------------Footer--------------->
<footer>
<div class="wrap-footer zerogrid">
<div class="row">
灰色简单标准个人博客html5模板_灰色 简单 标准 个人 博客 html5.rar
版权申诉
5星 · 超过95%的资源 55 浏览量
2023-04-27
15:05:06
上传
评论
收藏 79KB RAR 举报 
灰色简单标准个人博客html5模板_灰色 简单 标准 个人 博客 html5.rar （13个子文件） 
灰色简单标准个人博客html5模板_灰色 简单 标准 个人 博客 html5 zeroth_2 js 
html5.js 2KB css3-mediaqueries.js 16KB jquery.min.js 91KB css style.css 6KB responsive.css 3KB zerogrid.css 2KB
index.html 9KB images 
logo.png 12KB button-search.png 468B
300x300.jpg 16KB 50x50.jpg 9KB favicon.ico 1KB zerotheme.png 9KB资源评论
kadage2023-07-05怎么能有这么好的资源！只能用感激涕零来形容TAT...
