<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="fh5co-page">
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
<aside id="fh5co-aside" role="complementary" class="border js-fullheight">
<h1 id="fh5co-logo"><a href="index.html">Marble</a></h1>
<nav id="fh5co-main-menu" role="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li class="fh5co-active"><a href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="fh5co-footer">
<p>Copyright © 2017.Company name All rights reserved.<a target="_blank" href="http://www.songguoqing.cn">www.songguoqing.cn</a></p>
<ul>
<li><a href="#"><i class="icon-facebook2"></i></a></li>
<li><a href="#"><i class="icon-twitter2"></i></a></li>
<li><a href="#"><i class="icon-instagram"></i></a></li>
<li><a href="#"><i class="icon-linkedin2"></i></a></li>
</ul>
</div>
</aside>
<div id="fh5co-main">
<div class="fh5co-narrow-content">
<h2 class="fh5co-heading animate-box" data-animate-effect="fadeInLeft">Read Our Blog</h2>
<div class="row row-bottom-padded-md">
<div class="col-md-3 col-sm-6 col-padding animate-box" data-animate-effect="fadeInLeft">
<div class="blog-entry">
<a href="#" class="blog-img"><img src="images/img-1.jpg" class="img-responsive" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></a>
<div class="desc">
<h3><a href="#">Inspirational Website</a></h3>
<span><small>by Admin </small> / <small> Web Design </small> / <small> <i class="icon-comment"></i> 14</small></span>
<p>Design must be functional and functionality must be translated into visual aesthetics</p>
<a href="#" class="lead">Read More <i class="icon-arrow-right3"></i></a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-padding animate-box" data-animate-effect="fadeInLeft">
<div class="blog-entry">
<a href="#" class="blog-img"><img src="images/img-2.jpg" class="img-responsive" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></a>
<div class="desc">
<h3><a href="#">Inspirational Website</a></h3>
<span><small>by Admin </small> / <small> Web Design </small> / <small> <i class="icon-comment"></i> 14</small></span>
<p>Design must be functional and functionality must be translated into visual aesthetics</p>
<a href="#" class="lead">Read More <i class="icon-arrow-right3"></i></a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-padding animate-box" data-animate-effect="fadeInLeft">
<div class="blog-entry">
<a href="#" class="blog-img"><img src="images/img-3.jpg" class="img-responsive" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></a>
<div class="desc">
<h3><a href="#">Inspirational Website</a></h3>
<span><small>by Admin </small> / <small> Web Design </small> / <small> <i class="icon-comment"></i> 14</small></span>
<p>Design must be functional and functionality must be translated into visual aesthetics</p>
<a href="#" class="lead">Read More <i class="icon-arrow-right3"></i></a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-padding animate-box" data-animate-effect="fadeInLeft">
<div class="blog-entry">
<a href="#" class="blog-img"><img src="images/img-4.jpg" class="img-responsive" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></a>
<div class="desc">
<h3><a href="#">Inspirational Website</a></h3>
<span><small>by Admin </small> / <small> Web Design </small> / <small> <i class="icon-comment"></i> 14</small></span>
<p>Design must be functional and functionality must be translated into visual aesthetics</p>
<a href="#" class="lead">Read More <i class="icon-arrow-right3"></i></a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-padding animate-box" data-animate-effect="fadeInLeft">
<div class="blog-entry">
<a href="#" class="blog-img"><img src="images/img-5.jpg" class="img-responsive" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></a>
<div class="desc">
<h3><a href="#">Inspirational Website</a></h3>
<span><small>by Admin </small> / <small> Web Design </small> / <small> <i class="icon-comment"></i> 14</small></span>
<p>Design must be functional and functionality must be translated into visual aesthetics</p>
<a href="#" class="lead">Read More <i class="icon-arrow-right3"></i></a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-padding animate-box" data-animate-effect="fadeInLeft">
<div class="blog-entry">
<a href="#" class="blog-img"><img src="images/img-6.jpg" class="img-responsive" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></a>
<div class="desc">
<h3><a href="#">Inspirational Website</a></h3>
<span><small>by Admin </small> / <small> Web Design </small> / <small> <i class="icon-comment"></i> 14</small></span>
<p>Design must be functional and functionality must be translated into visual aesthetics</p>
<a href="#" class="lead">Read More <i class="icon-arrow-right3"></i></a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-padding animate-box" data-animate-effect="fadeInLeft">
<div class="blog-entry">
<a href="#" class="blog-img"><img src="images/img-3.jpg" class="img-responsive" alt="Free HTML5 Bootstrap Template by FreeHTML5.co"></a>
<div class="desc">
<h3><a href="#">Inspirational Website</a></h3>
<span><small>by Admin </small> / <small> Web Design </small> / <small> <i class="icon-comment"></i> 14</small></span>
<p>Design must be functional and functionality must be translated into visual aesthetics</p>
<a href="#" class="lead">Read More <i class="icon-arrow-right3"></i></a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-padding animate-box" data-animate-effect="fadeInLeft">
<div
纯静态HTML博客自适应模板
5星 · 超过95%的资源 需积分: 50 40 浏览量
2018-09-11
08:42:59
上传
评论 4
收藏 1.04MB ZIP 举报 
博客模板(net.0546.hk).zip （40个子文件） 
博客模板(net.0546.hk) css 
icomoon.css 28KB bootstrap.css 132KB animate.css 70KB flexslider.css 7KB style.css 25KB images 
img_bg_2.jpg 46KB img-4.jpg 19KB img-2.jpg 41KB
loc.png 2KB img_bg_3.jpg 42KB img-1.jpg 15KB img-6.jpg 16KB img-5.jpg 18KB img_bg_1.jpg 245KB img-3.jpg 38KB 广饶人.url 113B fonts bootstrap glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 106KB icomoon icomoon.woff 152KB icomoon.svg 553KB icomoon.eot 152KB icomoon.ttf 152KB
index.html 11KB js jquery.min.js 82KB google_map.js 3KB respond.min.js 4KB modernizr-2.6.2.min.js 15KB bootstrap.min.js 36KB jquery.flexslider-min.js 22KB jquery.waypoints.min.js 9KB main.js 3KB jquery.easing.1.3.js 8KB blog.html 12KB songguoqing.url 115B portfolio.html 7KB about.html 6KB contact.html 6KB资源评论
W0011234567892021-05-09不错的资料！简洁实用！！！
