keep_it_simple
<!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 {
background: #F4F4F4;
margin: 0;
}
#container {
width: 780px;
margin: 0 auto;
background: #FFFFFF;
}
#header {
padding: 45px 0 20px 40px;
}
#header a {
color: #121212;
text-decoration: none;
font-size: 30px;
font-family: "Myriad Pro", "Arial Narrow";
}
#menu {
background-color: #3b7687;
padding: 6px 0 6px 40px;
}
#menu a {
color: #c5d6db;
text-decoration: none;
font-size: 14px;
font-family: "Arial Narrow", "Myriad Pro";
text-transform: uppercase;
}
#menu a:hover {
color: #ecf2f3;
}
#sidebar {
float: left;
width: 120px;
padding: 30px 0 0 40px;
margin: 0;
}
h1 {
margin: 0px;
color: #869843;
font-size:24px;
font-family: "Arial Narrow", "Myriad Pro";
font-weight: normal;
}
h2 {
color: #3b7687;
font-size: 15px;
margin: 20px 0 5px 0;
}
#main {
margin: 0 0 0 180px;
padding: 35px 40px 30px 0;
color: #444444;
font-family: "Georgia";
font-size: 13px;
line-height: 18px;
text-align: justify;
}
#main a {
color: #3b7687;
text-decoration: none;
}
#main a:hover {
color: #444444;
}
#footer {
padding: 6px 40px 6px 40px;
background: #d6d6d6;
font-family: "Lucida Sans Unicode";
color: #444444;
font-size: 11px;
text-align: right;
}
#footer a {
text-decoration: none;
color: #262626;
}
#footer a:hover {
color: #666666;
}
.clear {
clear: both;
}
.separator {
font-size:11px;
color:#FFFFFF;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<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>
<div id="sidebar">
<h1>Welcome</h1>
</div>
<div id="main">
<p><b>Keep it Simple</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>
<h2>Lorem ipsum dolor?</h2>
<p>Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, <a href="#">rhoncus venenatis</a>, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam.</p>
<h2>Suspendisse potenti?</h2>
<p>Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. In eget purus. Integer <a href="#">turpis arcu</a>, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.</p>
</div>
<div class="clear"></div>
<div id="footer">
©2009 Your Website <span class="separator">|</span>
<!-- 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>
</body>
</html>
Related examples in the same category