<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Runner, Blog Page, Full Post</title>
<meta name="keywords" content="runner, blog page, full post, free template, CSS, HTML" />
<meta name="description" content="Runner, Full Blog Post, Multiple comments, free blog theme by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/orman.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<script type="text/JavaScript" src="js/slimbox2.js"></script>
</head>
<body id="subpage">
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a></div>
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a>
<ul>
<li><a href="#">Sub Page One</a></li>
<li><a href="#">Sub Page Two</a></li>
<li><a href="#">Sub Page Three</a></li>
</ul>
</li>
<li><a href="portfolio.html">Gallery</a>
<ul>
<li><a href="#">Page Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Page Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Page Link Five</a></li>
</ul>
</li>
<li><a href="blog.html" class="selected">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<br style="clear: left" />
</div> <!-- end of templatemo_menu -->
</div> <!-- END of header -->
<div id="templatemo_page_intro">
<h1>Our Blog</h1>
<p>Vestibulum justo nunc, tristique sed tincidunt eu, adipiscing at ipsum. Maecenas suscipit urna at felis accumsan porttitor. Vivamus vel porta felis.</p>
</div>
<div id="templatemo_main">
<div id="templatemo_content" class="left">
<div class="post-item">
<div class="post-meta">
<img src="images/author.png" alt="post author image" />
<div class="post-meta-content">
<h2>Nullam Non Turpis Eros Non Euismod</h2>
Posted by <span><a href="#">Admin</a></span>
| <span><a href="#">14 January 2084</a></span>
in <span><a href="#">Free</a>, <a href="#">Templates</a></span>
</div>
<span class="post_comment">10</span>
<div class="clear"></div>
</div>
<img class="img_border_b img_nom" src="images/blog/01.jpg" alt="Post Image" />
<p align="justify">Donec non lectus urna, sed ornare magna. Morbi fringilla lorem at nulla porttitor et semper quam molestie. Nullam justo nisl, feugiat non tempor a, luctus imperdiet magna. Donec rhoncus, neque quis dapibus dapibus, lorem tortor semper est, sit amet auctor metus neque ut nisl. Validate <a href="#" ><strong>XHTML</strong></a> & <a href="#" ><strong>CSS</strong></a>.</p>
<p align="justify">Morbi venenatis augue sit amet ante facilisis feugiat sed in lectus. Vivamus imperdiet, ante a pretium vehicula, ante enim sodales mi, eu rutrum odio turpis eget arcu. Proin a elit nisl, id aliquam felis. Nunc ultrices iaculis quam, sed commodo erat tempus mollis. Duis ultricies nulla sed dolor egestas id.</p>
<p align="justify">Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit. Etiam nec turpis bibendum massa dapibus dictum. Donec eu odio sapien. Donec tincidunt eleifend mauris, ac volutpat leo tincidunt a. Aenean vel vehicula augue. Vestibulum lectus sem, porttitor non molestie quis, pulvinar nec nulla. Maecenas id orci vitae lectus fermentum posuere. <a href="#">Phasellus</a> lacinia eleifend elit, eu mollis erat consectetur et. </p>
<p align="justify">Integer semper sollicitudin quam a ornare. Nam venenatis nibh ac sem faucibus et imperdiet magna laoreet. Sed at risus dui. Ut imperdiet libero at mauris vestibulum tempor. Vestibulum at lorem ac lectus rhoncus aliquet eget ac mauris. Proin nec nunc magna, eu blandit massa. Sed elementum nisi ut quam vehicula eu egestas nisi varius.</p>
</div>
<h3>Comments</h3>
<ol class="comment_list">
<li>
<div class="comment_box">
<img src="images/avator.jpg" alt="" class="img_fl img_border" />
<div class="comment_content">
<div class="comment_meta"><strong><a href="#">Kent Well</a></strong><br />
Posted on 16 January 2084 [7:17 AM]</div>
<p>Suspendisse commodo nibh at eleifend imperdiet. Quisque sollicitudin tellus eget sodales dapibus. Pellentesque ut sem eu diam volutpat cursus at ut odio. Donec sit amet urna aliquet sapien tincidunt posuere.</p>
<a href="#" class="more">Reply</a>
</div>
<div class="clear"></div>
</div>
</li>
<li>
<ul>
<li class="depth_2">
<div class="comment_box">
<img src="images/avator.jpg" alt="" class="img_fl img_border" />
<div class="comment_content">
<div class="comment_meta"><strong><a href="#">William</a></strong><br />
Posted on 18 January 2084 [7:44 PM]</div>
<p>Cras in metus vulputate, consequat eros a, consectetur nulla. Aliquam erat volutpat. Integer dui sapien, vehicula ut tempor nec, dignissim id lacus. Nulla porta quis purus eget dignissim.</p>
<a href="#" class="more">Reply</a>
</div>
<div class="clear"></div>
</div>
</li>
<ul>
<li class="depth_3">
<div class="comment_box">
<img src="images/avator.jpg" alt="" class="img_fl img_border" />
<div class="comment_content">
<div class="comment_meta"><strong><a href="#">Stephen</a></s