GardenBee
<!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>GardenBee</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type='text/css'>
* {
padding: 0;
margin: 0;
}
body {
background: #380202;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;;
}
img { border: none; }
a { color: #380202; text-decoration: underline; }
a:hover { text-decoration: none; color : #ff0000; }
#wrap {
width: 800px;
margin: 10px auto;
}
#top {
background: #380202 url(GardenBee-images/top.gif) no-repeat;
padding: 15px 0;
}
#header {
background: #380202 url(GardenBee-images/header.gif) no-repeat;
height: 90px;
}
#header h1 {
padding: 20px 0 0 40px;
font-size: 25px;
letter-spacing: -2px;
}
#header h1 a {
color: #bbb;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #fff;
}
#header h2 {
padding-left: 42px;
font-size: 17px;
color: #eee;
font-weight: 100;
}
#content {
background: #380202 url(GardenBee-images/content.gif) repeat-y;
}
#content h2 a {text-decoration: none; }
#left {
float: left;
width: 180px;
padding: 10px 0 10px 30px;
}
#left h2 {
background: #fff url(GardenBee-images/sidebarh2.gif) no-repeat;
color: #fff;
font-size: 15px;
letter-spacing: -1px;
font-weight: 100;
height: 30px;
line-height: 30px;
padding-left: 10px;
}
#left ul { color: #2C4715; padding: 5px 0 5px 30px; list-style-type: square; }
#left ul li { padding-bottom: 5px; }
#left ul li a { color: #2C4715; text-decoration: none; }
#left ul li a:hover { color: #000; }
#center {
float: left;
width: 360px;
padding: 10px 0 0 10px;
}
#center h2 {
background: #fff url(GardenBee-images/contenth2.gif) no-repeat;
height: 30px;
line-height: 30px;
font-size: 18px;
letter-spacing: -1px;
font-weight: 100;
padding : 00 10px 0;
}
#center h2 a { color: #fff; }
#center h2 a:hover { color: #000; text-decoration: none; }
#right {
float: right;
width: 180px;
padding: 10px 30px 10px 0;
}
#right h2 {
background: #fff url(GardenBee-images/sidebarh2.gif) no-repeat;
color: #005EB0;
height: 30px;
line-height: 30px;
color: #fff;
padding-left: 10px;
font-size: 15px;
letter-spacing: -1px;
font-weight: 100;
}
#right ul { color: #2C4715; padding: 5px 0 5px 30px; list-style-type: square; }
#right ul li { padding-bottom: 5px; }
#right ul li a { color: #2C4715; text-decoration: none; }
#right ul li a:hover { color: #000; }
#bottom {
background: #380202 url(GardenBee-images/bottom.gif) no-repeat;
padding: 15px 0;
}
#footer {
padding: 0 0 0 0;
text-align: center;
font-size: 11px;
color: #eee;
}
#footer a { color: #eee; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss-articles/" />
</head>
<body>
<div id="wrap">
<div id="top"> </div>
<div id="header">
<h1><a href="#">GardenBee</a></h1>
<h2>Slogan of your website</h2>
</div>
<div id="content">
<div id="left">
<h2>Navigation : </h2>
<ul>
<li><a href="#">World Politics</a></li>
<li><a href="#">Europe Sport</a></li>
<li><a href="#">NBA Basketball</a></li>
<li><a href="#">Nature</a></li>
<li><a href="#">SuperCool</a></li>
<li><a href="#">Last Category</a></li>
</ul>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">April 2007</a></li>
<li><a href="#">May 2007</a></li>
<li><a href="#">June 2007</a></li>
<li><a href="#">July 2007</a></li>
<li><a href="#">August 2007</a></li>
<li><a href="#">September 2007</a></li>
<li><a href="#">October 2007</a></li>
<li><a href="#">November 2007</a></li>
<li><a href="#">December 2007</a></li>
</ul>
</div>
<div id="center">
<h2><a href="#">License</a></h2>
<br />
This is GardenBee, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com">Free CSS Templates.</a>
This free template is released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions 2.5 license</a>, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it.
<br /><br />
<img src="pic111.gif" alt="Example pic" style="border: 3px solid #ccc;" />
<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.
<br /><br />
<h2><a href="#">Title Example of another Article</a></h2>
<br />
<img src="pic11.gif" alt="Example pic" style="border: 3px solid #ccc;" />
<br /><br />
Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing elit</a>. Donec porta. Sed porttitor, tellus vitae tincidunt
feugiat, sem sapien pellentesque justo, vitae pretium justo risus id nunc. Mauris elit metus, varius sit amet,
rhoncus id, malesuada eget, tortor. Aenean eu augue ac nisl tincidunt rutrum. Proin erat justo, pharetra eget, posuere at, malesuada
et, nulla.
<br /><br />
</div>
<div id="right">
<h2>Extra Menu</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Organic Fruits</a></li>
<li><a href="#">Oranges</a></li>
<li><a href="#">Tropical Fruits</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
<h2>Blogroll</h2>
<ul>
<li><a href="#">Friends Blog</a></li>
<li><a href="#">Webmaster Tools</a></li>
<li><a href="#">xhtml/css Design</a></li>
<li><a href="#">Eco Gardening</a></li>
<li><a href="#">Photoshop Tutorials</a></li>
<li><a href="#">Something new</a></li>
</ul>
</div>
<div style="clear:both;"> </div>
</div>
<div id="bottom"> </div>
<div id="footer">
© Copyright 2008 by <a href="#">Title or Url of your Website</a> | <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