sunset-heaven
<!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>Sunset Heaven</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
?ul{
list-style-type:none;
}
#Container {
left: 0px;
top: 0px;
width: 820px;
position: relative;
margin-right: auto;
margin-left: auto;
}
#header_ {
float: left;
left: 0px;
top: 0px;
width: 820px;
height: 364px;
background-image: url('sunset-heaven-images/header.jpg');
}
#header_ ul.navi{
width: 750px;
display: block;
position: absolute;
top: 320px;
left: 80px;
padding: 0;
margin: 0;
background: none;
}
#header_ ul.navi li{
border-width: 1px;
background: url(sunset-heaven-images/saparation.gif) no-repeat right;
height: 22px;
padding: 0 18px 0 5px;
margin: 0;
display: block;
float: left;
}
#header_ ul.navi li.li1{
background:none; height:22px; padding:0 14px 0 5px; margin:0;
display:block; float:left;
}
#header_ ul.navi li a{
font: 14px/21px Arial, Helvetica, sans-serif;
color: #D7CEBD;
text-decoration: none;
text-indent: 0px;
padding: 0 0 0 33px;
font-weight: bold;
margin: 0;
width: inherit;
letter-spacing: -1px;
background-repeat: no-repeat;
background-image: url('sunset-heaven-images/button.png');
}
#header_ ul.navi li a:hover{
color: #FF9933;
text-decoration: none;
background-repeat: no-repeat;
background-image: url('sunset-heaven-images/button_over.png');
}
#left_ {
float: left;
left: 0px;
top: 364px;
width: 266px;
background-image: url('sunset-heaven-images/left.jpg');
background-repeat: no-repeat;
}
#left_ h2{
font: 30px/24px "Calisto MT";
color: #FFCC66;
font-weight: normal;
display: block;
letter-spacing: -1px;
word-spacing: 0em;
text-indent: 0px;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
padding-top: 0px;
padding-left: 55px;
}
#left_ p{
background: no-repeat;
color: #E1BF9D;
padding: 0 0 0 55px;
width: 190px;
display: block;
font: 13px/20px "Trebuchet MS";
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
letter-spacing: 0px;
}
#left_ p span{
color: #E1BF9D;
font-weight: bold;
font-size: 16px;
letter-spacing: -1px;
}
#left_ p span.bg{
color: #799fbb;
}
#left_ p a{
font: 13px/12px "trebuchet MS";
font-weight: normal;
color: #FFD62F;
text-decoration: underline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
#left_ p a:hover{
background: no-repeat;
color: #FF6600;
font-weight: normal;
}
#right_ {
float: left;
left: 266px;
top: 364px;
width: 554px;
background-image: url('sunset-heaven-images/right.jpg');
background-repeat: no-repeat;
}
#right_ h2{
font: 30px/24px "Calisto MT";
color: #FFCC66;
font-weight: normal;
display: block;
letter-spacing: -1px;
word-spacing: 0em;
text-indent: 0px;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
padding-top: 0px;
padding-left: 20px;
}
#right_ p{
background: no-repeat;
color: #E1BF9D;
padding: 0 0 0 20px;
width: 490px;
display: block;
font: 13px/20px "Trebuchet MS";
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
letter-spacing: 0px;
}
#right_ p span{
color: #E1BF9D;
font-weight: bold;
font-size: 16px;
letter-spacing: -1px;
}
#right_ p span.bg{
color: #799fbb;
}
#right_ p a{
font: 13px/12px "trebuchet MS";
font-weight: normal;
color: #FFD62F;
text-decoration: underline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
#right_ p a:hover{
background: no-repeat;
color: #FF6600;
font-weight: normal;
}
#footer1_ {
float: left;
left: 0px;
top: 572px;
width: 820px;
height: 41px;
background-image: url('sunset-heaven-images/footer1.jpg');
}
#footer-left_ {
float: left;
left: 0px;
top: 613px;
width: 51px;
height: 22px;
background-image: url('sunset-heaven-images/footer_left.jpg');
}
#footer-contents_ {
float: left;
left: 51px;
top: 613px;
width: 820px;
background-image: url('sunset-heaven-images/footer_contents.jpg');
}
#footer-contents_ p{
background: no-repeat;
color: #E1BF9D;
padding: 0 0 0 0px;
margin: 0 0 0 70px;
width: 680px;
display: block;
font: 13px/17px "trebuchet MS";
text-align: center;
}
#footer-contents_ p span{
color: #E1BF9D;
font-weight: bold;
}
#footer-contents_ p span.bg{
color: #799fbb;
}
#footer-contents_ p a{
font: 13px/12px "trebuchet MS";
font-weight: normal;
color: #FFCC00;
text-decoration: none;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
#footer-contents_ p a:hover{
background: no-repeat;
color: #FF6600;
}
#footer-right_ {
float: left;
left: 769px;
top: 613px;
width: 51px;
height: 22px;
background-image: url('sunset-heaven-images/footer_right.jpg');
}
#footer-bottom_ {
left: 0px;
top: 635px;
width: 820px;
height: 65px;
float: left;
background-image: url('sunset-heaven-images/footer_bottom.jpg');
}
body {
background-color: #321f09;
margin: 0px;
}
</style>
</head>
<body>
<div id="Container">
<div id="header_">
<ul class="navi">
<li><a href="http://www.free-css.com/">Home Page</a></li>
<li><a href="http://www.free-css.com/">Our Services</a></li>
<li><a href="http://www.free-css.com/">Gallery</a></li>
<li><a href="http://www.free-css.com/">Site Map</a></li>
<li><a href="http://www.free-css.com/">News</a></li>
<li><a href="http://www.free-css.com/">FAQ</a></li>
</ul>
</div>
<div id="left_">
<h2>Latest Events</h2>
<p><span class="style1">Saturday,</span> Dorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh commodo consequat. </p>
<p><a href="http://www.free-css.com/">more details ...</a></p>
<p> </p>
<p><span class="style1">Saturday,</span> Dorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh commodo consequat. </p>
<p><a href="http://www.free-css.com/">more details ...</a></p>
</div>
<div id="right_">
<h2>Welcome To Heaven</h2>
<p><span class="style1">Sunset Heaven</span> is a W3C compliance XHTML template designed by WebTemplatePortal.com. This template is designed 100% tabeless and tested and compatible with major browser. You're freely to modify this template to suit your needs, we only ask you not to remove the link back to WebTemplatePortal.com. </p>
<p> </p>
<p>This template is under the <a target="_blank" href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5</a> License. That's mean you can modify the design to suit your needs but you must provided a link back to WebTemplatePortal.com </p>
<p> </p>
<p>Download more free XHTML templates at WebTemplatePortal.com.</p>
<p class="style1"> </p>
<p>Downloads 1000's of premium web templates at our sister site at DeonixDesign.com.</p>
</div>
<div id="footer1_"> </div>
<div id="footer-contents_">
<p>Designed by <a href="http://www.webtemplateportal.com/">WebTemplatePortal.com</a><br />
This template is under the <a target="_blank" href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5</a> License.<br />
<br />
<span>Adipiscing elit sed diam nonummy nibh commodo consequat sit amets. Sorem ipsum dolor sit amet, consectetuer adipiscing.</span></p>
</div>
<div id="footer-bottom_"> </div>
</div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;"> Design downloaded from <a href="http://www.freewebtemplates.com/">Free Templates</a> - your source for free web templates </div>
</body>
</html>
Related examples in the same category