zillanine
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Zilla Nine</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
background-color:#666666;
color:#CCCCCC;
font-family:"Trebuchet MS";
}
p {
margin:2px 10px 10px 10px;
text-align:justify;
font-size:12px;
color:#FFFFFF;
}
a{
color:#999999;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#container {
width:700px;
margin:0 auto;
background-color:#333333;
}
#header {
height: 100px;
background-color: #333333;
}
h1{
font-size:24px;
color:#FFFFFF;
font-weight:normal;
margin:10px 0 0 10px;
}
.h1b {
color:#FFCC33;
}
h2{
margin:0 0 0 5px;
color:#FFCC33;
font-weight:normal;
font-size:20px;
}
#navigation {
width:100%;
height:25px;
background-image: url(zillanine-img/navbg.jpg);
}
#navigation a{
text-decoration:none;
}
#navigation ul{
padding:0px;
margin:0px;
display:inline;
list-style:none;
}
#navigation li {
line-height:25px;
float:left;
color:#D4D4D4;
font-family:"Trebuchet MS";
text-decoration:none;
border-right: 1px solid #333333;
padding:0 15px 0 15px;
}
#navigation li:hover {
background-image: url(zillanine-img/navbg2.jpg);
}
#content {
float:right;
width:75%;
margin-top:10px;
border: #464646 1px solid;
}
#sidebar {
float:left;
width:24%;
margin-top:10px;
border: #464646 1px solid;
}
.sidebartext {
font-size:11px;
text-align:justify;
padding:5px;
}
#sidebar ul{
display:block;
padding:0px;
margin:0px;
list-style:none;
}
#sidebar li{
margin-left:10px;
}
#copyright {
font-size:11px;
margin-left:10px;
}
#footer {
width:100%;
font-size:11px;
text-align:center;
clear:both;
}
#footer a{
color:#CCCCCC;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>Zilla <span class="h1b">Nine</span></h1>
</div>
<div id="navigation">
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">music</a></li>
<li><a href="http://www.free-css.com/">video</a></li>
<li><a href="http://www.free-css.com/">contact</a></li>
<li><a href="http://www.free-css.com/">links</a></li>
<li><a href="http://www.free-css.com/">todc</a></li>
<li><a href="http://www.free-css.com/">zd</a></li>
</ul>
</div>
<div id="content">
<h2>Zilla Nine </h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas non purus ac urna convallis faucibus. Nullam malesuada. Sed aliquet ultricies justo. Proin quis ipsum. Nam ultricies dolor a ipsum. Aenean arcu odio, lobortis at, pellentesque a, aliquam vitae, erat. Sed luctus mattis sapien.<a href="http://www.free-css.com/">Home</a> lectus nisi, iaculis facilisis, interdum ut, venenatis id, ligula. Sed nulla felis, pellentesque non, lacinia eu, tristique quis, purus. Nullam dapibus vestibulum risus. Suspendisse feugiat sodales leo. </p>
<p>Maecenas sapien elit, bibendum nec, varius eget, fermentum iaculis, nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Aliquam hendrerit blandit mi. Praesent pulvinar arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean et tellus ornare nulla auctor malesuada. Nulla malesuada nonummy quam. Aenean egestas. In venenatis rutrum massa. Vestibulum rutrum, lorem eu commodo malesuada, <a href="http://www.free-css.com/">velit orci</a> pulvinar risus, vitae cursus felis dui ut justo. Donec tortor. </p>
<h2>Lorem Ipsum </h2>
<p>Phasellus et arcu et lectus commodo feugiat. Ut luctus velit ut nulla. Suspendisse vehicula. Fusce vulputate nunc et diam dictum blandit. Sed accumsan, arcu a facilisis aliquam, nunc nunc lobortis nunc, eu aliquet dui mi sit amet tellus. Integer ac ante a velit euismod cursus. Vestibulum a ipsum cursus dolor porttitor egestas. Fusce sagittis auctor lacus. Sed tincidunt. Nulla lobortis. Fusce ultricies sapien sed ligula pellentesque tristique. Donec nonummy dapibus libero. </p>
</div>
<div id="sidebar">
<h2>About Us</h2>
<div class="sidebartext">This is the ninth Zilla. Woo hoo! This started off as a part of a project for my web design class, but I decided to turn it into a template for OD, OWD, and OSWD. </div>
<h2>Links</h2>
<ul>
<li><a href="http://www.free-css.com/">Zilla Designs</a></li>
<li><a href="http://www.free-css.com/">Open Designs</a></li>
<li><a href="http://www.free-css.com/">Jeremy Duenas</a></li>
</ul>
<h2>Copyright</h2>
<div id="copyright">© 2007 Your Name Here<br />
Design By <a href="http://jeremyduenas.com">Jeremy D </a></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
Related examples in the same category