angryhornet
<!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>Angry Hornet</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type='text/css'>
/* CSS Document */
body{
background:url(angryhornet-images/top.jpg) top left repeat-x;
font-size:12px;
}
#wrapper{
margin-left: auto;
margin-right:auto;
margin-top:0px;
width: 770px;
text-align:left;
font-family: Arial;
}
a:link, a:visited{
color:#da9206;
}
a:hover{
color:#666666;
}
.logo{
color:#FFFFFF;
font-weight:bold;
font-size:20px;
}
.logo span{
color:#da9206;
font-weight:normal;
letter-spacing:10px;
}
/* ......................................Top Nav........................................................... */
#nav {
position:absolute;
top:100px;
margin-bottom:0;
padding:0;
width: 770px;
}
ul#menu{
margin:0;
padding:0;
list-style-type:none;
position:relative;
display:block;
height:40px;
font-size:12px;
font-weight:normal;
}
#menu li{
display:block;
float:left;
margin:0;
padding:0;
background:url("angryhornet-images/divider.jpg") center right no-repeat;
}
#menu li a{
display:block;
float:left;
color:#333333;
text-decoration:none;
font-weight:normal;
padding:14px 25px 0 25px;
height:26px;
margin:0;
}
#menu li a:hover{
background: url("angryhornet-images/hover.jpg") no-repeat top right;
}
.clear{
clear:both;
}
/* ......................................Content........................................................... */
#content{
position:absolute;
top:150px;
margin-top:20px;
width: 770px;
line-height:1.5em;
}
h1{
color:#333333;
font-weight:normal;
font-size:18px;
}
#content p{
margin-bottom:30px;
}
.line{
border-top:1px solid #999999;
margin-top:15px;
margin-bottom:15px;
}
.left_box1{
margin-top:5px;
margin-bottom:5px;
line-height:normal;
float:left;
width:182px;
margin-right:10px;
background-color:#CCCCCC;
}
#content .left_box1 p{
margin-bottom:0;
}
/* ......................................Content 2.......................................................... */
.thetext{
padding:10px;
margin:0;
}
.thetext span{
color:#666666;
font-size:16px;
margin:0;
}
/* ......................................Footer........................................................... */
#footer{
color:#333333;
margin-bottom:20px;
}
#footer span{
color:#da9206;
}
#footer a:link, #footer a:visited{
color:#999999;
text-decoration:none;
}
#footer a:hover{
color: #fb6030;
text-decoration:underline;
}
</style>
</head>
<body>
<div id="wrapper">
<h1 class="logo">Angry <span>Hornet</span> </h1>
<div id="nav">
<ul id="menu">
<li><a href="http://www.free-css.com/">About Us </a></li>
<li><a href="http://www.free-css.com/">Free Templates</a></li>
<li><a href="http://www.free-css.com/">Deluxe Templates </a></li>
<li><a href="http://www.free-css.com/">Support</a></li>
<li><a href="http://www.free-css.com/">Contact</a></li>
</ul>
</div>
<div class="clear"></div>
<div id="content">
<h1>Angry Hornet - Free CSS Template </h1>
<p>This free template was designed by the Template Tower and is licensed under a <a href="http://creativecommons.org/licenses/by/2.5/" target="_blank">Creative Commons Attribution 2.5 License</a>. Angry Hornet is free for any commercial or personal use provided you link back to <em>templatetower.com</em>. All Free and Deluxe Templates on Template Tower are W3C standards compliant and valid CSS/XHTML. The Tower is focused on providing only the most creative, beautiful, and original table-free templates on the web.</p>
<h1>Want This Template Customized?</h1>
<p>If you do not want to customize this template yourself please contact the Tower for pricing. We can adjust an existing template or create a totally custom site. </p>
<h1>Try a Deluxe CSS Template </h1>
<p>Every site on Template Tower must meet strict guidelines but only the finest websites will actually make it onto this exclusive showcase. Deluxe templates have their own set of terms and conditions and do not need a link back to Template Tower. Besides the index file, css, and images these templates also include any necessary php script. <a href="http://www.free-css.com/">Deluxe Templates</a></p>
<div class="line"></div>
<div class="left_box1">
<p class="thetext"><span>Step 1 </span><br />
Free CSS Templates.<br />
<a href="http://www.free-css.com/">learn more</a> »</p>
</div>
<div class="left_box1">
<p class="thetext"><span>Step 2 </span><br />
Deluxe CSS Templates <br />
<a href="http://www.free-css.com/">learn more</a> »</p>
</div>
<div class="left_box1">
<p class="thetext"><span>Step 3 </span><br />
Put in Some Content <br />
<a href="http://www.free-css.com/">learn more</a> »</p>
</div>
<div class="left_box1">
<p class="thetext"><span>Step 4 </span><br />
You Have a Website <br />
<a href="http://www.free-css.com/">learn more</a> »</p>
</div>
<div class="clear"></div>
<div class="line"></div>
<div id="footer">
<p><span>©2007 Your Site</span> | <a href="http://www.free-css.com/">css</a> | <a href="http://www.free-css.com/">xhtml</a> | <a href="http://www.free-css.com/">contact</a> | <a href="http://templatetower.com">templatetower.com</a></p>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category