dottis
<!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: Free Web Design Community | www.designity.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-family:"Trebuchet MS", Helvetica, sans-serif; background: url(dottis-images/body.jpg) repeat-x center top #FFFFFF;}
a {color:#21334A;}
a:hover {text-decoration:none;}
#container {width:974px; margin:0 auto; margin-top:40px; background:url(dottis-images/main.jpg) no-repeat #FFFFFF;}
#logo {padding:20px 37px 0 37px;}
#logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-size:20px;}
#menu {margin:148px 22px 0 22px;}
#menu ul {padding:0; margin:0; height:29px;}
#menu li {list-style:none; float:left; padding:0 15px;}
#menu a {color:#FFFFFF; text-decoration:none; font-size:14px; line-height:24px; text-transform:lowercase;}
#menu a:hover {border-bottom:2px #FFFFFF solid;}
#main {font-size:11px; line-height:16px; color:#21334A;}
#sidebar {float:right; width:204px; padding:0 37px 30px 0; margin-top:10px;}
#sidebar h3 {text-transform:uppercase; font-size:16px; margin:20px 0 7px 0;}
#sidebar a {color:#4780C2;}
#sidebar ul {margin:0; padding:0;}
#sidebar li {margin-left:20px;}
#text {padding:10px 281px 30px 37px;}
#text h1, #text h2 {font-size:20px; font-weight:normal; text-transform:uppercase; margin:20px 0 10px 0;}
#text ul {margin-top:8px; margin-bottom:8px;}
#text br {line-height:8px;}
#footer {clear:both; height:160px; background:url(dottis-images/footer.jpg) no-repeat; font-size:11px; color:#21334A;}
#footer a {color:#000000;}
#menu_footer {padding:18px 37px 0 37px; text-transform:lowercase;}
#left_footer {float:left; padding:36px 0 0 37px;}
#right_footer {float:right; padding:36px 37px 0 0;}
</style>
</head>
<body>
<div id="container">
<!-- header -->
<div id="logo"><a href="#">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>
<!--end header -->
<!-- main -->
<div id="main">
<div id="sidebar">
<h3>Sidebar</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus ornare condimentum sem. Nullam a eros.
<h3>Sidebar items</h3>
<ul>
<li><a href="#">sidebar item</a></li>
<li><a href="#">sidebar item</a></li>
<li><a href="#">sidebar item</a></li>
<li><a href="#">sidebar item</a></li>
<li><a href="#">sidebar item</a></li>
</ul>
<h3>Sidebar items</h3>
<ul>
<li><a href="#">sidebar item</a></li>
<li><a href="#">sidebar item</a></li>
<li><a href="#">sidebar item</a></li>
<li><a href="#">sidebar item</a></li>
<li><a href="#">sidebar item</a></li>
<li><a href="#">sidebar item</a></li>
</ul>
</div>
<div id="text">
<h1>Welcome</h1>
<b>Dottis</b> is a free template created by <a href="http://www.realitysoftware.ca/">Reality Software</a> and released by <a href="http://www.designity.org/">Free Web Design Community</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.<br/><br/>
Maecenas nisi eros, volutpat a, sagittis vitae, semper vestibulum, nibh. Integer euismod ante et ipsum. Donec at risus sed velit porta dictum. Condimentum orci aliquam nunc.
<h2>Lorem ipsum</h2>
Lorem ipsum 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.
<ul>
<li>Lorem ipsum dolor sit amet.</li>
<li>Consectetuer adipiscing elit.</li>
<li>Phasellus ornare condimentum sem.</li>
<li>Nullam a eros vivamus vestibulum hendrerit arcu.</li>
</ul>
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.
</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 2009 Your Website</div>
<div id="right_footer">
<!-- Please do not change or delete these links. Read the license! Thanks. :-) -->
Design by <a href="http://www.designity.org/">Free Web Design Community</a>
</div>
</div>
<!-- end footer -->
</div>
</body>
</html>
Related examples in the same category