<!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>Nature Website Layout, 网站模板</title>
<meta name="keywords" content="网站模板, nature website, green color, XHTML CSS" />
<meta name="description" content="Nature Website, light green color, free css template, XHTML CSS" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/mootools-core.js"></script>
<script type="text/javascript" src="js/mootools-more.js"></script>
<script type="text/javascript" src="js/byzoomer-0.9.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;
}
window.addEvent('load', function(){
new ByZoomer();
});
</script>
<!--[if lt IE 7]>
<style type="text/css">
#templatemo_header_bottom { behavior: url(iepngfix.htc); }
</style>
<![endif]-->
</head>
<body>
<div id="templatemo_top_bg">
<!-- 网站模板 from HtmlDivCss.com -->
<div class="templatemo_container">
<div id="templatemo_header">
<div id="templatemo_logo">
Nature Website <span>[ Your slogan text goes here ]</span>
</div>
<div id="templatemo_header_bottom">
<div id="templatemo_menu">
<ul>
<li class="current"><a href="#"><b>Home</b></a></li>
<li><a href="#"><b>Products</b></a></li>
<li><a href="#"><b>Services</b></a></li>
<li><a href=""><b>Clients</b></a></li>
<li><a href=""><b>About</b></a></li>
<li><a href=""><b>Contact</b></a></li>
</ul>
</div>
</div>
</div><!-- End Of Header -->
<div id="templatemo_content">
<div id="templatemo_content_left">
<div class="templatemo_post">
<h1>Welcome to nature website</h1>
<p>This website template is provided by <a href="http://www.htmldivcss.com" target="_parent" title="free css">网页模板</a>. You may download, modify and apply this layout for your personal or business websites. Credit go to <a href="#" target="_blank">Free Photos</a> for photos and <a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a> for icons. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque rutrum est non pede. </p>
<p>Mauris varius risus fermentum nulla. Mauris vel sapien mattis urna luctus ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus tincidunt vehicula est. Vestibulum purus. In hac habitasse platea dictumst. </p>
<p>Quisque ut odio. Etiam fringilla vestibulum nulla. Suspendisse venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="templatemo_post" >
<h1>Photo Gallery</h1>
<a class="byzoomer" href="images/temeplatemo_big_1.jpg">
<img src="images/templatemo_thumb_1.jpg" alt="Swan" />
</a>
<a class="byzoomer" href="images/temeplatemo_big_2.jpg">
<img src="images/templatemo_thumb_2.jpg" alt="Leaf" />
</a>
<a class="byzoomer" href="images/templatemo_big_3.jpg">
<img src="images/templatemo_thumb_3.jpg" alt="Wild Plant" />
</a>
<a class="byzoomer" href="images/templatemo_big_4.jpg">
<img src="images/templatemo_thumb_4.jpg" alt="Colorful Bug" />
</a>
</div>
</div><!-- End Of Content Left-->
<div id="templatemo_content_right">
<div class="templatemo_section">
<div class="templatemo_section_1_top">
MEMBER LOGIN
</div>
<div class="templatemo_section_1_mid">
<div class="templatemo_form">
<form method="post" action="index.html">
<div class="templatemo_label">
<label>Username :</label>
<label>Password :</label>
</div>
<div class="templatemo_textboxes">
<input name="username" value="Username" type="text" onfocus="clearText(this)" onblur="clearText(this)" class="textfield"/>
<input name="password" value="password" type="password" onfocus="clearText(this)" onblur="clearText(this)" class="textfield"/>
</div>
<div class="cleaner_with_height"></div>
<div class="templatemo_login_bottom">
<input type="checkbox" name="remember" class="checkbox"/> <span class="remember"> Remember Me</span>
<input type="submit" name="login" value="" class="button"/>
</div>
</form>
</div>
<div class="cleaner_with_height"></div>
</div>
<div class="templatemo_section_1_bottom"></div>
</div>
<div class="templatemo_section">
<div class="templatemo_section_2_top">
OUR PARTNERS
</div>
<div class="templatemo_section_2_mid">
<ul>
<li><a href="#" target="_blank">Flash Templates</a> </li>
<li><a href="http://www.htmldivcss.com" target="_parent">CSS Templates</a> </li>
<li><a href="#" target="_blank">Web Design Articles</a> </li>
<li><a href="#" target="_blank">Royalty Free Photos</a> </li>
</ul>
</div>
<div class="templatemo_section_2_bottom">
</div>
</div>
</div><!-- End Of right -->
<div class="cleaner_with_height"></div>
</div><!-- End Of Content -->
<div class="cleaner_with_height"></div>
</div><!-- End Of Container -->
</div><!-- End Of Top bg -->
<div id="templatemo_bottom_bg">
<div class="templatemo_container">
<div id="templatemo_bottom_panel">
<div class="templatemo_section_3">
<div class="templatemo_section_3_top">
NEW SERVICES</div>