Garden 1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>garden</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type='text/css'>
* {
margin: 0;
padding: 0;
}
body {
background: #fff url(Garden-images/headerbg.gif) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #333;
}
a {
text-decoration: none;
color: #648CA5;
}
a:hover {
text-decoration: underline;
color: #111;
}
#wrap {
margin: 0 auto;
width: 780px;
}
#menu {
height: 40px;
}
#menu ul {
list-style-type: none;
padding-top: 20px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #9EA036;
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 100;
font-size: 14px;
}
#menu ul li a:hover {
color: #111;
text-decoration: none;
}
#header {
height: 60px;
line-height: 60px;
}
#header h1 {
color : #fff;
font-size: 20px;
}
#content {
margin-top: 20px;
text-align: justify;
}
#content h2 {
color: #A4B0C4;
font-size: 24px;
font-weight: 100;
padding: 10px 0 7px 0;
letter-spacing: -1px;
}
#content h2 a {
color: #9EA036;
text-decoration: none;
}
#content h2 a:hover {
color: #111;
}
#columns {
margin-top: 10px;
border: 1px solid #D3D463;
background: #E5E695;
padding: 10px;
}
.column1 {
float: left;
width: 370px;
}
.column2 {
float: right;
width: 370px;
text-align: right;
}
.column2 ul {
padding: 0 0 0 0;
list-style-type: none;
}
.column2 ul li a {
text-decoration: none;
}
.column2 ul li a:hover {
color: #111;
}
#footer {
margin-top: 20px;
border-top: 1px solid #AEAEAE;
background: #ececec;
padding: 10px 0;
text-align: center;
font-size: 11px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Free Stuff</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">SiteMap</a></li>
</ul>
</div>
<div id="header">
<h1>Title or Slogan of your Website</h1>
</div>
<div id="content">
<div style="float: left; padding: 0 5px 5px 0;">
<img src="Garden-images/pic.jpg" alt="Garden-images/pic.jpg" />
</div>
<h2><a href="#">License and terms of use</a></h2>
Garden is a CSS template that is free and fully standards compliant. <a href="http://www.free-css-templates.com/">Free CSS Templates</a> designed this template.
This template is allowed for all uses, including commercial use, as it is released under the <strong>Creative Commons Attributions 2.5</strong> license. The only stipulation to the use of this free template is that the links appearing in the footer remain intact. Beyond that, simply enjoy and have fun with it!
<br /><br />
Donec nulla. Aenean eu augue ac nisl tincidunt rutrum. Proin erat justo, pharetra eget, posuere at, malesuada
et, nulla. Donec pretium nibh sed est faucibus suscipit. Nunc nisi. Nullam vehicula. In ipsum lorem, bibendum sed,
consectetuer et, gravida id, erat. Ut imperdiet, leo vel condimentum faucibus, risus justo feugiat purus, vitae
congue nulla diam non urna.
<div style="clear: both;"> </div>
<div id="columns">
<div class="column1">
Garden is a CSS template that is free and fully standards compliant. <a href="http://www.free-css-templates.com/">Free CSS Templates</a> designed this template.
This template is allowed for all uses, including commercial use, as it is released under the <strong>Creative Commons Attributions 2.5</strong> license. The only stipulation to the use of this free template is that the links appearing in the footer remain intact. Beyond that, simply enjoy and have fun with it!
</div>
<div class="column2">
<ul>
<li><a href="#">Square foot gardening</a></li>
<li><a href="#">Sustainable beekeeping in Top Bar Hive</a></li>
<li><a href="#">Mini Farm for healthy living</a></li>
<li><a href="#">Growing vegetables in your backyard.</a></li>
<li><a href="#">Photo gallery of our fields</a></li>
<li><a href="#">Beekeeping in LG hives</a></li>
<li><a href="#">Organic gardens around the world</a></li>
<li><a href="#">Sustainable life</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
</div>
<div id="footer">
<a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a>
</div>
</div>
</body>
</html>
Related examples in the same category