<!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>Simple Gray, Professional free website template</title>
<meta name="keywords" content="free templates, website templates, CSS, XHTML" />
<meta name="description" content="Simple Gray - Professional free XHTML/CSS template provided from HtmlDivCss.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_header_wrapper">
<!-- Free Web Templates from HtmlDivCss.com -->
<div id="templatemo_header">
<div id="site_logo"></div>
<div id="templatemo_menu">
<div id="templatemo_menu_left"></div>
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Company</a></li>
<li><a href="#" class="last">Contact</a></li>
</ul>
</div> <!-- end of menu -->
</div> <!-- end of header -->
</div> <!-- end of header wrapper -->
<div id="templatemo_banner_wrapper">
<div id="templatemo_banner">
<div id="templatemo_banner_image">
<div id="templatemo_banner_image_wrapper">
<img src="images/templatemo_image_01.jpg" alt="image" />
</div>
</div>
<div id="templatemo_banner_content">
<div class="header_01">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
<p>Aliquam dignissim elementum est sit amet iaculis. Integer pretium ultricies risus, condimentum molestie odio euismod vitae. </p>
<div class="button_01"><a href="#">Read more</a></div>
</div>
<div class="cleaner"></div>
</div> <!-- end of banner -->
</div> <!-- end of banner wrapper -->
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<div id="column_w530">
<div class="header_02">Welcome to our WEBSITE!</div>
<p class="em_text">This is a professional XHTML/CSS layout provided by <a href="http://www.htmldivcss.com" target="_parent">模板在线</a> for free of charge. You can use this template for any purpose. Credit goes to <a href="#" target="_blank">Free Photos</a> for photos.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a justo dolor. Duis in tincidunt lorem. Nunc et tellus nisi. Nulla non velit lectus. Morbi luctus ullamcorper felis, non gravida neque congue sit amet.</p>
<div class="margin_bottom_20"></div>
<ul class="content_list_01">
<li>Integer tempor, libero quis laoreet dapibus, quam mauris hendrerit urna, vel feugiat dolor lectus non velit. Fusce at nisl libero, ac fringilla risus.</li>
<li>Proin non velit nec enim volutpat euismod. Phasellus lorem velit, porttitor non iaculis in, euismod a metus. Nullam orci odio, dignissim a egestas ac, sollicitudin in quam.</li>
</ul>
<div class="margin_bottom_20"></div>
<div class="content_section_01">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a justo dolor. Duis in tincidunt lorem. Nunc et tellus nisi. Nulla non velit lectus. Morbi luctus ullamcorper felis, non gravida neque congue sit amet. Nam nec mi metus, ac elementum velit. Etiam vel arcu velit, eget consequat risus.
</div>
<div class="cleaner"></div>
</div>
<div id="column_w300">
<div class="header_03">Latest News</div>
<div class="column_w300_section_01">
<div class="news_image_wrapper">
<img src="images/templatemo_image_02.jpg" alt="image" />
</div>
<div class="news_content">
<div class="news_date">OCT 29, 2024</div>
<div class="header_04"><a href="#">Lorem ipsum dolor sit</a></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a justo dolor.</p>
</div>
<div class="cleaner"></div>
</div>
<div class="column_w300_section_01 even_color">
<div class="news_image_wrapper">
<img src="images/templatemo_image_03.jpg" alt="image" />
</div>
<div class="news_content">
<div class="news_date">OCT 28, 2024</div>
<div class="header_04"><a href="#">Nam dictum pellentesque</a></div>
<p>Nam ultricies cursus enim, non aliquet orci lacinia ac. Etiam lobortis adipiscing.</p>
</div>
<div class="cleaner"></div>
</div>
<div class="column_w300_section_01">
<div class="news_image_wrapper">
<img src="images/templatemo_image_04.jpg" alt="image" />
</div>
<div class="news_content">
<div class="news_date">OCT 27, 2024</div>
<div class="header_04"><a href="#">Donec faucibus tortor</a></div>
<p>Aliquam porttitor nibh in erat porttitor in accumsan dui pulvinar.</p>
</div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div> <!-- end of content wrapper -->
</div> <!-- end of content wrapper -->
<div id="templatemo_footer_wrapper">
<div id="templatemo_footer">
<div class="section_w180">
<div class="header_05">Services</div>
<div class="section_w180_content">
<ul class="footer_menu_list">
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Cum sociis</a></li>
<li><a href="#">Donec quam</a></li>
<li><a href="#">Nulla consequat</a></li>
<li><a href="#">In enim justo</a></li>
</ul>
</div>
</div>
<div class="section_w180">
<div class="header_05">About</div>
<div class="section_w180_content">
<ul class="footer_menu_list">
<li><a href="#">Nullam quis</a></li>
<li><a href="#">Sed consequat</a></li>
<li><a href="#">Cras dapibus</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Cum sociis</a></li>
</ul>
</div>
</div>
<div class="section_w180">
<div class="header_05">Cool links</div>
<div class="section_w180_content">
<ul class="footer_menu_list">
<li><a href="#">Aenean vulputate</a></li>
<li><a href="#">Etiam ultricies</a></li>
<li><a href="#">Nullam quis</a></li>
<li><a href="#">Sed consequat</a></li>
<li><a href="#">Cras dapibus</a></li>