<!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>Green Field - One Page Template</title>
<meta name="keywords" content="green field, one page, full site, free css template, CSS, HTML" />
<meta name="description" content="Green Field is a full-site template from www.htmldivcss.com for free of charge." />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<!--////// CHOOSE ONE OF THE 3 PIROBOX STYLES \\\\\\\-->
<link href="css_pirobox/white/style.css" media="screen" title="shadow" rel="stylesheet" type="text/css" />
<!--<link href="css_pirobox/white/style.css" media="screen" title="white" rel="stylesheet" type="text/css" />
<link href="css_pirobox/black/style.css" media="screen" title="black" rel="stylesheet" type="text/css" />-->
<!--////// END \\\\\\\-->
<!--////// INCLUDE THE JS AND PIROBOX OPTION IN YOUR HEADER \\\\\\\-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/piroBox.1_2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$().piroBox({
my_speed: 600, //animation speed
bg_alpha: 0.5, //background opacity
radius: 4, //caption rounded corner
scrollImage : false, // true == image follows the page, false == image remains in the same open position
pirobox_next : 'piro_next', // Nav buttons -> piro_next == inside piroBox , piro_next_out == outside piroBox
pirobox_prev : 'piro_prev',// Nav buttons -> piro_prev == inside piroBox , piro_prev_out == outside piroBox
close_all : '.piro_close',// add class .piro_overlay(with comma)if you want overlay click close piroBox
slideShow : 'slideshow', // just delete slideshow between '' if you don't want it.
slideSpeed : 4 //slideshow duration in seconds(3 to 6 Recommended)
});
});
</script>
<!--////// END \\\\\\\-->
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatmeo_header">
<div id="templatemo_menu">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#aboutus">About Us</a></li>
<li><a href="#news">News</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li class="last"><a href="#contactus">Contact Us</a></li>
</ul>
</div> <!-- end of templatemo_menu -->
<div id="site_title">
<h1><a href="#">Green Field<span> Free Web Template</span></a></h1>
<div id="social_box">
<a href="http://www.facebook.com/templatemo"><img src="images/facebook.jpg" alt="facebook" /></a>
<a href="http://www.facebook.com/templatemo"><img src="images/twitter.jpg" alt="twitter" /></a>
</div>
</div>
</div> <!-- end of header -->
<div id="templatemo_main">
<div class="content_box"><div id="home"></div>
<div class="content_box_content">
<h2>Introducing New Green Field</h2>
<div class="col_w340 float_l"> <a href="#" target="_parent"><img class="image_wrapper" src="images/templatemo_image_01.jpg" alt="Image" /></a>
<p><em>Praesent rutrum augue vel felis vehicula vel luctus sapien commodo. Aenean convallis, sem in tempus dictum, lorem urna luctus augue, et tempor justo orci in elit.</em></p>
<p>Feel free to download, edit and use this template for your websites. <a href="#/preview/templatemo_288_green_field" title="Green Field" target="_parent">Green Field</a> is a mini-site with 5 sections within the same long page. Praesent rutrum augue vel felis vehicula vel luctus sapien commodo. Aenean convallis, sem in tempus dictum, lorem urna luctus augue.</p>
</div>
<div class="col_w340 float_r">
<h3>Web Design</h3>
<p>Validate <a href="#" rel="nofollow">XHTML</a> & <a href="#" rel="nofollow">CSS</a>. Fusce sit amet tristique magna. Praesent rutrum augue vel felis vehicula vel luctus sapien commodo. Aenean convallis, sem in tempus dictum, lorem urna luctus augue, et tempor justo orci in elit.</p>
<div class="cleaner h30"></div>
<h3>New Template</h3>
<p>Phasellus nec hendrerit enim. Aliquam placerat eleifend adipiscing. Nunc fermentum pretium aliquam. Nam dictum leo nec mauris sagittis posuere. Pellentesque ut purus et justo laoreet bibendum eget sed sem. </p>
<p>Cras laoreet, magna a fermentum facilisis, justo neque sollicitudin risus, quis iaculis purus leo id massa. Donec lobortis ipsum nec nisl viverra a gravida dolor euismod.</p>
<p><a href="#portfolio">Explore All Templates</a></p>
</div>
<div class="cleaner h30"></div>
<a class="gototop" href="#top"></a>
<div class="cleaner"></div>
</div> <!-- end of content box content -->
</div> <!-- end of a content box -->
<div id="aboutus"></div>
<div class="content_box">
<div class="content_box_content">
<h2>About Us</h2>
<div class="col_w340 float_l">
<img class="image_wrapper" src="images/templatemo_image_02.jpg" alt="image" />
<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur volutpat enim nec dolor.</em></p>
<p> Maecenas sodales pede eu massa. Fusce lacinia orci at nisi. Suspendisse at nisi nec diam pretium tincidunt. Ut vitae felis eu lectus ultrices varius. Aliquam lacus turpis, dapibus eget, tincidunt eu, lobortis et, magna.</p>
<p>Nullam a tortor est, congue fermentum nisi. Maecenas nulla nulla, lobortis eu volutpat euismod, scelerisque ut dui. Integer luctus tellus ac mi malesuada dignissim. Sed id diam dui. In ut nunc urna.</p>
</div>
<div class="col_w340 float_r">
<h3>Design Services</h3>
<p><em>Vestibulum pharetra convallis libero ac luctus. Etiam in quam a urna aliquet imperdiet porta vitae.</em></p>
<p>Morbi velit dui, interdum non placerat id, rhoncus ac orci. Sed id diam dui. In ut nunc urna. Duis iaculis orci eu arcu vestibulum eu vestibulum orci ultrices. You may browse <a href="#" target="_parent">Flash Templates</a> for your websites.</p>
<ul class="tmo_list">
<li>Nulla facilisi. Maecenas ac odio ipsum donec</li>
<li>Fusce risus tortor, interdum in malesuada</li>
<li>Proin facilisis ullamcorper turpis, in placerat</li>
<li>Sed vel justo quis ligula blandit commodo</li>
<li>Ut tristique sagittis arcu, vel laoreet turpis</li>
<li>Proin facilisis ullamcorper turpis, in placerat</li>
</ul>
</div>
<div class="cleaner h30"></div>
<a class="gototop" href="#top"></a>
<div class="cleaner"></div>
</div> <!-- end of content box content -->
</div> <!-- end of a content box -->
<div class="content_box"><div id="news"></div>
<div class="content_box_content">
<h2> Blog Posts</h2>
<p>Nullam a tortor est, congue fermentum nisi. Maecenas nulla nulla, lobortis eu volutpat euismod, scelerisque ut dui. Integer luctus tellus ac mi malesuada dignissim. Sed id diam dui. In ut nunc urna.</p>
<div class="cleaner h30"></div>
<div class="post_box"> <a href="http://www.htmldivcss.com/"><img src="images/templatemo_image_05.jpg" alt="image" /></a>