<!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>Magazine Style, Wooden Frame, Free CSS Template</title>
<meta name="keywords" content="Magazine Style, Wooden Frame, Free CSS Template, Website Design, XHTML CSS" />
<meta name="description" content="Magazine Style Website, Wooden Frame - free CSS template, HTML CSS Layout" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<!-- Free CSS Template | Designed from moobnn.com -->
<!-- Slimbox Credit Link | http://www.digitalia.be/software/slimbox2 -->
<link rel="stylesheet" href="slimbox/slimbox2.css" type="text/css" media="screen" />
<script type="text/javascript" src="slimbox/jquery.min.js"></script>
<script type="text/javascript" src="slimbox/slimbox2.js"></script>
<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_background_section_top">
<div class="templatemo_container">
<div id="templatemo_logo_section">
<h1>Magazine Style</h1>
<h2>new way of thinking for your life</h2>
</div>
<div id="templatemo_search_box">
<a href="#"><img src="images/templatemo_rss.jpg" alt="RSS Feed" border="0" /></a>
<form action="index.html" method="post">
<input type="text" value="Search" id="textfield" onfocus="clearText(this)" onblur="clearText(this)"/>
<input type="submit" name="Search" value="" alt="Search" id="button" title="Search" />
</form>
</div>
<div id="templatemo_menu_section">
<ul>
<li><a href="index.html" class="current"><span class="left">Home</span></a></li>
<li><a href="#"><span class="left">Articles</span></a></li>
<li><a href="#"><span class="left">Popular</span></a></li>
<li><a href="#"><span class="left">Gallery</span></a></li>
<li><a href="#"><span class="left">Useful Tips</span></a></li>
<li><a href="#"><span class="left">About Us</span></a></li>
<li><a href="#"><span class="left">Contact</span></a></li>
</ul>
</div>
</div>
</div><!-- End Of Top Background -->
<div id="templatemo_background_section_mid">
<div class="templatemo_container">
<div id="templatemo_content_area">
<div id="templatemo_left_section">
<div class="templatemo_left_section_box">
<div class="templatemo_left_section_box_top">Post title one goes here</div>
<div class="templatemo_left_section_box_body">
<p><img alt="templatemo" src="images/templatmo_thumb_7.jpg" />This is a FREE CSS template provided by <a href="http://www.moobnn.com" target="_parent">Free CSS Template</a>. You may download, edit and use this template layout for your websites. Credits: <a href="#" target="_blank">Free Photos</a> for photos and <a href="http://www.digitalia.be/software/slimbox2" target="_blank">Digitalia.be</a> for slimbox2.</p>
<p>Donec felis. Pellentesque leo lacus, rhoncus nec, consequat ac, ullamcorper nec, orci. Etiam dictum nisi. Etiam sit amet turpis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et nunc commodo ante ornare imperdiet. Donec nunc neque, pulvinar a, vestibulum eget, luctus id, orci. Pellentesque elementum enim a augue. Donec in nisi.</p>
<span class="post">Category: <a href="#">Web Design</a></span>
<span class="post">Posted on 18:40, 24 December 2024</span>
</div>
</div>
<div class="templatemo_left_section_box">
<div class="templatemo_left_section_box_top">Post title two goes here</div>
<div class="templatemo_left_section_box_body">
<p><img alt="templatemo" src="images/templatmo_thumb_8.jpg" />Quisque dictum pharetra neque. Aliquam pretium porta odio. Fusce quis diam sit amet tortor luctus pellentesque.</p>
<p>Donec accumsan urna non elit tristique mattis. from <a href="http://www.moobnn.com" target="_parent">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a>.</p>
<p>Vivamus fermentum orci viverra nisl. In nec magna id ipsum aliquam dictum.</p>
<p>Fusce quis enim. Aenean eleifend, neque hendrerit elementum sodales, odio erat sagittis quam, sed tempor orci magna vitae tellus. Proin dui mauris, tempor eget, pulvinar sed, pretium sit amet, dui. Proin vulputate justo et quam.</p>
<span class="post">Category: <a href="#">Flash Templates</a></span>
<span class="post">Posted on 14:20, 29 November 2024</span> </div>
</div>
<div class="templatemo_left_section_box">
<div class="templatemo_left_section_box_top">Post title three goes here</div>
<div class="templatemo_left_section_box_body">
<p>Cras nulla sem, posuere non, molestie ut, molestie in, justo. In fermentum, eros ac tincidunt aliquam, elit velit semper nunc, a tincidunt orci lectus a arcu.</p>
<p>Nullam commodo, arcu non facilisis imperdiet, felis lectus tempus felis, vitae volutpat augue ante quis leo. Aliquam tristique dolor ac odio. </p>
<p>Sed consectetur, lacus et dictum tristique, odio neque elementum ante, nec eleifend leo dolor vel tortor. Vivamus vulputate felis. Etiam luctus. Quisque facilisis suscipit elit. Curabitur eleifend </p>
<p><a href="http://validator.w3.org/check?uri=referer">
<img height="31" alt="Valid XHTML 1.0 Transitional" src="http://www.w3.org/Icons/valid-xhtml10" width="88" vspace="8" border="0" />
</a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img alt="Valid CSS!" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" vspace="8" border="0" />
</a></p>
<div class="cleaner"></div>
<span class="post">Category: <a href="#">CSS Templates</a></span>
<span class="post">Posted on 19:18, 13 November 2024</span>
</div>
</div>
</div><!-- End Of left Section -->
<div id="templatemo_middle_section">
<div class="templatemo_middle_section_box">
<h1>Categories</h1>
<ul>
<li><a href="#">Aliquam posuere</a></li>
<li><a href="#">Donec mattis rhoncus m</a></li>
<li><a href="#">Ipsum dolor sit amet</a></li>
<li><a href="#">Aliquam erat arcu</a></li>
<li><a href="#">Mauris congue felis at nisi</a></li>
<li> </li>
<li><a href="#">Pellentesque leo lacus</a></li>
<li><a href="#">Rhoncus nec, consequat ac</a></li>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Consectetur adipiscing eli</a></li>
<li><a href="#">Nulla et nunc commodo</a></li>
</ul>
</div>