sample_business_site
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Fresh Mp3 Downloads.com - Free Mp3 downloads</title>
<style type='text/css'>
/* CSS Document */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
margin:0px;
background: #990000 url(sample_business_site-images/bg.jpg) repeat;
color:#FFFFFF;
}
#border{
margin:auto;
width:840px;
background-color:#666666;
color:#FFFFFF;
}
#wrap{
width:800px;
margin:auto;
border-left:#FFFFFF solid 1px;
border-right:#FFFFFF solid 1px;
}
#topnav{
height:20px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
background-color:#4D4D4D;
padding-left:10px;
border-bottom:#FFFFFF solid 1px;
}
#midheader{
background:url(sample_business_site-images/headerbg.jpg) repeat-x;
height:230px;
width:100%;
float:left;
}
#model{
margin-top:33px;
float:left;
margin-left:10px;
}
#searchbox{
float:left;
width:480px;
padding-top:95px;
}
#form{
margin-top:5px;
padding-top:15px;
float:left;
width:100%;
height:37px;
background:url(sample_business_site-images/lens.jpg) right top no-repeat;
}
#log{
margin-top:-25px;
float:right;
margin-right:50px;
}
/* Hide from IE5/Mac \*/
* html #log {
margin-right: 25px;
}
/* End hide from IE5/Mac */
#txtlog{
height:20px;
}
#btnlog{
margin-top:5px;
}
#logo{
margin-top:20px;
}
#search{
margin-top:20px;
float:left;
}
#btnlog{
margin-top:5px;
}
#navi_search{
float:left;
width:100%;
}
#navi_search a:link, #navi_search a:visited{
color:#FFFFFF;
background-color:inherit;
font-weight:bold;
margin-right:2px;
}
#navi_search a:hover{
text-decoration:none;
color:#FFFFCC;
background-color:inherit;
}
#border_mid{
background:url(sample_business_site-images/bgnav_and_log.jpg) repeat-x;
border-left:#80AA24 solid 1px;
}
#right_wrap{
background:url(sample_business_site-images/bgnav_and_log.jpg) repeat-x;
float:right;
height:230px;
width:215px;
}
#right_header{
background:url(sample_business_site-images/bgnav_and_log.jpg) repeat-x;
height:205px;
border-left:#DCEFB6 solid 1px;
padding-left:10px;
}
.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: 1px;
margin-bottom: -1px;
}
#navbox{
float:left;
}
#logbox{
float:left;
clear:left;
margin-top:30px;
}
.logform{
width:205px;
font-size:80%;
margin-bottom:5px;
font-weight:bold;
}
.logform input{
height:12px;
width:90px;
}
#btnlog{
float:right;
height:20px;
width:50px;
background-color:#FFFFFF;
border:#009900 solid 1px;
color:inherit;
}
#navbox a:link, #navbox a:visited{
float:left;
clear:left;
background-color:inherit;
color:#444;
font-size:110%;
text-decoration:none;
font-weight:bold;
margin-top:5px;
}
#navbox a:hover{
text-decoration:underline;
}
/*********************************/
#contents{
width:600px;
float:left;
background-color:#000000;
color:#FFFFFF;
}
#news{
width:178px;
background-color:#999;
float:right;
border-left:#FFFFFF solid 1px;
color:#FFFFFF;
font-size:11px;
padding-left:10px;
padding-right:10px;
}
#news h5{
font-size:100%;
margin:10px 0px 10px 0px;
width:100%;
text-align:center;
}
.contentbg{
background: #333 url(sample_business_site-images/contentbg.jpg) repeat-x;
height:216px;
padding-top:5px;
padding-left:10px;
color:inherit;
}
.contentbg h5{
margin:0;
font-size:100%;
}
.contentbg img{
float:left;
margin-top:8px;
}
#mainnews{
float:left;
width:300px;
padding-left:30px;
line-height:2em;
padding-top:20px;
}
#mainnews h2{
margin:0;
font-size:160%;
float:left;
}
#mainnews input{
margin-top:20px;
float:right;
}
.art{
float:left;
width:180px;
text-align:center;
margin-bottom:20px;
}
.art img{
float:left;
margin-left:45px;
border:#666666 solid 1px;
padding:1px;
}
.art h6{
margin:0;
padding-top:5px;
font-size:90%;
clear:left;
}
</style>
</head>
<body>
<div id="border">
<div id="wrap">
<div id="topnav">
www.freshmp3download.com
</div>
<div id="midheader">
<img src="sample_business_site-images/model.jpg" id="model" alt="Fresh Mp3 Downloads" />
<div id="searchbox"><img src="sample_business_site-images/searc.jpg" id="search" alt="Search" />
<div id="form">
<input type="text" size="60" id="txtlog" />
<div id="log">
<input type="image" src="sample_business_site-images/btn_search.jpg" />
</div>
</div>
<div id="navi_search">
<a href="#">A</a> <a href="#">B</a> <a href="#">C</a> <a href="#">D</a>
<a href="#">E</a> <a href="#">F</a> <a href="#">G</a> <a href="#">H</a>
<a href="#">I</a> <a href="#">J</a> <a href="#">K</a> <a href="#">L</a>
<a href="#">M</a> <a href="#">N</a> <a href="#">O</a> <a href="#">P</a>
<a href="#">Q</a> <a href="#">R</a> <a href="#">S</a> <a href="#">T</a>
<a href="#">U</a> <a href="#">V</a> <a href="#">W</a> <a href="#">Y</a>
<a href="#">Z</a> </div>
</div>
</div>
<!-- CONTENTS HERE-->
<div id="contents">
<div class="contentbg">
<h5>Featuring:</h5>
<img src="sample_business_site-images/nya.jpg" alt="NYA"/>
<div id="mainnews">
<h2>Nya's video, "One Pill", is now playing on VH1-Soul.</h2>
<input type="image" src="sample_business_site-images/btn_watch.jpg" />
</div>
</div>
<div class="contentbg">
<h5>Top Artists</h5>
<div class="art">
<img src="sample_business_site-images/artist_jack.jpg" alt="Jack Johnson" />
<h6>Johnson , Jack</h6>
</div>
<div class="art">
<img src="sample_business_site-images/artist_richard.jpg" alt="Richard Ashcroft" />
<h6>Ashcroft, Richard</h6>
</div>
<div class="art">
<img src="sample_business_site-images/artist_red.jpg" alt="Red Hot Chilli Peppers" />
<h6>Red Hot Chili Peppers</h6>
</div>
</div>
</div>
<div id="news">
<h5>.:Latest News:.</h5>
<p>Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<p>Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br />
<br />
Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<br />
<br />
<br />
</p>
</div>
<div class="clear"> </div>
</div>
</div>
</body>
</html>
Related examples in the same category