garden_grass : Garden « Templates « HTML / CSS






garden_grass

   

<!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=iso-8859-1" />
<title>easygrass_template</title>
<style type="text/css">
<!--
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
-->
</style>
<style type='text/css'>
#main {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  background-color: #333333;
  background-image: url(garden_grass-images/footer.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
}
#main #footer {
  clear: both;
  width: 1000px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #00CC99;
  text-align: center;
  line-height: 18px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #00CCCC;
  margin-bottom: 30px;
}
.col1 a {
  color: #00CC99;
  text-decoration: none;
}
#main #footer a {
  color: #00CC99;
  text-decoration: none;
}
#main #footer a:hover {
  color: #FFFFFF;
}


#main #header {
  float: left;
  width: 950px;
  font-family: "Trebuchet MS", Verdana, Tahoma;
  font-size: 30px;
  font-weight: bold;
  color: #00CC99;
  padding-left: 50px;
  padding-top: 25px;
  padding-bottom: 25px;
}
#main #header a {
  color: #00CC99;
  text-decoration: none;
}

#banner #menupanel {
  float: right;
  height: 40px;
}
#menupanel ul {
  margin: 0px;
  padding: 0px;
  list-style-image: none;
  list-style-type: none;
}
#menupanel li {
  display: inline;
}
#menupanel li a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  color: #003300;
  display: block;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#menupanel li a:hover {
  color: #FFFFFF;
}
#main #content {
  float: left;
  width: 1000px;
  background-color: #333333;
}
#menupanel li a.borders {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #003300;
}

#main #banner {
  float: left;
  height: 300px;
  width: 1000px;
  background-image: url(garden_grass-images/banner.jpg);
}
#content .sider {
  width: 1000px;
  float: right;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
#content .col1 {
  float: left;
  width: 840px;
  font-family: Tahoma, "Trebuchet MS", Verdana, Arial;
  font-size: 12px;
  color: #FFFFFF;
  padding-right: 80px;
  padding-left: 80px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.col1 a:hover {
  color: #009999;
}
#menupanel li a.marginright {
  margin-right: 30px;
}


</style>


</head>

<body>
<div id="main">
<div id="header"><a href="#">Logo</a></div>
<div id="banner">
<div id="menupanel">
<ul>
<li><a href="http://www.easigrass.com" class="borders">Home</a></li>
<li><a href="http://www.easigrass.com/gardens.html" class="borders">Gardens</a></li>
<li><a href="http://www.easigrass.com/sports.html" class="borders">Sports</a></li>
<li><a href="http://www.easigrass.com/benefits.html" class="borders">Benefits</a></li>
<li><a href="http://www.easigrass.com/news.php" class="borders">News</a></li>
<li><a href="http://www.easigrass.com/faq.php" class="borders">FAQ</a></li>
<li><a href="http://www.easigrass.com/contact.html"  class="marginright">Contact</a></li>


</ul>
</div>

</div>
<div id="content">

  <div class="col1"><br />
    EASIGRASS<br />
    <br />
    <a href="http://www.easigrass.com" target="_blank">Easigrass</a>, based at London, UK is the leading service provider for <a href="http://www.easigrass.com" target="_blank">artificial grass</a> for homes <a href="http://www.easigrass.com/gardens.html" target="_blank">garden</a>, Schools, Organizations, Institutions and <a href="http://www.easigrass.com/sports.html" target="_blank">Sports Clubs</a>. <a href="http://www.easigrass.com" target="_blank">Easigrass</a> with years of experience is constantly tracked the latest technologies and trends in the industry and provide attractive <a href="http://www.easigrass.com" target="_blank">artificial grass</a> that suits every places. Our <a href="http://www.easigrass.com/gardens.html" target="_blank">artificial grass</a> installation and <a href="http://www.easigrass.com/gardens.html" target="_blank">maintenance services</a> are also of highest standard with professionalism.<br />
<br />
<a href="http://www.easigrass.com" target="_blank">Easigrass</a> always understand the requirements of our clients according to their individual specification. <a href="http://www.easigrass.com" target="_blank">Easigrass</a> is the leading supplier of <a href="http://www.easigrass.com/gardens.html" target="_blank">artificial grass</a> supplies in   UK and always attracted customers like Chelsea Foot ball club and Lawn tennis Associations. We provide <a href="http://www.easigrass.com/gardens.html" target="_blank">artificial grass lawn</a>, <a href="http://www.easigrass.com" target="_blank">artificial grass decks</a>, <a href="http://www.easigrass.com/gardens.html" target="_blank">Carpet grass</a>, <a href="http://www.easigrass.com/gardens.html" target="_blank">Dead grass</a>, <a href="http://www.easigrass.com" target="_blank">Centipede grass</a> and others.<br />
  <br />
  <a href="http://www.easigrass.com" target="_blank">Easigrass</a> is manufacturer, Installer and providers for the valued service our precious customers. The <a href="http://www.easigrass.com" target="_blank">artificial grass</a> we installed in <a href="http://www.easigrass.com" target="_blank">lawns</a> gives an attractive and marvelous look. The latest technique we adopt for the installation of <a href="http://www.easigrass.com" target="_blank">Easigrass</a>,  give an excellent and decent gesture for your <a href="http://www.easigrass.com">lawns</a>, Offices, <a href="http://www.easigrass.com/gardens.html" target="_blank">Garden</a> and <a href="http://www.easigrass.com/sports.html" target="_blank">sports</a> fields.</div>
<div class="sider">
  <img src="garden_grass-images/sider1.jpg" alt="sider1" width="255" height="100" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="garden_grass-images/sider2.jpg" alt="sider2" width="255" height="100" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="garden_grass-images/sider3.jpg" alt="sider3" width="255" height="100" /><br />
  <br />
</div>

</div>
<div id="footer"><br />
&copy; 2008. All Rights Reserved. <a href="http://www.maadesigns.co.uk/services/web-design-services.htm" target="_blank">website design</a> by <a href="http://www.easigrass.com" target="_blank">www.easigrass.com</a> </div>



</div>
</body>
</html>

   
    
    
  








Related examples in the same category

1.Garden 1
2.GardenBee
3.gardening-bug
4.gardenmesh
5.gardenoforchids
6.gardenvariety
7.gardenvariety1
8.gardenvariety2
9.GardenWeb
10.sweetgarden
11.thebigleaf
12.thefences
13.thegreenhouse