scenic-reflections
<!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>Reflections</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/* CSS Document */
body{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#4f4f4f;
}
#main{
width:940px;
margin-top:20px;
}
#header{
width:940px;
height:121px;
}
img{border:0px;}
input{border:1px solid #b5b594;}
#toplinks{
width:940px;
height:50px;
background-color:#fafae9;
border:1px solid #e8e8d2;
}
#toplinks .leftblock{
width:600px;
float:left;
overflow:hidden;
height:30px;
margin-top:5px;
border-right:5px solid #fff;
}
#toplinks .leftblock {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:20px;
padding-top:10px;
}
#toplinks .leftblock ul{
margin:0px;
padding:0px;
}
#toplinks .leftblock li{
padding:0px 1px;
float:left;
list-style:none;
}
#toplinks .leftblock li a{
color:black;
border-right:1px solid #000;
height:20px;
line-height:20px;
float:left;
padding-left:10px;
padding-right:10px;
text-decoration:none;
text-align:center;
}
#toplinks .leftblock li a:hover{
display:block;
background-color:#fefef8;
text-decoration:none;}
#searchblock{float:left;
height:30px;
margin-top:10px;
width:300px;
}
#container{
width:940px;
background:url(scenic-reflections-images/mid-bg.gif);
background-repeat:repeat-y;
margin-top:10px;
}
#leftbar{
width:450px;
margin:10px 0px 0px 10px;
float:left;
overflow:hidden;
border:0px solid red;
}
.leftbarinnerdiv{width:450px; margin-top:5px; overflow:hidden;}
#leftbar .leftbarinnerdiv img{border:0px; padding:0px; margin:0px; }
#midbar{
width:200px;
margin:10px 0px 10px 20px;
float:left;
border:1px solid #ebece3;
background-color:#fefef3
}
#rightbar{
float:left;
margin-top:10px;
width:210px;
margin:10px 0px 0px 20px;
border:0px solid red;
}
.subtext1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#4f4f4f;
text-align:justify;
}
.subheading{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#e87301;
padding:7px 0px 7px 0px;
text-align:left;
}
.subheading2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#e87301;
padding:7px 0px 7px 0px;
text-align:center;
}
#leftbar img{
border:1px solid #d8d8d8;
padding:5px;
}
#midbar img{
border:1px solid #d8d8d8;
padding:5px;
margin-bottom:5px;
}
.midblock1{
width:137px;
margin-bottom:10px;
}
.subheading3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
text-align:left;
font-weight:bold;
width:206px;
padding-left:8px;
height:26px;
line-height:26px;
background-color:#e6e6bf;
border:1px solid #bcbc9a;
}
.subtext2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#4f4f4f;
text-align:justify;
padding:5px 0px 5px 0px;
}
.subtext3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#4f4f4f;
line-height:20px;
text-align:justify;
padding:5px 0px 5px 0px;
}
#rightbarinnerdiv{
width:190px; margin-top:10px; text-align:left;
}
#footer{height:71px; line-height:71px;}
.footerlinks{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#4f4f4f;
text-decoration:none;
}
.footerlinks:hover{
text-decoration:underline;
}
</style>
</head>
<body>
<center>
<div id="main">
<div id="header"><a href="http://www.free-css.com/"><img src="scenic-reflections-images/logo.gif" align="left" style="margin-top:15px;"/></a><a href="http://www.free-css.com/"><img src="scenic-reflections-images/free.gif" align="right" /></a></div>
<div id="toplinks">
<div class="leftblock">
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Free Screen Savers</a></li>
<li><a href="http://www.free-css.com/">Free Wallpapers</a></li>
<li><a href="http://www.free-css.com/">Testimonials</a></li>
<li><a href="http://www.free-css.com/">Help</a></li>
<li><a href="subpage.html">Contact Us</a></li>
</ul>
</div>
<div id="searchblock">Search :
<input name="" type="text" size="15" />
<a href="http://www.free-css.com/"><img src="scenic-reflections-images/but-search.gif" width="58" height="18" /></a></div>
</div>
<div id="container">
<div><img src="scenic-reflections-images/mid-top.gif" /></div>
<div id="leftbar">
<div style="width:450px;">
<div style="float:left; width:216px; padding:5px 0px 0px 0px;"> <a href="http://www.free-css.com/"><img src="scenic-reflections-images/img-1.gif" /></a><br />
<br />
<div class="subheading">Wallpapers</div>
<div class="subtext1">This ultra-realistic animated 3D waterfall is hidden deep within a lush forest and features several customizable waterfall scenes and soothing nature sounds.</div>
</div>
<div style="float:right; width:216px; padding:5px 0px 0px 0px;"> <a href="http://www.free-css.com/"><img src="scenic-reflections-images/img-2.gif" /></a><br />
<br />
<div class="subheading">Wallpapers</div>
<div class="subtext1">This ultra-realistic animated 3D waterfall is hidden deep within a lush forest and features several customizable waterfall scenes and soothing nature sounds.</div>
</div>
</div>
<div style="width:450px;">
<div style="float:left; margin-top:10px; width:216px; padding:5px 0px 0px 0px;"> <a href="http://www.free-css.com/"><img src="scenic-reflections-images/img-3.gif" /></a><br />
<br />
<div class="subheading">Wallpapers</div>
<div class="subtext1">This ultra-realistic animated 3D waterfall is hidden deep within a lush forest and features several customizable waterfall scenes and soothing nature sounds.</div>
</div>
<div style="float:right; width:216px; margin-top:10px; padding:5px 0px 10px 0px;"> <a href="http://www.free-css.com/"><img src="scenic-reflections-images/img-4.gif" /></a><br />
<br />
<div class="subheading">Wallpapers</div>
<div class="subtext1">This ultra-realistic animated 3D waterfall is hidden deep within a lush forest and features several customizable waterfall scenes and soothing nature sounds.</div>
</div>
</div>
</div>
<div id="midbar">
<div class="subheading2">Wallpapers</div>
<div class="midblock1"><a href="http://www.free-css.com/"><img src="scenic-reflections-images/img_5.gif" /></a> 3D Tropical Butterflies<br />
Over Waterfalls </div>
<div class="midblock1"><a href="http://www.free-css.com/"><img src="scenic-reflections-images/img_6.gif" /></a> 3D Tropical Butterflies<br />
Over Waterfalls </div>
<div class="midblock1"><a href="http://www.free-css.com/"><img src="scenic-reflections-images/img_7.gif" /></a> 3D Tropical Butterflies<br />
Over Waterfalls </div>
<div class="midblock1"><a href="http://www.free-css.com/"><img src="scenic-reflections-images/img_8.gif" /></a> 3D Tropical Butterflies<br />
Over Waterfalls </div>
</div>
<div id="rightbar">
<div class="subheading3">Our News Letter</div>
<div id="rightbarinnerdiv">
<div class="subtext2">First Name :</div>
<input name="" type="text" size="15" />
<div class="subtext2">E-Mail Address :</div>
<input name="" type="text" size="15" />
<a href="http://www.free-css.com/"><img src="scenic-reflections-images/but-subscribe.gif" style="padding:8px 0px 8px 0px;" /></a>
<div class="subtext2">News Letter Archive :</div>
</div>
<div class="subheading3">Testimonials</div>
<div id="rightbarinnerdiv">
<div class="subtext3"> Your Grand Canyon screensaver is the best screensaver out here! Perfect quality, just what I was looking for!! Thank you very much! </div>
</div>
<div class="subheading3">My Search</div>
<div id="rightbarinnerdiv">
<div class="subtext3"> All Scenic Reflections Downloads Include the MyGlobalSearch Toolbar<br />
The MyGlobalSearch Toolbar is a free web search toolbar that will provide you with easy access to several of the best search engines on the Internet via a search box added to your browser.</div>
</div>
</div>
<div><img src="scenic-reflections-images/mid-top.gif" /></div>
</div>
<div id="footer">
<div style="float:left; padding-left:100px;"> 2007 All Rights Reserved | Design by <a href="http://scenicreflections.com/">ScenicReflections</a></div>
<div style="float:left; margin-left:120px;"><a href="http://www.free-css.com/" class="footerlinks">Terms & Conditions</a> | <a href="http://www.free-css.com/" class="footerlinks">Privacy Policy</a> | <a href="http://www.free-css.com/" class="footerlinks">Contact Us</a></div>
</div>
</div>
</center>
</body>
</html>
Related examples in the same category