undefined
<!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>Undefined by Free Css Templates</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
*/
/* Elements */
body {
background: #659A66 url(undefined-images/img1.gif) repeat-x left top;
margin-top: 124px;
text-align: justify;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}
h1 {
}
h2, h3 {
margin-top: 0px;
}
h4, h5, h6 {
}
p, ol, ul, dl, blockquote {
}
a {
}
a:hover {
text-decoration: none;
}
.bg1 {
background: #303030;
height: 60px;
width: 385px;
}
/* Header */
#header {
width: 775px;
height: 60px;
margin: 0px auto;
}
#header h1 {
float: left;
margin: 0px;
padding-top: 20px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 40px;
letter-spacing: -3px;
color: #000;
}
#header h2 {
margin: 0px;
padding-top: 42px;
font-size: 14px;
letter-spacing: -1px;
}
#header a {
text-decoration: none;
color: #1E2F4D;
}
/* Search */
#search {
margin: 0px;
padding: 0px;
color: #FFFFFF;
}
/** Forms */
form {
margin: 0px;
padding: 15px 0px 0px 45px;
}
.input1 {
width: 110px;
background-color: #FFFFFF;
border: 1px solid #363636;
color: #FFFFFF;
}
/* Content */
#content {
width: 775px;
margin: 0px auto;
padding: 20px 0px 0px 0px;
}
#content h1, #content h2 {
margin-bottom: 0;
padding: 10px 10px 10px 20px;
line-height: 20px;
background: #303030 url(undefined-images/img2.gif) no-repeat left center;
text-transform: uppercase;
font: 11px Tahoma, Arial, Helvetica, sans-serif bolder;
color: #659A66;
}
#content ul {
margin: 0;
padding-left: 15px;
list-style: none;
}
#content li {
margin: 10px 0 1em 0;
color: #324A32;
}
#content a {
color: #324A32;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}
#content h2 {
font-weight: bold;
}
#colOne {
float: left;
width: 180px;
margin-top: 60px;
}
#colTwo {
float: left;
margin-top: 50px;
width: 180px;
padding-right: 15px;
}
#colThree {
float: left;
width: 385px;
margin: 0px;
padding: 0px 0px;
background: #303030;
color: #858585;
}
#colThree p {
padding: 0px 15px 15px 15px;
}
#colThree .first h2 {
border-top: 5px solid #659A66;
}
#colThree h2 {
border-top: 10px solid #659A66;
border-bottom: 1px solid #659A66;
}
/* Footer */
#footer {
width: 775px;
height: 40px;
margin: 0px auto;
padding-top: 20px;
background: #303030;
}
#footer p {
margin: 0px;
text-align: center;
color: #757575;
}
#footer a {
color: #545454;
}
</style>
</head>
<body>
<div id="header">
<h1>undefined </h1>
<h2><a href="http://www.freecsstemplates.org/">by Free Css Templates </a></h2>
</div>
<div id="content">
<div id="colOne">
<h2>Recent Post </h2>
<ul>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida blandit.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque congue.</a></li>
<li><a href="#">Cras vitae metus aliquam risus pellentesque pharetra.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend.</a></li>
<li><a href="#">Etiam ac tortor eu metus euismod lobortis.</a></li>
<li><a href="#">Duis non ante in metus commodo euismod lobortis.</a></li>
</ul>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</div>
<div id="colTwo">
<ul>
<li>
<h2>Pages</h2>
<ul>
<li><a href="#">My Blog</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">WebGod of Gates</a></li>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
</ul>
</li>
</ul>
</div>
<div id="colThree">
<div id=search>
<div class="bg1">
<form method="get" action="#">
<div>Enter Search Keyword:
<input name="textfield1" type="text" class="input1" id="textfield1" value="" size="18" />
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</div>
</div>
<div class="first">
<h2>Welcome to undefined!</h2>
<p><strong>Undefined </strong> is a free template from <a href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></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://freecsstemplates.org/">my site</a> in some way. Enjoy :)</p>
<p class=""><small>Posted by <a href="#">Anonymous</a> at 3:19PM | <a href="#">4 comments</a></small></p>
</div>
<div class="">
<h2>Donec Gravida Mollis Sem</h2>
<p>Aliquam erat volutpat. Aliquam suscipit erat ac nunc. Aliquam molestie ligula a turpis sollicitudin semper. Etiam ac sem. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Pellentesque imperdiet.
Nulla facilisi. Vestibulum scelerisque ante sed enim…</p>
<p class=""><small>Posted by <a href="#">Anonymous</a> at 3:19PM | <a href="#">4 comments</a></small></p>
</div>
<div class="">
<h2>Class Aptent Taciti</h2>
<p>Quisque nulla odio, vehicula ultricies, nonummy et, placerat vitae, mauris. Fusce vulputate varius magna. Nam sit amet dolor. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Aenean semper. Lorem ipsum dolor sit amet…</p>
<p class=""><small>Posted by <a href="#">Anonymous</a> at 3:19PM | <a href="#">4 comments</a></small></p>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a href="http://freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
Related examples in the same category