<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chrome Web Blog Post</title>
<meta name="keywords" content="Chrome Web, Blog Page, CSS, HTML, free template, templatemo" />
<meta name="description" content="Chrome Web Blog - free CSS template brought to you by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/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>
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1>free css templates</h1></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="http://www.htmldivcss.com/">Background</a></li>
<li><a href="#">Our Team</a></li>
<li><a href="#">Management</a></li>
</ul>
</li>
<li><a href="portfolio.html">Portfolio</a>
<ul>
<li><a href="http://www.htmldivcss.com/">Web Design</a></li>
<li><a href="#">Multimedia</a></li>
<li><a href="#">3D Animations</a></li>
<li><a href="#">Templates</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a>
<ul>
<li><a href="http://www.htmldivcss.com/">Useful Tips</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Popular Posts</a></li>
<li><a href="#">Comments</a></li>
<li><a href="#">Authors</a></li>
</ul>
</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_main">
<div id="templatemo_content">
<div class="post_box">
<div class="post_header">
<div class="post_date">
26<span>OCT</span>
</div>
<h2>New Blog Post Title</h2>
</div>
<div class="post_inner"> <a href="#"><img src="images/post_image/01.jpg" alt="Image" /></a>
<p class="post_meta"><span class="cat">Posted in <a href="#">Templates</a>, <a href="#">Web Design </a></span> | <a href="#">Comments - 256</a> </p>
<p>Validate <a href="#" rel="nofollow">XHTML</a> & <a href="#" rel="nofollow">CSS</a>. Morbi venenatis augue sit amet ante facilisis feugiat sed in lectus. Vivamus imperdiet, ante a pretium <a href="#">vehicula</a>, 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">Etiam nec turpis bibendum massa dapibus dictum. Donec eu odio sapien. Donec tincidunt eleifend mauris, ac volutpat leo tincidunt. 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. Integer semper sollicitudin quam a ornare. Nam venenatis nibh ac sem faucibus et imperdiet magna <a href="#">laoreet</a>.</p>
</div>
</div> <!-- end of post -->
<div class="cleaner h30"></div>
<h3>Comments</h3>
<div id="comment_section">
<ol class="comments first_level">
<li>
<div class="comment_box commentbox1">
<div class="gravatar"> <a href="#"><img src="images/avator.png" alt="author 3" /></a>
</div>
<div class="comment_text">
<div class="comment_author">Stephen <span class="date">November 22, 2048</span> <span class="time">11:25 pm</span></div>
<p>Vestibulum ultrices. Pellentesque tempus sapien nec sem commodo ullamcorper. Aenean neque.</p>
<div class="reply"><a href="#">Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
<li>
<ol class="comments">
<li>
<div class="comment_box commentbox2">
<div class="gravatar"> <a href="#"><img src="images/avator.png" alt="author 5" /></a>
</div>
<div class="comment_text">
<div class="comment_author">Joshua <span class="date">November 24, 2048</span> <span class="time">10:50 pm</span></div>
<p> Vestibulum lectus sem, porttitor non molestie quis, pulvinar nec nulla. Maecenas id orci vitae lectus fermentum posuere.</p>
<div class="reply"><a href="#">Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
<li>
<ol class="comments">
<li>
<div class="comment_box commentbox1">
<div class="gravatar"> <a href="#"><img src="images/avator.png" alt="author 6" /></a>
</div>