<!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>Grunge Blog Template, Free CSS Template</title>
<meta name="keywords" content="Grunge Blog Template, Free CSS Template, Web Design, Free Download, XHTML, CSS" />
<meta name="description" content="Grunge Blog Template is a Free XHTML CSS Design Layout provided from moobnn.com" />
<link href="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>
</head>
<body>
<div id="templatemo_container">
<div id="templatemo_header">
<div id="templatemo_logo">
<div id="templatemo_logo_text">
Grunge Blog
</div>
</div>
<div id="templatemo_menu_section">
<ul>
<li><a href="#" class="home current">Home</a></li>
<li><a href="#" class="about">About</a></li>
<li><a href="#" class="archive">Archives</a></li>
<li><a href="#" class="contact">Contact</a></li>
</ul>
</div>
</div>
<!-- End Of Header -->
<div id="templatemo_content_area">
<div id="templatemo_latest_news_section">
<h1><span class="header_orange">Curabitur</span> necodio tincidunt</h1>
<div class="templatemo_news">
Quisque in diam a justo condimentum molestie. Vivamus a velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur quis velit quis tortor tincidunt aliquet. Vivamus leo velit, convallis id, ultrices sit amet, tempor a, libero. Vivamus a massa. Donec iaculis felis id neque. Morbi nunc.</div>
<div class="templatemo_news templatemo_news_no_margin">
Grunge Blog is a free xhtml/css template provided by <a href="http://www.moobnn.com" target="_parent">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> website. Donec placerat, tortor id mollis faucibus, mauris ligula sodales nibh, sit amet lobortis metus enim ac eros. In molestie tortor eget velit aliquet eu consectetur mi mollis. Donec a metus a mauris luctus suscipit. In condimentum ornare elit auctor dictum.</div>
<div class="cleaner"></div>
</div><!-- End Of News Section -->
<div id="templatemo_left">
<div class="templatemo_post_area">
<div class="templatemo_post_date">
<div class="templatemo_post_day">
30
</div>
<div class="templatemo_post_month">
JUN
</div>
</div>
<div class="templatemo_post_text">
<h1>Web Design Post Goes Here</h1>
<img src="images/templatemo_img_1.jpg" alt="Free CSS Template" />
<p>Nunc quis sem nec tellus blandit tincidunt. Duis vitae velit sed dui malesuada dignissim. Donec mollis aliquet ligula. Maecenas adipiscing elementum ipsum. Pellentesque vitae magna. Sed nec est. Suspendisse a nibh tristique justo rhoncus volutpat. Suspendisse vitae neque eget ante tristique vestibulum. Pellentesque dolor nulla, congue vitae, fringilla in, varius a, orci. Mauris convallis.</p>
<p><a href="#">Continue...</a></p>
<div class="templatemo_post_footer">
<div class="templatemo_post_on">
<span class="orange">Posted on</span> Jun 30, 2024 in <a href="#">Web Design</a> by <a href="http://www.moobnn.com" target="_parent">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> </div>
<div class="templatemo_post_comment">
<a href="#">36 Comments</a>
</div>
</div>
</div>
<div class="cleaner"></div>
</div> <!-- End Of Post Area -->
<div class="templatemo_post_area">
<div class="templatemo_post_date">
<div class="templatemo_post_day">
28
</div>
<div class="templatemo_post_month">
JUN
</div>
</div>
<div class="templatemo_post_text">
<h1>Free Web Template Goes Here</h1>
<img src="images/templatemo_img_2.jpg" alt="Free CSS Template" />
<p>Pellentesque vitae magna. Sed nec est. Suspendisse a nibh tristique justo rhoncus volutpat. Suspendisse vitae neque eget ante tristique vestibulum. Pellentesque dolor nulla, congue vitae, fringilla in, varius a, orci. Mauris convallis.</p>
<p><a href="#">Continue...</a></p>
<div class="templatemo_post_footer">
<div class="templatemo_post_on">
<span class="orange">Posted on</span> Jun 28, 2024 in <a href="#">Web Template</a> by <a href="http://www.moobnn.com" target="_parent">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> </div>
<div class="templatemo_post_comment">
<a href="#">44 Comments</a>
</div>
</div>
</div>
<div class="cleaner"> </div>
</div> <!-- End Of Post Area -->
<div class="paging">
<ul>
<li style="padding: 10px;">Page 3 of 110</li>
<li><a href="#">Prev</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li class="paging_current"><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">Next</a></li>
</ul>
</div>
</div><!-- End Of Left Section -->
<div id="templatemo_right">
<div class="templatemo_section_box_1">
<form action="#" method="get">
<input type="text" class="templatemo_search_box" name="keyword" onfocus="clearText(this)" onblur="clearText(this)" value="Enter Your Keywords ..." id="keyword"/>
<input type="submit" class="templatemo_search_button" value="" name="Search"/>
</form>
</div>
<div class="templatemo_section_box_1">
<h1>Categories</h1>
<ul>
<li><a href="#">Consectetuer (5)</a></li>
<li><a href="#">Nunc quis sem (7)</a></li>
<li><a href="#">Quisque (24)</a></li>
</ul>
<ul>