<!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>Sky Blue - free website template</title>
<meta name="keywords" content="sky blue, free website template, CSS, HTML, 3-column" />
<meta name="description" content="Sky Blue is a free website template provided by templatemo.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_top_bar">
<div class="rss_contact_section">
<div class="rss_contact rss_button">
<a href="#">Subscribe</a>
</div>
<div class="rss_contact contact_button">
<a href="#">Contact</a>
</div>
</div>
</div> <!-- end of top bar -->
<div id="templatemo_banner_bar_wrapper">
<div id="templatemo_banner_bar">
<h1>
<a href="#">Sky Blue
<span>free css template</span></a>
</h1>
</div> <!-- end of banner -->
</div> <!-- end of banner wrapper -->
<div id="templatemo_menu_wrapper">
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current fast">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Awards</a></li>
<li><a href="#">Testimonials</a></li>
</ul>
</div> <!-- end of menu -->
</div> <!-- end of menu wrapper -->
<div id="templatemo_content">
<div id="main_column">
<div class="section_w500">
<h2>Welcome to Sky Blue</h2>
<a href="http://www.moobnn.com/"><img class="image_wrapper fl_image" src="images/templatemo_image_01.jpg" alt="html css templates" /></a>
<p><span class="em_text">Sky Blue is a free css template is provided by <a href="http://www.moobnn.com" target="_parent" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> for anyone. Feel free to download and use this template for your websites. Credit goes to Free Photos for photos.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae turpis quis dui pellentesque semper. Suspendisse potenti. Fusce ullamcorper pellentesque lacinia.</p>
</div>
<div class="margin_bottom_20"></div>
<div class="section_w500">
<h2><span></span>Best Website Templates</h2>
<a href="#"><img class="image_wrapper fr_image" src="images/templatemo_image_02.jpg" alt="web templates" /></a>
<p>Validate <a href="#" rel="nofollow">XHTML</a> & <a href="#" rel="nofollow">CSS</a>. Nulla tellus nisl, malesuada eu dictum blandit, feugiat ac sem. Morbi justo lorem, dapibus sed aliquet id, aliquam eu justo. Etiam urna nisi, hendrerit eu pellentesque quis, aliquet nec velit. Etiam at justo et risus feugiat ullamcorper ac non ligula. Morbi dapibus, ipsum eu laoreet fermentum, mauris mauris sollicitudin ante, ac ultricies velit lectus at justo. Etiam mi lacus, faucibus eu egestas eget, lacinia in libero. Aenean libero mauris, convallis tristique molestie at, vehicula feugiat neque. Morbi fermentum, eros eget pulvinar sollicitudin, risus purus iaculis turpis, varius consectetur eros leo eget ipsum.</p>
<div class="margin_bottom_20"></div>
<ul class="list_01">
<li>Maecenas malesuada congue nisi in interdum.</li>
<li>Donec mattis urna id lorem blandit vitae pulvinar risus aliquam.</li>
<li>Vestibulum suscipit erat vitae libero varius aliquam. Phasellus at tortor dui, ac elementum mauris.</li>
</ul>
<div class="button_01"><a href="#">Read more</a></div>
</div>
<div class="cleaner"></div>
</div> <!-- end of main column -->
<div class="side_column_w200">
<div class="box">
<h3>Categories</h3>
<ul class="side_menu">
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Donec mattis egestas</a></li>
<li><a href="#">Phasellus id purus</a></li>
<li><a href="#">Nulla consequat</a></li>
<li><a href="#">Mauris varius risus</a></li>
<li><a href="#">Aenean vulputate</a></li>
<li><a href="#">Etiam ultricies</a></li>
<li><a href="#">Fusce quis diam sit</a></li>
<li><a href="#">Sed pellentesque</a></li>
<li><a href="#">Donec euismod enim</a></li>
</ul>
</div>
<div class="box">
<h3>Partners</h3>
<ul class="side_menu">
<li><a href="#" target="_parent">CSS Templates</a></li>
<li><a href="#" target="_parent">Flash Templates</a></li>
<li><a href="http://www.koflash.com" target="_parent">Websites Gallery</a></li>
<li><a href="http://www.webdesignmo.com/blog" target="_parent">Web Design Blog</a></li>
</ul>
</div>
</div>
<!-- end of side column 1 -->
<div class="side_column_w200">
<div class="box">
<h3>Search</h3>
<form action="#" method="get">
<input type="text" value="Enter keyword here..." name="q" size="10" class="inputfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="Search" alt="Search" class="submitbutton" title="Search" />
</form>
<div class="cleaner"></div>
</div>
<div class="box">
<h3>Popular Topics</h3>
<div class="news_section">
<div class="news_title"><a href="#">Lorem ipsum dolor sit amet consectetur </a></div>
<p>Maecenas tellus erat, dictum vel semper a, dapibus ac elit. Nunc rutrum pretium porta.</p>
</div>
<div class="news_section">
<div class="news_title"><a href="#">Aenean feugiat mattis est nec egestas</a></div>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
</div>
</div>
<div class="box">
<h3>Quick Contact</h3>
<form action="#" method="get">
<input type="text" value="Enter your name" name="name" size="10" class="inputfield" title="name" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="text" value="Enter your email address" name="email" size="10" class="inputfield" title="email" onfocus="clearText(this)" onblur="clearText(this)" />
<textarea id="message_input" rows="5" cols=""></tex