naeve
<!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>
<title>Your Site Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
* {
margin: 0;
padding: 0;
}
body {
font-family: sans-serif;
font-size: 65%;
background: #3e3a38;
}
a:link {
color: #3e9bd6;
}
h2 {
width: 507px;
font-size: 1.2em;
text-transform: lowercase;
height: 37px;
margin: 20px auto 10px auto;
color: #ffffff;
line-height: 37px;
color: #ffffff;
text-indent: 20px;
background: url(bar.gif) no-repeat;
}
#container {
width: 599px;
margin: 0 auto;
background: #ffffff;
}
#header {
width: 516px;
height: 125px;
background:
#bfd447 url(header.gif) no-repeat;
margin: 0 auto;
}
#content {
width:510px;
margin: 0px auto;
padding: 0 5px 35px 5px ;
}
#content p {
font-size: 1.1em;
color: #555555;
margin-left: 10px;
background: #ffffff;
margin-top: 10px;
line-height: 1.5em;
}
#footertext {
margin: 30px auto;
text-align: center;
color: #777777;
font-size: 1em;
}
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="content">
<h2>Free CSS Templates</h2>
<p>This is naeve, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.</p>
<p> This free template is released under a Creative Commons Attributions 2.5 license, so youre pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) </p>
<h2>Lorem Ipsum</h2>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque aliquam. Suspendisse sodales mauris non erat. Integer sapien. Mauris quis risus. Maecenas turpis enim, commodo eget, aliquet eu, suscipit non, augue. <a href="#">Sed nec m</a>i. Nullam accumsan, nisl non faucibus egestas, ligula est laoreet massa, non auctor est massa at ante. In libero orci, tempor ac, vehicula at, tincidunt quis, elit. Morbi orci. Maecenas ipsum nunc, placerat nec, malesuada in, commodo sit amet, lacus. Curabitur ipsum. Pellentesque consequat. Donec ac elit. Sed auctor erat at eros. Aliquam metus augue, rhoncus a, aliquet eu, dapibus quis, lectus. Proin rhoncus lectus posuere nisl.</p><p>Nulla eleifend. Sed auctor nisl ut magna. <a href="#">Phasellus eget neque</a>. Cras sed tellus. Donec in elit sed nulla facilisis placerat. Sed vestibulum bibendum ligula. Donec nec libero sed augue ultricies bibendum. Vestibulum sodales. Suspendisse potenti. In blandit. Nunc ut neque. Morbi eros nunc, tincidunt vel, consequat ut, auctor id, ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</p>
</div>
</div>
<div id="footertext"><p>Copyright © <a href="#">Your Site Title</a> 2008 - <a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a></p>
</div>
</body>
</html>
Related examples in the same category