nightclub
<!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>Night club</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
color: #97b15e;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
background-color:#051c00;
}
.clear{clear:both;}
* {margin: 0px;padding: 0px;}
#container {
margin: 0 auto;
text-align: left;
width: 767px;
}
a{color:#80ba04;}
a:hover{color:#b7fb24;}
/********************** Header ***************************/
#header {
background-image:url(nightclub-images/header.jpg);
width:767px;
height:404px;
position:relative;
}
#header ul{
position:absolute;
top:367px;
left:100px;
}
#header li{
display:block;
float:left;
width:97px;
}
#header ul a{
color:#aefa0d;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 900;
text-transform: capitalize;
}
#header ul a:hover{color:#97b15e;}
/********************** Welcome ***************************/
#welcome {
background-image:url(nightclub-images/dj.gif);
background-repeat: no-repeat;
background-position: right top;
}
#welcome h3{
margin: 10px 10px 10px 110px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bolder;
text-transform: uppercase;
color: #7eae19;}
#welcome p{
margin: 10px 10px 10px 110px;width:416px;}
#welcome a{}
/********************** News ***************************/
#news {
background-image:url(nightclub-images/line.jpg);
background-repeat: no-repeat;
background-position: left top;
padding: 10px 10px 10px 110px;
}
#news h3{
margin: 20px 10px 15px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bolder;
text-transform: uppercase;
color: #7eae19;
}
.newsitem{float:left;width:275px;
display:inline;}
.newsitem a{}
.newsitem img{float:left;margin-right:10px;}
.newsitem span{
color:#97b15e;
font-size: 9px;
font-weight: 900;
}
.newsitem p{margin: 10px 10px 15px 10px;}
/********************** Best DJ's ***************************/
#dj {
background-image:url(nightclub-images/line.jpg);
background-repeat: no-repeat;
background-position: left top;
padding: 30px 0px 0px 110px;
}
#dj img{border:0px;}
#dj a{border:0px;float:left;}
#dj a:hover{}
/********************** Footer ***************************/
#footer {
background-image:url(nightclub-images/line.jpg);
background-repeat: no-repeat;
background-position: left top;
padding: 10px 10px 10px 110px;
text-align:center;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Members</a></li>
<li><a href="http://www.free-css.com/">Gallery</a></li>
<li><a href="http://www.free-css.com/">Parties</a></li>
<li><a href="http://www.free-css.com/">Booking</a></li>
<li><a href="http://www.free-css.com/">Contact</a></li>
</ul>
</div>
<div id="welcome">
<h3>Welcome</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>
<p>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>
<br />
<br />
</div>
<div id="news">
<h3>Latest News</h3>
<div class="newsitem"> <a href="http://www.templatebeauty.com"><img src="nightclub-images/photo1.jpg" alt="Photo 1" border="0" /></a> <span>10.11.2006</span>
<p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
</div>
<div class="newsitem"> <a href="http://www.justwebtemplates.com"><img src="nightclub-images/photo2.jpg" alt="Photo 2" border="0" /></a> <span>10.11.2006</span>
<p>Even more websites all about website templates on Just Web Templates.</p>
</div>
<div class="clear"></div>
</div>
<div id="dj"> <a href="http://www.free-css.com/"><img src="nightclub-images/bestdjs.jpg" alt="Best DJ's" border="0" /></a> <a href="http://www.free-css.com/"><img src="nightclub-images/specialoffer.jpg" alt="special offer" border="0" /></a>
<div class="clear"></div>
</div>
<div id="footer"> copyright information 2006.All rights reserved. | designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</body>
</html>
Related examples in the same category