<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Single Post</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Bootstrap styles -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Font-Awesome -->
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
<!-- Google Webfonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600|PT+Serif:400,400italic' rel='stylesheet' type='text/css'>
<!-- Styles -->
<link rel="stylesheet" href="css/style.css" id="theme-styles">
<!--[if lt IE 9]>
<script src="js/vendor/google/html5-3.6-respond-1.1.0.min.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="widewrapper masthead">
<div class="container">
<a href="index.html" id="logo">
<img src="img/logo.png" alt="clean Blog">
</a>
<div id="mobile-nav-toggle" class="pull-right">
<a href="#" data-toggle="collapse" data-target=".clean-nav .navbar-collapse">
<i class="fa fa-bars"></i>
</a>
</div>
<nav class="pull-right clean-nav">
<div class="collapse navbar-collapse">
<ul class="nav nav-pills navbar-nav">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="widewrapper subheader">
<div class="container">
<div class="clean-breadcrumb">
<a href="#">Blog</a>
<span class="separator">/</span>
<a href="#">Bootstrap</a>
<span class="separator">/</span>
<a href="#">HTML Template</a>
</div>
<div class="clean-searchbox">
<form action="#" method="get" accept-charset="utf-8">
<input class="searchfield" id="searchbox" type="text" placeholder="Search">
<button class="searchbutton" type="submit">
<i class="fa fa-search"></i>
</button>
</form>
</div>
</div>
</div>
</header>
<div class="widewrapper main">
<div class="container">
<div class="row">
<div class="col-md-8 blog-main">
<article class="blog-post">
<header>
<div class="lead-image">
<img src="img/single-post.jpg" alt="" class="img-responsive">
</div>
</header>
<div class="body">
<h1>Responsive HTML5 Template</h1>
<div class="meta">
<i class="fa fa-user"></i> John Doe <i class="fa fa-calendar"></i>23 Agustus 2015<i class="fa fa-comments"></i><span class="data"><a href="#comments">3 Comments</a></span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem quas voluptatem et minima quo amet ducimus. Voluptatum soluta tenetur ducimus fugiat, sint voluptate eveniet adipisci nulla asperiores distinctio laudantium eos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident tenetur, consectetur dolores nostrum, numquam facere a dicta eum nam suscipit consequuntur dolorem aspernatur molestias vero quo id tempore vel possimus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem quas voluptatem et minima quo amet ducimus. Voluptatum soluta tenetur ducimus fugiat, sint voluptate eveniet adipisci nulla asperiores distinctio laudantium eos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident tenetur, consectetur dolores nostrum, numquam facere a dicta eum nam suscipit consequuntur dolorem aspernatur molestias vero quo id tempore vel possimus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem quas voluptatem et minima quo amet ducimus. Voluptatum soluta tenetur ducimus fugiat, sint voluptate eveniet adipisci nulla asperiores distinctio laudantium eos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident tenetur, consectetur dolores nostrum, numquam facere a dicta eum nam suscipit consequuntur dolorem aspernatur molestias vero quo id tempore vel possimus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem quas voluptatem et minima quo amet ducimus. Voluptatum soluta tenetur ducimus fugiat, sint voluptate eveniet adipisci nulla asperiores.</p>
</div>
</article>
<aside class="social-icons clearfix">
<h3>Share on </h3>
<a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-google"></i></a>
</aside>
<aside class="comments" id="comments">
<hr>
<h2><i class="fa fa-comments"></i> 6 Comments</h2>
<article class="comment">
<header class="clearfix">
<img src="img/avatar.png" alt="A Smart Guy" class="avatar">
<div class="meta">
<h3><a href="#">John Doe</a></h3>
<span class="date">
24 August 2015
</span>
<span class="separator">
-
</span>
<a href="#create-comment" class="reply-link">Reply</a>
</div>
</header>
<div class="body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere sit perspiciatis debitis, vel ducimus praesentium expedita, assumenda ipsum cum corrupti dolorum modi. Rem ipsam similique sapiente obcaecati tenetur beatae voluptatibus.
</div>
</article>
<article class="comment reply">
<header class="clearfix">
<img src="img/avatar.png" alt="A Smart Guy" class="avatar">
<div class="meta">
<h3><a href="#">John Doe</a></h3>
<span class="date">
24 August 2015
</span>
<span class="separator">
-
简洁清爽个人blog博客模板下载_简洁 清爽 个人主页 博客 blog 整站 简单 响应式 bootstrap 手机 新闻.rar （24个子文件） 
简洁清爽个人blog博客模板下载_简洁 清爽 个人主页 博客 blog 整站 简单 响应式 bootstrap 手机 新闻 btts_5_rv js 
bootstrap.min.js 27KB modernizr.js 6KB jquery.min.js 94KB img 
2.jpg 405KB
logo.png 3KB 1.jpg 178KB single-post.jpg 324KB avatar.png 6KB 3.jpg 200KB 4.jpg 324KB css style.css 24KB bootstrap.min.css 97KB font-awesome css font-awesome.css 28KB font-awesome.min.css 23KB fonts FontAwesome.otf 92KB fontawesome-webfont.eot 59KB fontawesome-webfont.woff 70KB fontawesome-webfont.woff2 55KB
fontawesome-webfont.svg 306KB fontawesome-webfont.ttf 119KB
index.html 13KB contact.html 6KB about.html 6KB single.html 17KB资源评论
