musiciansagency
<!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>Musicians Agency</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type='text/css'>
* {
margin: 0px;
padding: 0px;
}
body {
padding: 10px 0px;
background-color: #656565;
color: #c2bebe;
font-family: verdana, arial, sans-serif;
font-size: 11px;
text-align: center;
}
a {
color: #c2bebe;
background-color: inherit;
text-decoration: underline;
}
a:hover {
color: #d26a36;
background-color: inherit;
}
span {
display: none;
}
img {
border: none;
}
ul {
list-style-type: none;
}
li {
list-style-type: none;
}
p {
padding: 14px 0px 5px;
text-align: justify;
line-height: 12px;
clear : both;
float : none;
}
.clearthis {
margin : 0px;
height : 1px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
overflow : hidden;
visibility: hidden;
}
#container {
margin: 0px auto;
width: 778px;
background: url('musiciansagency-images/container_background.gif') #0c070d repeat-y 0px 0px;
color: inherit;
}
.thumbnail {
padding: 10px 0px;
}
.thumbnail img {
border: #5c5b5c 1px solid;
}
/* Page Title */
#page_title {
width: 362px;
height: 128px;
background-image: url('musiciansagency-images/background.gif');
background-repeat: repeat-x;
background-position: 0% 100%;
overflow: hidden;
float: right;
}
#page_title h1 {
width: 362px;
height: 126px;
background: url('musiciansagency-images/company_name.gif') #292829 no-repeat 50% 50%;
color: #cf7235;
}
/* Page Image */
#page_image {
width: 414px;
height: 534px;
background: url('musiciansagency-images/main_image.gif') #09070a no-repeat 0px 100%;
color: inherit;
overflow: hidden;
}
/* Left Column */
#left_column {
width: 414px;
font-size: 12px;
float: left;
}
#left_column h2 {
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: inherit;
color: #d26a36;
}
/* Right Column */
#right_column {
padding-bottom: 20px;
width: 362px;
background-color: #0c070d;
color: inherit;
float: right;
clear: right;
}
#right_column h2 {
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: inherit;
color: #c7c7c7;
}
#right_column p {
padding-top: 20px;
}
/* Page Menu */
#page_menu {
padding: 15px 0px;
width: 414px;
background: url('musiciansagency-images/background.gif') #0c070d repeat-x 0% 0%;
color: #c2bebe;
}
#page_menu a {
background-color: inherit;
color: #c2bebe;
text-decoration: none;
}
#page_menu a:hover {
background-color: inherit;
color: #fff;
}
#page_menu li {
padding: 0px 2px 2px;
float: left;
}
#page_menu li a {
display: block;
width: 81px;
background-position: 50% 0%;
background-repeat: no-repeat;
text-align: center;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
#page_menu li#menu1 a {
margin-right: 7px;
width: 69px;
}
#page_menu li#menu5 a {
margin-left: 7px;
width: 66px;
}
#page_menu li a span {
padding-top: 70px;
display: block;
}
#menu1 a {
background-image: url('musiciansagency-images/menu_bg1.gif');
}
#menu2 a {
background-image: url('musiciansagency-images/menu_bg2.gif');
}
#menu3 a {
background-image: url('musiciansagency-images/menu_bg3.gif');
}
#menu4 a {
background-image: url('musiciansagency-images/menu_bg4.gif');
}
#menu5 a {
background-image: url('musiciansagency-images/menu_bg5.gif');
}
/* Latest News */
#latestnews {
padding: 10px 28px 0px;
}
#latestnews h2 {
margin-bottom: 5px;
height: 37px;
background-image: url('musiciansagency-images/latestnews_header.gif');
}
/* Latest Video */
#latestvideo {
padding: 20px 25px;
}
#latestvideo h2 {
height: 35px;
background-image: url('musiciansagency-images/latestvideo_header.gif');
}
/* Album Review */
#albumreview {
padding: 30px 25px 10px;
}
#albumreview h2 {
height: 35px;
background-image: url('musiciansagency-images/review_header.gif');
}
/* Page Footer */
#page_footer {
margin-left: 416px;
width: 362px;
padding: 9px 0px;
background: url('musiciansagency-images/background.gif') #343231 repeat-x 0px 0px;
color: inherit;
clear: both;
font-size: 10px;
line-height: 12px;
}
</style>
</head>
<body>
<div id="container">
<!-- Start of Page Title -->
<div id="page_title">
<h1><span>Musicians Agency</span></h1>
</div>
<!-- End of Page Title -->
<!-- Start of Left Column -->
<div id="left_column">
<div id="page_image"> </div>
<!-- Start of Page Menu -->
<div id="page_menu">
<ul>
<li id="menu1"><a href="http://www.free-css.com/"><span>Home</span></a></li>
<li id="menu2"><a href="http://www.free-css.com/"><span>Shows</span></a></li>
<li id="menu3"><a href="http://www.free-css.com/"><span>Bio</span></a></li>
<li id="menu4"><a href="http://www.free-css.com/"><span>Gallery</span></a></li>
<li id="menu5"><a href="http://www.free-css.com/"><span>Tour</span></a></li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Page Menu -->
<!-- Start of Latest News -->
<div id="latestnews">
<h2><span>Latest News</span></h2>
<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>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
</div>
<!-- End of Latest News -->
</div>
<!-- End of Left Column -->
<!-- Start of Right Column -->
<div id="right_column">
<!-- Start of Latest Video -->
<div id="latestvideo">
<h2><span>Latest Video</span></h2>
<div class="thumbnail"><img src="musiciansagency-images/latestvideo_thumbnail.gif" width="291" height="135" alt="Thumbnail Caption" /></div>
<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. Don't want your boss to know you used a free website template ;) .</p>
</div>
<!-- End of Latest Video -->
<!-- Start of Album Review -->
<div id="albumreview">
<h2><span>Album Review</span></h2>
<div class="thumbnail"><img src="musiciansagency-images/review_thumbnail.gif" width="142" height="105" alt="Thumbnail Caption" /></div>
<p>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
</div>
<!-- End of Album Review -->
</div>
<!-- End of Right Column -->
<!-- Start of Page Footer -->
<div id="page_footer">Web Design by <a href="http://www.freewebsitetemplates.com">free website templates</a></div>
<!-- End of Page Footer -->
</div>
</body>
</html>
Related examples in the same category