<!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>Dark Pro, Full Blog Post</title>
<meta name="keywords" content="dark pro, full post, blog page, free blog theme, multi-level comments, templatemo, CSS, HTML" />
<meta name="description" content="Dark Pro, Full Blog Post, free CSS Template from www.moobnn.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<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" type="text/css" href="css/style1.css" />
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(document).ready( function(){
var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
next:$('#lofslidecontent45 .lof-next') };
$obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
direction : 'opacitys',
easing : 'easeInOutExpo',
duration : 1200,
auto : false,
maxItemDisplay : 4,
navPosition : 'horizontal', // horizontal
navigatorHeight : 32,
navigatorWidth : 80,
mainWidth:940,
buttons : buttons} );
});
</script>
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatmeo_header">
<div id="site_title"><h1><a href="#">Free CSS Templates</a></h1></div>
<div id="templatemo_search">
<form action="#" method="get">
<input type="text" value="Search" name="keyword" id="keyword" title="keyword" onfocus="clearText(this)" onblur="clearText(this)" class="txt_field" />
<input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" class="sub_btn" />
</form>
</div>
<div class="cleaner"></div>
</div> <!-- END of header -->
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
<li><a href="index.html">Home<span>Start here</span></a></li>
<li><a href="about.html">About<span>Who we are</span></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>
</ul>
</li>
<li><a href="portfolio.html">Portfolio<span>What we have done</span></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>
</ul>
</li>
<li><a href="blog.html" class="selected">Blog<span>Our latest news</span></a></li>
<li><a href="contact.html">Contact<span>Get to us</span></a></li>
</ul>
<br style="clear: left" />
</div> <!-- END of menu -->
<div id="templatemo_main">
<div id="content">
<div class="post">
<h2>Web Design and Development</h2>
<div class="meta">
<span class="admin">John</span><span class="date">March 13, 2048</span><span class="tag"><a href="#">Design</a>, <a href="#">Photoshop</a></span><span class="comment"><a href="#">168 comments</a></span>
<div class="cleaner"></div>
</div>
<img src="images/blog/01.jpg" alt="Image 01" />
<p>Donec volutpat purus eu turpis laoreet vestibulum. <a href="#">Aenean ultricies</a> dapibus felis non consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean adipiscing ultrices lacus et molestie. Nunc neque mauris, hendrerit varius suscipit et, rhoncus id ligula.</p>
<p>Validate <a href="#" rel="nofollow"><strong>XHTML</strong></a> & <a href="#" rel="nofollow"><strong>CSS</strong></a>. 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.</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. Integer semper sollicitudin quam a ornare.</p>
</div>
<div class="cleaner h20"></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">Edward <span class="date">November 14, 2048</span> <span class="time">10:34 pm</span></div>
<p>Curabitur et felis pharetra eros volutpat suscipit. Donec sed erat quis augue faucibus condimentum.</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">