<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- from www.moobnn.com -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Black Media, free CSS template</title>
<meta name="keywords" content="free website template, blog template, blog layout, Black Media Website, XHTML" />
<meta name="description" content="Black Media Website - free CSS template, Free HTML CSS Layout" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="templatemo_background_section_top">
<div class="templatemo_container">
<div id="templatemo_header">
<div id="templatemo_logo_section">
<h1>Black Media</h1>
<h2>Bringing you to the future web design</h2>
</div>
<div id="templatemo_search_box">
<form action="#" method="post">
<input name="search" type="text" id="textfield" value=""/>
<input type="submit" name="Search" value="" alt="Search" id="button" title="Search" />
</form>
</div>
</div><!-- end of headder -->
<div id="templatemo_menu_panel">
<div id="templatemo_menu_section">
<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Categories</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div> <!-- end of menu -->
</div><!-- end of container-->
</div><!-- end of templatemo_background_section_top-->
<div id="templatemo_background_section_middle">
<div class="templatemo_container">
<div id="templatemo_left_section">
<div class="templatemo_post">
<div class="templatemo_post_top">
<h1>Blog Post Title 1 goes here</h1>
</div>
<div class="templatemo_post_mid">
<p><img alt="Blog" src="images/templatemo_055_blog.jpg" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec dui. Donec nec neque ut quam sodales feugiat. Nam vehicula dapibus lectus. Integer imperdiet pretium dolor. Vivamus felis. Vivamus vulputate vehicula mi. Maecenas consectetur purus. </p>
<p>Vestibulum id mi vitae nunc vulputate ullamcorper. Donec feugiat orci sed sapien. Fusce risus sem, egestas quis, imperdiet id, pellentesque vel, tortor. Fusce ante. Nunc at mi nec urna mollis ullamcorper. Nam aliquet, ligula in aliquet molestie, nunc arcu tristique nibh. </p>
<div class="clear"></div>
</div>
<div class="templatemo_post_bottom">
<span class="post">Posted By: Admin</span>
<span class="post">Category: <a href="#">Web Design</a></span>
<span class="post">Date: 16:20, 19 October 2024</span>
</div>
</div><!-- end of templatemo_post-->
<div class="templatemo_post">
<div class="templatemo_post_top">
<h1>Blog Post Title 2 goes here</h1>
</div>
<div class="templatemo_post_mid">
<p><img alt="Blog" src="images/templatemo_062_white.jpg" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec dui. Donec nec neque ut quam sodales feugiat. Nam vehicula dapibus lectus. Integer imperdiet pretium dolor. Vivamus felis. Vivamus vulputate vehicula mi. Maecenas consectetur purus. </p>
<p>Vestibulum id mi vitae nunc vulputate ullamcorper. Donec feugiat orci sed sapien. Fusce risus sem, egestas quis, imperdiet id, pellentesque vel, tortor. Fusce ante. Nunc at mi nec urna mollis ullamcorper. Nam aliquet, ligula in aliquet molestie, nunc arcu tristique nibh. </p>
<div class="clear">
</div>
</div>
<div class="templatemo_post_bottom">
<span class="post">Posted By: Admin</span>
<span class="post">Category: <a href="#">Script</a></span>
<span class="post">Date: 19:24, 14 October 2024</span>
</div>
</div><!-- end of templatemo_post-->
</div><!-- end of left section-->
<div id="templatemo_right_section">
<div class="templatemo_section_box">
<div class="templatemo_section_box_top">
<h1>Advertisements</h1>
</div>
<div class="templatemo_section_box_mid">
<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>
<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>
<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>
<a href="#"><img alt="125x125 Ad Banner" src="images/templatemo_ads.jpg" /></a>
<div class="clear"> </div>
</div>
<div class="templatemo_section_box_bottom"></div>
</div><!-- end of section box -->
<div class="templatemo_section_box">
<div class="templatemo_section_box_top">
<h1>About This Blog</h1>
</div>
<div class="templatemo_section_box_mid">
<p>This free website blog layout is provided by <a href="http://www.moobnn.com" target="_parent">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a>. You may download, modify and apply this layout for any blog CMS websites.</p>
</div>
<div class="templatemo_section_box_bottom"></div>
</div><!-- end of section box -->
<div class="templatemo_section_box">
<div class="templatemo_section_box_top">
<h1>Categories</h1>
</div>
<div class="templatemo_section_box_mid">
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">JavaScripts</a></li>
<li><a href="#">CSS Templates</a></li>
<li><a href="#">Flash Templates</a></li>
</ul>
</div>
<div class="templatemo_section_box_bottom"></div>
</div><!-- end of section box -->
</div><!-- end of right Section -->
</div><!-- end of container-->
</div><!-- end of background middle-->
<div id="templatemo_bottom_panel">
<div id="templatemo_bottom_section">
<div class="templatemo_bottom_section_box">
<div cl