loseout
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>LoseOut by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type='text/css'>
/** BASIC */
html, body {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background-color: #F1EAE2;
text-align: justify;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4A3A2D;
}
h3, h4, h5, h6 {
margin: 0px;
padding: 0px;
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #713417;
}
h1, h2 {
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #713417;
}
a {
text-decoration: none;
color: #713417;
}
a:hover {
text-decoration: underline;
color: #3E2312;
}
ul {
margin:0px;
padding: 10px;
list-style: square;
}
ul li {
list-style: square inside;
line-height: 180%;
}
.text1 {
font-size: 25px;
}
.text2 {
margin: 0px;
padding: 0px;
font-size: 15px;
}
.text3 {
margin: 0px 0px 15px 0px;
padding: 0px;
font-size: 10px;
color: #3E2312;
}
.text4 {
padding: 5px 5px 5px 5px;
background-color: #D3C9C0;
font-size: 14px;
color: #3E2312;
}
/** WRAPPER */
#wrapper {
width: 700px;
height: 100%;
min-height: 100%;
margin: 0px auto;
padding: 5px 5px 5px 5px;
background-color: #D3C9C0;
border: 1px solid #BDA28D;
}
html>body #wrapper {
height: auto;
}
/** HEADER */
#header {
width: 700px;
margin: 0px auto;
padding: 0px;
}
/** MENU */
/** CONTENT */
#content {
width: 700px;
height: 100%;
min-height: 100%;
margin: 0px auto;
background-color: #BDA28D;
}
html>body #content {
height: auto;
}
#left {
float: left;
width: 455px;
min-height: 100%;
height: 100%;
margin: 0px auto;
padding: 10px 10px 10px 20px;
}
#right {
float: left;
width: 180px;
min-height: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
margin: 10px 10px 10px 15px;
}
/** FOOTER */
#footer {
clear: both;
width: 695px;
margin: 0px auto;
padding: 5px 0px 20px 0px;
}
#footer p {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: center;
color: #A3613F;
}
</style>
</head>
<body>
<div id="header">
<h1 class="text1">loseout</h1>
<h2 class="text2">by free css templates </h2>
</div>
<div id="wrapper">
<div id="content">
<div id="left">
<div>
<h2 class="text2">Donec dictum metus in sapien</h2>
<h3 class="text3">June 10, 2006, Created by John Smith</h3>
<p>LOSEOUT is a free template from <a href="http://www.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>. You're free to use it for both commercial or personal use. I only ask that you link back to <a href="http://www.freecsstemplates.org/">my site</a> in some way. Enjoy :)</p>
<h2 class="text2">Donec dictum metus in sapien</h2>
<h3 class="text3">June 10, 2006, Created by John Smith</h3>
<p>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
<h2 class="text2">Donec dictum metus in sapien</h2>
<h3 class="text3">June 10, 2006, Created by John Smith</h3>
<p>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
<h2 class="text2">Donec dictum metus in sapien</h2>
<h3 class="text3">June 10, 2006, Created by John Smith</h3>
<p>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
<h2 class="text2">Donec dictum metus in sapien</h2>
<h3 class="text3">June 10, 2006, Created by John Smith</h3>
<p>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
<h2 class="text2">Donec dictum metus in sapien</h2>
<h3 class="text3">June 10, 2006, Created by John Smith</h3>
<p>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
</div>
</div>
<div id="right">
<h2 class="text4">Recent News</h2>
<ul>
<li><a href="#">Ut semper vestibulum</a></li>
<li><a href="#">Vestibulum luctus venen</a></li>
<li><a href="#">Integer rutrum nisl</a></li>
<li><a href="#">Etiam malesuada enim</a></li>
<li><a href="#">Aenean elementum facilisis</a></li>
<li><a href="#">Ut tincidunt elitaugue</a></li>
<li><a href="#">Sed sagittis vehicula</a></li>
</ul>
<h2 class="text4">Etiam malesuada</h2>
<ul>
<li><a href="#">Ut semper vestibulum</a></li>
<li><a href="#">Vestibulum luctus venen</a></li>
<li><a href="#">Integer rutrum nisl</a></li>
<li><a href="#">Etiam malesuada enim</a></li>
<li><a href="#">Aenean elementum facilisis</a></li>
<li><a href="#">Ut tincidunt elitaugue</a></li>
<li><a href="#">Sed sagittis vehicula</a></li>
</ul>
<h2 class="text4">Vestibulum luctus</h2>
<ul>
<li><a href="#">Ut semper vestibulum</a></li>
<li><a href="#">Vestibulum luctus venen</a></li>
<li><a href="#">Integer rutrum nisl</a></li>
<li><a href="#">Etiam malesuada enim</a></li>
<li><a href="#">Aenean elementum facilisis</a></li>
<li><a href="#">Ut tincidunt elitaugue</a></li>
<li><a href="#">Sed sagittis vehicula</a></li>
</ul>
</div>
<br style="clear: both;" />
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</body>
</html>
Related examples in the same category