clicker
<!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 the link 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'>
body { margin:0; padding:0; font-size:11px; line-height:16px; font-family: Arial, Tahoma;}
a { color:#fe5800;}
a:hover { text-decoration:none;}
.orange { color:#fe5800;}
#header { background: url(clicker-images/header_bckg.gif) repeat-x ; height:120px; }
#logo { width:780px; margin:0 auto; padding:50px 0 0 20px; }
#logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase;}
#logo a:hover { }
#menu {color:#fff; text-align:center; margin-top:22px;}
#menu ul{ width:780px; margin:0 auto;list-style:none; padding:0; text-align:left;}
#menu ul li{display:inline}
#menu ul a { display:block; float:left; font-weight:bold; font-size:13px; text-decoration:none; color:#fff; background:url(clicker-images/menu_enactive.gif) no-repeat bottom center; padding:8px 10px; width:118px; text-align:center; text-transform:uppercase;}
#menu ul a:hover { background:url(clicker-images/menu_over.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active { background:url(clicker-images/menu_active.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active:hover { background:url(clicker-images/menu_active.gif) no-repeat bottom center; color:#232323;}
#main { width:100%; margin:20px 0 20px 0; float:left;}
#head_image { height:150px; background:url(clicker-images/head_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;}
#slogan { color:#fff; font-family: "Arial Narrow", Arial, Tahoma; font-size:21px; text-transform:uppercase; }
#under_slogan_text { color:#ffff00; font-size:10px; line-height:12px; padding-top:15px;}
#content { margin:0 auto; padding:0; width:780px;}
#content h1 { margin:20px 0 0 0; text-transform:uppercase; font-size:20px; color:#000; font-weight:normal;}
#text {float:left; width:530px; padding-left:20px;}
#sidebar { background:url(clicker-images/sidebar_bckg.gif) repeat-x; margin:20px 0 0 560px; color:#6f6e6e; padding:20px; }
#sidebar h2 {color:#fe5800; margin:0 0 15px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}
#footer {background:url(clicker-images/footer_bckg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:20px; clear:both;}
#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="#"><span class="orange">Website</span> name</a></div>
<div id="menu">
<ul>
<li><a href="#" class="active">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">
<div id="head_image">
<div id="slogan"><strong>YOUR</strong> company <br />
slogan text goes here</div>
<div id="under_slogan_text">Lorem ipsum dolor sit amet, consectetuer
<br />
adipiscing elit. Aliquam nec neque vel<br />
tortor sodales sodales.
<br />
Maecenas consequat cursus mi.</div>
</div>
<div id="text">
<h1>Welcome</h1>
<p><b>Clicker</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 the link 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>
</div>
<div id="sidebar">
<h2>Lore ipsum</h2>
<p>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 dictu
m. 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.</p>
</div>
</div>
</div>
<!-- end main -->
<!-- footer -->
<div id="footer">
<div id="left_footer">© Copyright 2008 Clicker design
</div>
<div id="right_footer">
<!-- Please do not change or delete this link. Read the license! Thanks. :-) -->
Design by <a href="http://www.realitysoftware.ca" title="Website Design">Reality Software</a>
</div>
</div>
<div style="display:none;"><a href="http://free-templates.ru">free-templates.ru</a></div>
<!-- end footer -->
</div>
</body>
</html>
Related examples in the same category