<!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>Pro Studio - web design, free web template</title>
<meta name="keywords" content="Pro Studio, black and white edition, web design, free web template" />
<meta name="description" content="Pro Studio - black and white edition, free web template 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>
<!-- Free Web Templates @ www.moobnn.com -->
<div id="templatemo_header_wrapper">
<div id="templatemo_header">
<div id="logo">
Pro Studio
<span>Your slogan text goes here</span>
</div>
<div id="search_section">
<form action="#" method="get">
<input type="text" value="Enter keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" />
</form>
</div>
<div class="cleaner"></div>
</div> <!-- end of header -->
</div> <!-- end of header wrapper -->
<div id="templatemo_menu_wrapper">
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current"><span></span>Home</a></li>
<li><a href="#"><span></span>Gallery</a></li>
<li><a href="#"><span></span>Blog</a></li>
<li><a href="#"><span></span>Forum</a></li>
<li><a href="#"><span></span>About Us</a></li>
<li><a href="#"><span></span>Contact Us</a></li>
</ul>
</div> <!-- end of menu -->
</div> <!-- end of menu wrapper -->
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<div class="section_w440 fl margin_right_20">
<div class="post">
<div class="header_01">First post title goes here</div>
<p>This is a website template provided by <a href="http://www.moobnn.com" target="_parent">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> for free of charge. You may download, modify and apply this CSS layout for your websites. Credit goes to <a href="#" target="_blank">free photos</a> for photos used in this layout. Donec a massa ut pede pulvinar vulputate. Nulla et augue. Sed eu nunc quis pede tristique suscipit.</p>
<p>Maecenas sem urna, aliquam vehicula ultricies eleifend, convallis non turpis. Sed tempus libero nec erat tempus ornare. Sed sit amet enim ut magna elementum feugiat id vitae est. Nulla at urna eu mauris mattis hendrerit. Vivamus tempor, metus in auctor aliquam, ante velit pretium turpis, eu mollis sapien ante id purus. In lorem erat, porttitor non consectetur non, porta ut neque.</p>
<div class="margin_bottom_10"></div>
<div class="post_info">
Category: <a href="#">Web Design</a> <span>Posted on 14:50, 28 December 2024</span>
</div>
</div>
<div class="post">
<div class="header_01">Second post title goes here</div>
<div class="post_image">
<img src="images/templatemo_image_01.jpg" alt="image" />
</div>
<div class="post_text">
<p>Fusce sit amet enim nibh. Ut quam purus, consectetur non auctor a, rutrum id turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
<p>Nulla eleifend metus vel nulla consectetur in interdum magna faucibus. Vivamus in diam in erat imperdiet placerat quis eget arcu.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat, nunc a malesuada malesuada, nisl nisi semper erat, ut imperdiet mauris neque ut arcu. In ac diam et augue laoreet auctor. Nunc nec tellus ante, eget varius ante. Nam nec odio libero, nec suscipit quam.</p>
</div>
<div class="margin_bottom_10"></div>
<div class="post_info">
Category: <a href="#">Web Scripts</a> <span>Posted on 16:30, 24 December 2024</span> </div>
</div>
<div class="post">
<div class="header_01">Third post is the orginal message</div>
<div class="post_image">
<img src="images/templatemo_image_02.jpg" alt="image" />
</div>
<div class="post_text">
<p>Phasellus vel lectus vestibulum neque bibendum dapibus a dictum lorem. Duis sit amet nibh urna, id mollis tortor. Nulla congue, nisi nec consectetur scelerisque, dui risus vestibulum elit, ac tincidunt est sem non ligula. Maecenas eros erat, hendrerit et iaculis eget.</p>
<p>Mauris tincidunt iaculis orci. Vestibulum eu gravida odio. Nunc id elit leo. Sed eget odio a massa aliquet lacinia. Curabitur faucibus interdum rhoncus.</p>
<p>Nullam tincidunt libero in diam adipiscing tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
<div class="margin_bottom_10"></div>
<div class="post_info">
Category: <a href="#">XHTML/CSS</a> <span>Posted on 18:20, 22 December 2024</span>
</div>
</div>
</div> <!-- end of post column -->
<div class="section_w450 fl">
<div class="section_w260 fl margin_right_10">
<div class="header_02"><span></span>Latest News</div>
<div class="news_section">
<div class="header_03"><a href="#">In ac diam et augue laoreet</a></div>
<p>In ac diam et augue laoreet auctor. Nunc nec tellus ante, eget varius ante. Nam nec odio libero, nec suscipit quam.</p>
</div>
<div class="margin_bottom_20"></div>
<div class="news_section">
<div class="header_03"><a href="#">Nunc nec tellus ante</a></div>
<p>Maecenas sem urna, aliquam vehicula ultricies eleifend, convallis non turpis. Sed tempus libero nec erat tempus ornare. </p>
</div>
<div class="margin_bottom_20"></div>
<div class="news_section">
<div class="header_03"><a href="#">Maecenas sem urna</a></div>
<p>Vivamus tempor, metus in auctor aliquam, ante velit pretium turpis, eu mollis sapien ante id purus. In lorem erat, porttitor non consectetur.</p>
</div>
<div class="margin_bottom_20"></div>
<div class="news_section">
<div class="header_03"><a href="#">Duis sit amet nibh urna</a></div>
<p>Suspendisse gravida, ante non consectetur porttitor, ligula dolor consectetur mi, eget gravida augue sem vel leo.</p>
</div>