greenfest
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Created by: Reality Software | www.realitysoftware.ca
Released by: Flash MP3 Player | www.flashmp3player.org
Note: This is a free template released under the Creative Commons Attribution 3.0 license,
which means you can use it in any way you want provided you keep links to authors intact.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type='text/css'>
body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(greenfest-images/body.jpg) repeat-x #F7FFC4; padding-bottom:10px;}
a {color:#deff00; text-decoration:none;}
a:hover {text-decoration:underline;}
#container {background:url(greenfest-images/main_bckg.jpg) center top no-repeat; width:980px; margin:0 auto;}
#logo {margin:0 90px 0 110px; background:url(greenfest-images/logo_bckg.jpg) no-repeat #4A730B; padding:43px 0 69px 0; text-align:center;}
#logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-size:20px; font-weight:bold;}
#menu {margin:0 90px 0 110px; height:28px; background:url(greenfest-images/menu_bckg.jpg) no-repeat #102C04; padding:17px 0 0 30px;}
#menu a {color:#FFFFFF; font-size:14px; padding:9px 10px; text-decoration:none; text-transform:lowercase;}
#menu a:hover {background:url(greenfest-images/menu_over.jpg) bottom center no-repeat;}
#main {margin:0 90px 0 110px; background:url(greenfest-images/content_bckg.jpg) no-repeat #8EB002; float:left; min-height:420px; display:inline;}
#text {margin:30px 240px 0px 40px;}
#text ul {padding:0; margin:10px 0 10px 40px;}
#text li {list-style:none; padding-left:15px; background:url(greenfest-images/li.gif) no-repeat 0px 7px;}
h1 {margin:20px 0 0 0; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal;}
#text p {margin:10px 0;}
#sidebar {float:right; width:160px; padding:0 40px 0 50px; margin-top:50px;}
#sidebar h2 {font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:18px; font-weight:normal;}
#sidebar ul {margin:20px 0; padding:0;}
#sidebar li {list-style:none; padding:3px 0 3px 10px;}
#sidebar li:hover {background-color:#2d5004;}
#sidebar a {text-decoration:none; color:#deff00;}
#footer {margin:0 90px 0 110px; clear:both; background:url(greenfest-images/footer_bckg.jpg) center top repeat-x; height:89px; padding:53px 40px 0 40px;}
#menu_footer {font-size:11px;}
#menu_footer a {color:#FFFFFF; text-transform:lowercase;}
#left_footer {float:left; font-size:11px; margin-top:30px;}
#left_footer a {color:#FFFFFF;}
#right_footer {float:right; font-size:11px; margin-top:30px;}
</style>
<body>
<div id="container">
<!-- header -->
<div id="logo"><a href="#">WEBSITE NAME</a></div>
<div id="menu">
<a href="#">home</a>
<a href="#">about us</a>
<a href="#">services</a>
<a href="#">pricing</a>
<a href="#">contacts</a>
</div>
<!--end header -->
<!-- main -->
<div id="main">
<div id="sidebar">
<ul>
<li><a href="#">sidebar link 1</a></li>
<li><a href="#">sidebar link 2</a></li>
<li><a href="#">sidebar link 3</a></li>
<li><a href="#">sidebar link 4</a></li>
<li><a href="#">sidebar link 5</a></li>
</ul>
</div>
<div id="text" >
<h1>Welcome</h1>
<p><strong>GreenFest</strong> is a free template created by <a href="http://www.realitysoftware.ca">Reality Software</a> and released by <a href="http://www.flashmp3player.org">Flash MP3 Player</a> under the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0</a> license, which means you can use it in any way you want provided you keep links to authors intact.</p>
<h1>Lorem ipsum dolor</h1>
<p><strong>Lorem ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Phasellus ornare condimentum sem. Nullam a eros. Vivamus vestibulum hendrerit arcu. Integer a orci. Morbi nonummy semper est. Donec at risus sed velit porta dictum. Maecenas condimentum orci aliquam nunc. Morbi nonummy tellus in nibh. Suspendisse orci eros, dapibus at, ultrices at, egestas ac, tortor. Suspendisse fringilla est id erat. Praesent et libero. Proin nisi felis, euismod a, tempus varius, elementum vel, nisl. Fusce non magna sit amet enim suscipit feugiat. Fusce et leo.</p>
<ul>
<li>Lorem ipsum dolor sit amet.</li>
<li>Consectetuer adipiscing elit.</li>
<li>Maecenas ac lacus. Etiam quis ante.</li>
<li>Nullam accumsan metus sit amet est.</li>
<li>Nullam diam. Nunc ac ipsum at nisl pretium congue.</li>
</ul>
<p><strong>Pellentesque eu massa.</strong> Praesent sed enim sed ante tempus mollis. Vestibulum est. Aenean pellentesque fringilla orci. Vestibulum tellus velit, tristique at, malesuada in, tempus sed, urna.</p>
</div>
</div>
<!-- end main -->
<!-- footer -->
<div id="footer">
<div id="menu_footer"><a href="#">home</a> | <a href="#">about</a> | <a href="#">products</a> | <a href="#">services</a> | <a href="#">pricing</a> | <a href="#">contact</a> | <a href="#">sitemap</a> | <a href="#">testimonials</a> | <a href="#">etc.</a></div>
<div id="left_footer">© Copyright 2008 <strong>Your Website</strong></div>
<div id="right_footer">
<!-- Please do not change or delete this links. Read the license! Thanks. :-) -->
Design by <a href="http://www.realitysoftware.ca" title="Web Design"><strong>Reality Software</strong></a> & <a href="http://www.flashmp3player.org" title="Free Flash MP3 Player"><strong>Flash Music Player</strong></a>
<div style="display:none;"><a href="http://csstemplatesfree.net">free website templates for free</a></div>
</div>
</div>
<!-- end footer -->
</div>
</body>
</html>
Related examples in the same category