djclub
<!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>DJ Club</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
background: #020104 url(djclub-images/bodybg.gif) repeat-x;
color: #7F7F7F;
font-family: tahoma, arial;
font-size: 10px;
margin: 0px;
padding: 0px;
text-align: center;
}
* {margin:0px;padding:0px;}
#header ul{
margin: 20px 25px 25px 20px;
padding:0px;
display:block;
color:#c5b16b;
width:auto;
width: 110px;
position:absolute;
background-color:#FF0000;
}
#header li{
background-color:#cebc7d;
width: 136px;
text-align:left;
padding: 0px 0px 1px 10px;
list-style-type: none;
}
.link,#last {
font-size: 14px;
font-weight:900;
text-decoration: none;
padding:0px;
margin:0px;
text-transform: uppercase;
width: 120px;
display:block;
color: #7a6b3e;
font-size: 14px;
font-weight: bold;
position:relative;
text-align:center;
}
.link:hover, #last:hover{
color:#4c5b38;
}
.link {border-bottom: 1px dashed #9c8f5e;}
#last {border-bottom: 0px none #9c8f5e;}
#navtop{
background-image:url(djclub-images/navtop.gif);
background-repeat: no-repeat;
display:block;
width:146px;
height:20px;
}
#navbottom{
background-image:url(djclub-images/navbottom.gif);
display:block;
width:146px;
height:19px;
background-repeat: no-repeat;
background-position: left bottom;
}
p a:link {
color: #7a6b3e;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}
p a:visited {
color: #7a6b3e;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}
p a:hover, a:active {
color: #7a6b3e;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
p{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #5e573b;
}
#container {
margin: 30px auto;
text-align: left;
width: 785px;
display:block;
position:relative;
}
#header {
width: 785px;
height: 351px;
margin:0px;
display:block;
background-image: url(djclub-images/header.jpg);
background-repeat: no-repeat;
position:relative;
}
#content {
background: url(djclub-images/contentbg.gif) repeat-y;
width: 785px;
}
h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
font-variant: normal;
text-transform: uppercase;
color: #4c5b38;
text-decoration: none;
margin-bottom:20px;
}
#left {
position:relative;
margin-left:5px;
float:left;
padding: 10px 10px 10px 20px;
display:inline;
background: url(djclub-images/leftbg.gif) repeat-x;
width: 250px;
}
#djset{
position:absolute;
bottom:0px;
right:0px;
}
#middle {
padding: 10px 10px 10px 20px;
position:relative;
float:left;
display:inline;
background: url(djclub-images/middlebg.gif) repeat-x;
width: 200px;
}
#photos{
position:absolute;
bottom:0px;
left:0px;
border: 0px none #FFFFFF;
}
#right {
float:left;
display:inline;
background: url(djclub-images/rightbg.gif) repeat-x;
width: 265px;
}
#right p{
padding: 10px 10px 10px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color:#e5d7a7;
}
#right p a{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color:#e5d7a7;
}
#right img{
border: 0px none #FFFFFF;
}
.clear{clear:both;}
#footer {
margin-left:5px;
display:block;
background: url(djclub-images/footerbg.gif) repeat-x;
width: 775px;
height:67px;
}
#footer p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-variant: normal;
text-transform:none;
color: #f1e6c0;
text-decoration: none;
text-align:center;
padding-top:20px;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<ul>
<li id="navtop"></li>
<li><a class="link" href="http://www.free-css.com/">Home</a></li>
<li><a class="link" href="http://www.free-css.com/">Parties</a></li>
<li><a class="link" href="http://www.free-css.com/">Gallery</a></li>
<li><a class="link" href="http://www.free-css.com/">Flyers</a></li>
<li><a class="link" href="http://www.free-css.com/">About us</a></li>
<li><a id="last" href="http://www.free-css.com/">Contact us</a></li>
<li id="navbottom"></li>
</ul>
</div>
<div id="content">
<div id="left">
<h3>NEWS & UPDATES</h3>
<p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
<p>This is a template designed by free website templates for you for free you can replace all the text by your own
text. This is just a place holder so you can see how the site would look like.</p>
<p>You can remove any link to our websites from this template you're free to use the template without linking
back to us.</p>
<br />
<br />
<br />
<br />
<br />
<br />
<img id="djset" src="djclub-images/djset.gif" alt="djset" /></div>
<div id="middle">
<h3>PHOTOS and VIDEOS</h3>
<p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="http://www.free-css.com/"><img id="photos" src="djclub-images/photos.jpg" alt="djset" /></a></div>
<div id="right"> <a href="http://www.free-css.com/"><img src="djclub-images/timetoparty.jpg" alt="time to party" /></a>
<p>To find great hosting providers visit Web Hosting Zoom</p>
</div>
<div class="clear"></div>
<div id="footer">
<p>© Copyright information goes here.All rights reserved. | designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category