dekada
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<style type='text/css'>
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
body {
background: #C62020 url(dekada-images/img8.jpg) repeat-x top left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}
h1, h2, h3 {
margin: 0;
padding: 0;
color: #FFFFFF;
}
h1 { font-size: 34px; }
h2 {
margin-bottom: 10px;
padding: 0 0 10px 0;
font-size: 24px;
border-bottom: #000000 2px solid;
}
h3 {
padding: 0 0 10px 0;
font-size: 13px;
border-bottom: #000000 2px solid;
}
p {
margin-top: 10px;
text-align: justify;
line-height: 160%;
}
a {
color: #F5C314;
}
a:hover {
text-decoration: none;
}
.list {
margin: 0;
padding: 0;
list-style: none;
}
.list li {
padding: 5px 0;
background: url(dekada-images/img5.gif) repeat-x;
}
.list li.first {
background: none;
}
/* Header */
#header {
width: 681px;
margin: 0 auto;
padding: 40px 0 0 13px;
height: 90px;
background: url(dekada-images/img1a.gif) repeat-x left bottom;
}
#header h1 {
float: left;
}
#header h2 {
display: none;
}
#header ul {
float: right;
margin: 0;
padding: 15px 0 0 0;
list-style: none;
}
#header li {
display: inline;
}
#header a {
display: block;
float: left;
padding: 0 14px 0 20px;
background: url(dekada-images/img2.gif) no-repeat left center;
text-decoration: none;
text-transform: uppercase;
font: bold 12px;
color: #FFFFFF;
}
#header a:hover {
text-decoration: underline;
}
#header .first a {
background: none;
}
/* Content */
#content {
width: 694px;
margin: 0 auto;
}
#colOne {
float: right;
width: 179px;
padding: 0 29px 0 0;
}
#colOne h3 {
margin-top: 0px;
}
#colTwo {
float: left;
width: 394px;
padding: 0 0 0 21px;
}
/* Footer */
#footer {
clear: both;
width: 694px;
margin: 0 auto;
padding: 30px 0 0 0;
}
#footer p {
padding: 20px 0 0 0;
border-top: #000000 2px solid;
text-align: center;
color: #FFFFFF;
}
</style>
</head>
<body>
<div id="header">
<h1>Dekada</h1>
<h2>Menu</h2>
<ul>
<li class="first"><a href="#" accesskey="1" title="">Home</a></li>
<li><a href="#" accesskey="2" title="">Products</a></li>
<li><a href="#" accesskey="3" title="">Services</a></li>
<li><a href="#" accesskey="4" title="">About</a></li>
<li><a href="#" accesskey="5" title="">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h3>Lorem Ipsum</h3>
<ul class="list">
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="http://freecsstemplates.org/">Nulla dignissim nec augue</a></li>
<li><a href="http://freecsstemplates.org/">Nunc ante elit nulla</a></li>
<li><a href="http://freecsstemplates.org/">Aliquam suscipit consequat</a></li>
<li><a href="http://freecsstemplates.org/">Cursus sed arcu sed</a></li>
<li><a href="http://freecsstemplates.org/">Nulla dignissim nec augue</a></li>
</ul>
<p> </p>
<h3>Consequat Portitor</h3>
<ul class="list">
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="http://freecsstemplates.org/">Nulla dignissim nec augue</a></li>
<li><a href="http://freecsstemplates.org/">Nunc ante elit nulla</a></li>
<li><a href="http://freecsstemplates.org/">Aliquam suscipit consequat</a></li>
<li><a href="http://freecsstemplates.org/">Cursus sed arcu sed</a></li>
<li><a href="http://freecsstemplates.org/">Nulla dignissim nec augue</a></li>
<li><a href="http://freecsstemplates.org/">Nulla dignissim nec augue</a></li>
<li><a href="http://freecsstemplates.org/">Nunc ante elit nulla</a></li>
<li><a href="http://freecsstemplates.org/">Aliquam suscipit consequat</a></li>
</ul>
</div>
<div id="colTwo">
<h2>Welcome</h2>
<img src="dekada-images/img7.jpg" alt="" width="160" height="160" style="float: left; margin-right: 25px;" />
<p>Dekada is a free template from <a href="http://freecsstemplates.org/">Free CSS Templates</a> released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>. The photo to the left is from <a href="http://pdphoto.org/">PDPhoto.org</a>. You're free to use this template for both commercial or personal use. I only ask that you link back to <a href="http://freecsstemplates.org/">my site</a> in some way. Enjoy :)</p>
<p> </p>
<p>Sed vel quam. Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis nec, adipiscing at, elit. Maecenas sed sem sit amet lectus mattis molestie.</p>
<p> </p>
<h2>Blandit Etiam</h2>
<p>Sed vel quam. Vestibulum pellentesque. Morbi sit amet <a href="#">magna ac lacus</a> dapibus interdum. Donec pede nisl, gravida iaculis, auctor vitae, bibendum sit amet, mauris. Cras adipiscing libero et risus. Donec rutrum tempus massa. Proin at mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis nec, adipiscing at, elit. Maecenas <a href="#">sed sem sit amet lectus</a> mattis molestie. Integer quis eros lorem ipsum dolor sit amet veroeros consequat.</p>
</div>
</div>
<div id="footer">
<p>Copyright (c) 2006 Sitename.com. All rights reserved. Design by <a href="http://freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
Related examples in the same category