<!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>Accordion Theme, Full Blog Post</title>
<meta name="keywords" content="accordion theme, full post, free blog theme, templates, templatemo, CSS, HTML" />
<meta name="description" content="Accordion, Full Blog Post, free HTML CSS template" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
<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>
<script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
</head>
<body>
<div id="templatemo_top_wrapper">
<div id="templatemo_top">
<div id="site_title"><h1><a href="#">Free CSS Templates</a></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.moobnn.com/">Sub menu 1</a></li>
<li><a href="#">Sub menu 2</a></li>
<li><a href="#">Sub menu 3</a></li>
<li><span class="bottom"></span></li>
</ul>
</li>
<li><a href="portfolio.html"><span></span>Portfolio</a>
<ul>
<li><a href="http://www.moobnn.com/">Sub menu 1</a></li>
<li><a href="#">Sub menu 2</a></li>
<li><a href="#">Sub menu 3</a></li>
<li><a href="#">Sub menu 4</a></li>
<li><a href="#">Sub menu 5</a></li>
<li><span class="bottom"></span></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 menu -->
</div> <!-- end of top -->
</div> <!-- end of top wrapper -->
<div id="templatemo_main_top"></div>
<div id="templatemo_main_wrapper">
<div id="templatemo_main">
<div class="post">
<img src="images/blog/01.jpg" alt="Image 01" class="image_frame image_fl" />
<h2>Free Web Templates</h2>
<div class="meta">September 28th in <strong><a href="#">Templates</a></strong>, <strong><a href="http://www.moobnn.com/">Freebie</a></strong> | <strong><a href="#">135 comments</a></strong></div>
<p align="justify">Suspendisse metus metus, vehicula nec adipiscing varius, commodo et erat. Aenean justo est, cursus eget sodales ac, dictum eget lectus. <a href="#">Donec non est</a> metus, vel aliquam tortor. Suspendisse hendrerit, dui ac lobortis scelerisque, turpis tellus tincidunt ante, sit amet consequat tortor nisi et metus. Vestibulum ac leo purus, a auctor lacus. Quisque nibh erat, luctus quis malesuada cursus, sodales ac justo. Sed feugiat mi id mi rutrum dapibus.</p>
<p align="justify">Maecenas a enim sed est dictum pellentesque. Vivamus lobortis, justo id tempus pellentesque, erat massa ornare erat, sit amet ornare arcu ante sit amet erat. <a href="#">Vestibulum eros mauris</a>, fringilla a consequat vel, blandit eu tortor. Donec eleifend interdum justo vitae venenatis. Maecenas id dui eget eros facilisis aliquam eget eu enim. Donec et risus velit. Nullam at tellus vel massa venenatis tempus quis quis justo. Praesent vulputate, eros eu mollis auctor, neque risus pellentesque lorem, in porta nibh lorem et magna. Praesent ac erat dolor, vitae vulputate neque. Pellentesque vel porta est. Validate <a href="#" rel="nofollow"><strong>XHTML</strong></a> & <a href="#" rel="nofollow"><strong>CSS</strong></a>.</p>
<p align="justify">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. <a href="#">Aenean semper</a> convallis mi eu congue. In vel neque orci.</p>
<p align="justify">Nunc vitae luctus ligula. Etiam vulputate semper lorem quis gravida. Donec nec aliquam ipsum. Nulla feugiat feugiat erat et consequat. Sed hendrerit molestie ante, sit amet porta leo porta ut. Praesent adipiscing turpis at nisl dapibus vehicula.</p>
<div class="cleaner"></div>
</div>
<h3>Comments</h3>
<div id="comment_section">
<ol class="comments first_level">
<li>
<div class="comment_box commentbox1">
<div class="gravatar">
<img class="image_frame" src="images/avator.png" alt="author 6" />
</div>
<div class="comment_text">
<div class="comment_author">Steven <span class="date">November 22, 2048</span> <span class="time">10:15 pm</span></div>
<p>Praesent risus mauris, feugiat condimentum commodo vel, dignissim auctor urna. Vivamus ullamcorper lectus sed diam iaculis sed facilisis enim sollicitudin. Pellentesque sodales fringilla eros, a ultricies sapien porta ut. Maecenas mi mi, commodo eget tincidunt in, mattis eget nisl.</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">
<img class="image_frame" src="images/avator.png" alt="author 6" />
</div>
<div class="comment_text">
<div class="comment_author">Rock <span class="date">November 24, 2048</span> <span class="time">11:52 pm</span></div>
<p>Fusce consequat nulla dapibus mi ullamcorper nec adipiscing neque commodo. Vestibulum nunc arcu, laoreet id rhoncus vel, sollicitudin nec dolor.</p>
<div class="reply"><a href="#">Reply</a></div>
</div>
<div class="cleaner"></div>
</div>
</li>
<li>