neutral
<!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.
Don't want our links in template? You can pay a link removal fee: www.realitysoftware.ca/templates/
You can also purchase a PSD-file for this template.
-->
<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:0.8em; line-height:16px; background-color:#FFFFFF; font-family: "Trebuchet MS", "Myriad Pro", Arial;}
a { color:#2D5A71;}
a:hover { text-decoration:none;}
#container { background: url(neutral-images/bckg.jpg) 0 100px repeat-x #D1DBBD;}
#header { background: url(neutral-images/header_bckg.jpg) repeat-x #193441; }
#logo { padding:30px 0 0 0; text-align:center; }
#logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; height:36px; font-size:30px; text-transform:uppercase;}
#logo a:hover { }
#menu { background:#91AA9D; width:780px; margin:0 auto; height:32px; margin-top:47px;}
#menu ul { margin:0; padding:0;}
#menu ul li{ display:inline-block; float:left; width:100px; list-style:none; text-align:center; height:32px;}
#menu a { display:block; float:left; width:100px; color:#FFFFFF; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; padding-top:8px;}
#menu a:hover{ background: #FCFFF5; padding-top:8px; height:24px; color:#193441}
#main { width:100%;}
#content { margin:0 auto; padding:0; width:760px; padding:10px 10px 20px 10px; background-color:#FCFFF5;}
#content h1 { margin:0; text-transform:uppercase; font-size:1.5em; color:#fff; background:#D1DBBD; width:750px; padding:5px; margin-top:20px;}
.red { color:#FF5220;}
#content p { padding-bottom:0px; margin-bottom:0;}
#footer {background:url(neutral-images/footer_bckg.jpg) repeat-x #193340 0 2px; height:100px; border-top:2px solid #0A0A0B;}
#left_footer { float:left; padding:40px 0 0 30px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px;}
#left_footer a { color:#FFFFFF;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right; padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;}
#right_footer a { color:#FFFFFF;}
#right_footer a:hover { text-decoration:none;}
</style>
</head>
<body>
<div id="container">
<!-- header -->
<div id="header">
<div id="logo"><a href="#">Your Website Name</a></div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
</div>
<!--end header -->
<!-- main -->
<div id="main">
<div id="content">
<h1 class="red">Welcome</h1>
<p><b>Neutral</b> 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</h1>
<p>Suspendisse egestas tincidunt erat. Proin tellus lacus, luctus vitae, ultrices vel, tincidunt vitae, quam. Proin sed enim. Nullam lobortis. Phasellus nec urna sit amet nibh iaculis consequat. Maecenas nisi eros, volutpat a, sagittis vitae, semper vestibulum, nibh. Integer euismod ante et ipsum. Praesent hendrerit tincidunt metus. Proin vel felis a urna <a href="#">tempus lobortis</a>. Sed pellentesque est in mi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque lacinia, est non pretium rutrum, libero arcu ultrices lacus. </p>
<p>Condimentum urna nulla sed nisi. Vestibulum congue, dui vitae aliquet porta, ligula ante pellentesque ante, at cursus leo neque eget metus. Integer eget ante et libero <a href="#">feugiat ullamcorper</a>. Aliquam sed purus. Aliquam justo augue, malesuada ut, tempus interdum, auctor vel, erat. Aliquam lacinia orci ut ligula. Aenean sit amet mi ut eros fringilla tincidunt. Vivamus sit amet urna sed lacus rhoncus fringilla. Morbi auctor.</p>
<h1>Fusce aliquet</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pharetra tempus nunc. Donec feugiat lorem nec odio. Mauris vitae nisi sed mi rhoncus ultrices. Fusce aliquet <a href="#">lobortis ipsum</a>. Cras tempus arcu a dolor. Morbi libero. Duis nisi nunc, fermentum in, vulputate sit amet, bibendum sed, tellus. Aenean sagittis. Phasellus pellentesque.</p>
</div>
</div>
<!-- end main -->
<!-- footer -->
<div id="footer">
<div id="left_footer">© Copyright 2009 Your Website</div>
<div id="right_footer">
<!-- Please do not change or delete these links. Read the license! Thanks. :-) -->
<a href="http://www.realitysoftware.ca/services/website-development/design/">Website design</a> released by <a href="http://www.flashmp3player.org/">Flash MP3 Player</a>
</div>
</div>
<!-- end footer -->
</div>
</body>
</html>
Related examples in the same category