walls
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Author: Reality Software
Website: http://www.realitysoftware.ca
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 the author 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'>
html {background:url(walls-images/body_bckg.jpg) center repeat-y #1f0100;}
body {margin:0; font-size:15px; line-height:18px; font-family:"Times New Roman", Times, serif; background:url(walls-images/head_bckg.jpg) repeat-x; padding-top:80px;}
a {color:#775b30;}
a:hover {text-decoration:none;}
#container {width:1000px; margin:0 auto;}
#header {margin:0 20px; background:url(walls-images/main_top.jpg) no-repeat #FFFFFF; height:80px;}
#logo {float:left; height:30px; padding:50px 0 0 90px; background:url(walls-images/logo.gif) no-repeat 40px 40px; width:290px;}
#logo a {color:#000000; font-size:24px; text-decoration:none; text-transform:uppercase;}
#menu {float:left; height:30px; padding:50px 0 0 0; width:580px;}
#menu ul {margin:0; padding:0;}
#menu ul li {display:inline; list-style:none;}
#menu ul a {display:block; float:left; font-size:18px; text-decoration:none; padding:0 10px 2px 10px; color:#000000;}
#menu ul a:hover {background-color:#F7F2EE;}
#main {margin:0 20px; background-color:#FFFFFF; float:left;}
#text {float:right; width:550px; padding:10px 20px 0 20px;}
#text ul {padding:0; margin:10px 0 10px 40px;}
#text ul li {padding-left:20px; background:url(walls-images/li.gif) no-repeat; list-style:none;}
h1 {margin:20px 0 0 0; text-transform:uppercase; font-size:20px; font-weight:normal;}
#text p {margin:10px 0;}
#sidebar {float:left; width:270px; background:url(walls-images/sidebar_image.jpg) no-repeat 0 10px; padding:420px 50px 20px 50px; color:#775b30; font-size:12px;}
#footer {height:149px; clear:both; background:url(walls-images/footer_bckg.jpg) no-repeat; text-transform:uppercase; font-size:10px; color:#5c5c5c;}
#left_footer {float:left; padding:40px 0 0 50px;}
#right_footer {float:right; padding:40px 50px 0 0;}
</style>
</head>
<body>
<div id="container">
<!-- header -->
<div id="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>
</div>
<!--end header -->
<!-- main -->
<div id="main">
<div id="sidebar">
<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 id="text">
<h1>Welcome</h1>
<p><b>Walls</b> is a free template released by <a href="http://www.realitysoftware.ca">Reality Software</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 the author 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. </p>
<ul>
<li>Praesent hendrerit tincidunt metus. </li>
<li>Proin vel felis a urna <a href="#">tempus lobortis</a>.</li>
<li> Sed pellentesque est in mi.</li>
<li> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </li>
<li>Quisque lacinia, est non pretium rutrum, libero arcu ultrices lacus. </li>
</ul>
<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>
<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 2008 Your Website</div>
<div id="right_footer">
<!-- Please do not change or delete this links. Read the license! Thanks. :-) -->
<a href="http://www.realitysoftware.ca/website-design.html">Web design</a> by <a href="http://www.realitysoftware.ca">Reality Software</a>
<div style="display:none;"><a href="http://free-templates.ru">????? ??/a></div>
</div>
</div>
<!-- end footer -->
</div>
</body>
</html>
Related examples in the same category