Fruits
<!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>Fruits</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: #eee;
font-family: "Trebuchet MS" Verdana, Arial, sans-serif;
font-size: 12px;
color: #333333;
line-height: 24px;
}
a {
text-decoration: none;
color: #0171AF;
}
a:hover {
text-decoration: underline;
color: #111;
}
#wrap {
width: 800px;
margin: 40px auto;
}
#header {
height: 100px;
background: #eee url(Fruits-images/header.gif) no-repeat;
}
#header h1 {
font-size: 34px;
font-weight: 100;
letter-spacing: -3px;
padding: 30px 0 0 30px;
}
#header h1 a {
text-decoration: none;
color: #EC8714;
}
#header h1 a:hover {
text-decoration: none;
color: #000;
}
#header h2 {
color: #89A537;
font-size: 20px;
font-weight: 100;
padding: 0 0 0 31px;
}
#menu {
height: 180px;
background: #eee url(Fruits-images/menu.gif) no-repeat;
}
#menu ul {
list-style-type: none;
padding: 10px 0 0 40px;
}
#menu ul li {
}
#menu ul li a {
color: #E7D68D;
font-size: 24px;
font-weight: 600;
letter-spacing: -1px;
}
#menu ul li a:hover {
color: #333;
text-decoration: none;
}
#content {
background: #eee url(Fruits-images/content.gif) repeat-y;
padding: 20px;
}
.main {
border-top: 1px solid #aaa;
background: #eee;
padding: 10px;
}
.main h2 {
font-size: 18px;
font-weight: 100;
padding: 15px 0 7px 0;
}
.main h2 a {
text-decoration: none;
}
.left h2 a:hover {
color: #111;
}
#bottom {
background: #eee url(Fruits-images/bottom.gif) no-repeat;
padding: 10px 0;
}
#footer {
font-size: 11px;
color: #999;
text-align: center;
}
</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss-articles/" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1><a href="#">Fruits Template</a></h1>
<h2>Example of H2 heading - website slogan</h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Organic Fruits</a></li>
<li><a href="#">Vegetables</a></li>
<li><a href="#">Sustainable Living</a></li>
<li><a href="#">Gardening Forum</a></li>
</ul>
</div>
<div id="content">
<div class="main">
<h2><a href="#">License and terms of use</a></h2>
Fruits 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!
<h2><a href="#">Title with a link - Example of heading 2</a></h2>
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 />
<img src="Fruits-images/pic.jpg" alt="Example pic" style="border: 3px solid #ccc;" />
</div>
</div>
<div id="bottom"> </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