168 lines
7 KiB
HTML
168 lines
7 KiB
HTML
|
<!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>Greeny Template - free website template</title>
|
||
|
|
<meta name="keywords" content="Greeny Template, free website templates, CSS, HTML" />
|
||
|
|
<meta name="description" content="Greeny Template - Download free website templates from 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_header_wrapper">
|
||
|
|
|
||
|
|
<div id="templatemo_header">
|
||
|
|
|
||
|
|
<div id="site_title">
|
||
|
|
<h1><a href="http://www.templatemo.com" target="_parent">
|
||
|
|
<img src="images/templatemo_logo.png" alt="CSS Templates" />
|
||
|
|
<span>free css templates</span>
|
||
|
|
</a></h1>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="templatemo_menu">
|
||
|
|
<ul>
|
||
|
|
<li><a href="#" class="current">Home</a></li>
|
||
|
|
<li><a href="http://www.templatemo.com/page/1" target="_parent">Templates</a></li>
|
||
|
|
<li><a href="http://www.flashmo.com" target="_parent">Flash</a></li>
|
||
|
|
<li><a href="http://www.koflash.com" target="_parent">Gallery</a></li>
|
||
|
|
<li><a href="#">Contact</a></li>
|
||
|
|
</ul>
|
||
|
|
</div> <!-- end of templatemo_menu -->
|
||
|
|
|
||
|
|
<div id="search_box">
|
||
|
|
<form action="#" method="get">
|
||
|
|
<input type="text" value="Enter a keyword" name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="cleaner"></div>
|
||
|
|
</div> <!-- end of templatemo_header -->
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!-- end of templatemo_header_wrapper -->
|
||
|
|
|
||
|
|
<div id="templatemo_content_wrapper">
|
||
|
|
|
||
|
|
<div id="templatemo_content">
|
||
|
|
|
||
|
|
<div class="content_section">
|
||
|
|
|
||
|
|
<h2>Featured Products</h2>
|
||
|
|
|
||
|
|
<div class="product_box margin_r10">
|
||
|
|
|
||
|
|
<h3>Vestibulum urna ipsum</h3>
|
||
|
|
<img src="images/image_02.jpg" alt="product" />
|
||
|
|
<p class="price">Price: $180</p>
|
||
|
|
<a href="#">Detail</a> | <a href="#">Add to cart</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="product_box margin_r10">
|
||
|
|
<h3>Aliquam sollicitudin</h3>
|
||
|
|
<img src="images/image_03.jpg" alt="product" />
|
||
|
|
|
||
|
|
<p class="price">Price: $240</p>
|
||
|
|
<a href="#">Detail</a> | <a href="#">Add to cart</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="product_box ">
|
||
|
|
<h3>Pellentesque habitant </h3>
|
||
|
|
<img src="images/image_04.jpg" alt="product" />
|
||
|
|
|
||
|
|
<p class="price">Price: $120</p>
|
||
|
|
<a href="#">Detail</a> | <a href="#">Add to cart</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="cleaner"></div>
|
||
|
|
|
||
|
|
<div class="button_01"><a href="#">View All</a></div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="cleaner_h40"></div>
|
||
|
|
<div class="content_section">
|
||
|
|
|
||
|
|
<h2>Greeny Website Template</h2>
|
||
|
|
|
||
|
|
<img src="images/image_05.jpg" alt="image" class="fl_image" />
|
||
|
|
|
||
|
|
<p class="em_text">Greeny Template is a <a href="http://www.templatemo.com/page/1">free CSS template</a> provided by <a href="http://www.templatemo.com" target="_parent">TemplateMo.com</a>. You may use this template in your websites. Credit goes to <a href="http://www.photovaco.com" target="_blank">Free Photos</a> for photos and <a href="http://www.brusheezy.com/brush/1140-Flower-Power" target="_blank">green-eyed-butterfly</a> for brush.</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ac felis mauris, a fringilla ipsum. Nulla purus purus, tristique vitae tincidunt id, tincidunt in elit. Nulla facilisi. Curabitur nec leo nulla, interdum fermentum tellus.</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div> <!-- end of content -->
|
||
|
|
|
||
|
|
|
||
|
|
<div id="templatmeo_sidebar">
|
||
|
|
|
||
|
|
<div class="sidebar_section">
|
||
|
|
|
||
|
|
<h2>Categories</h2>
|
||
|
|
|
||
|
|
<div class="sidebar_section_content">
|
||
|
|
|
||
|
|
<ul class="categories_list">
|
||
|
|
<li><a href="#">Lorem ipsum dolor</a></li>
|
||
|
|
<li><a href="#">Phasellus eget lorem</a></li>
|
||
|
|
<li><a href="#">Sed sit amet sem</a></li>
|
||
|
|
<li><a href="#">Cras eget est vel</a></li>
|
||
|
|
<li><a href="#">Quisque in ligula</a></li>
|
||
|
|
<li><a href="#">Donec a massa dui</a></li>
|
||
|
|
<li><a href="#">Aenean facilisis</a></li>
|
||
|
|
<li><a href="#">Etiam vitae consequat</a></li>
|
||
|
|
<li><a href="#">Aliquam sollicitudin</a></li>
|
||
|
|
<li><a href="#">Nunc fermentum</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="cleaner_h30"></div>
|
||
|
|
<div class="sidebar_section">
|
||
|
|
|
||
|
|
<h2>Newsletter</h2>
|
||
|
|
|
||
|
|
<div class="sidebar_section_content">
|
||
|
|
<form action="#" method="get">
|
||
|
|
<label>Please enter your email address to subscribe our newsletter.</label>
|
||
|
|
<input type="text" value="" name="username" size="10" id="input_field" title="usernmae" />
|
||
|
|
<input type="submit" name="login" value="Subscribe" alt="login" id="submit_btn" title="Login" />
|
||
|
|
</form>
|
||
|
|
<div class="cleaner"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div> <!-- end of sidebar -->
|
||
|
|
|
||
|
|
<div class="cleaner"></div>
|
||
|
|
|
||
|
|
</div> <div id="templatemo_content_wrapper_bottom"></div> <!-- end of content_wrapper -->
|
||
|
|
|
||
|
|
<div id="templatemo_footer">
|
||
|
|
|
||
|
|
<ul class="footer_menu">
|
||
|
|
<li><a href="#">Home</a></li>
|
||
|
|
<li><a href="http://www.templatemo.com/page/1" target="_parent">Templates</a></li>
|
||
|
|
<li><a href="http://www.flashmo.com" target="_parent">Flash</a></li>
|
||
|
|
<li><a href="http://www.koflash.com" target="_parent">Gallery</a></li>
|
||
|
|
<li class="last_menu"><a href="#">Contact</a></li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
Copyright © 2048 <a href="#">Your Company Name</a> |
|
||
|
|
Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a> |
|
||
|
|
Validate <a href="http://validator.w3.org/check?uri=referer">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
|
||
|
|
</div> <!-- end of templatemo_footer -->
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|