realestate-company
<!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>Real State Company</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
background: #FFF;
margin: 0;
font: 11px "Microsoft Sans Serif", Tahoma, Arial, sans-serif;
}
#main {
width: 775px;
height:575px;
margin: 0 auto;
padding-left: 25px;
background: url(realestate-company-images/border-left.gif) top left repeat-y;
}
#bottom {
width: 800px;
height: 25px;
margin: 0 auto;
background: url(realestate-company-images/border-bottom.gif) no-repeat;
}
#wrapper {
height: 575px;
padding-right: 25px;
background: url(realestate-company-images/border-right.gif) top right repeat-y;
}
#header {
width: 750px;
background: url(realestate-company-images/header_bg.gif) repeat-x;
}
img { border: 0; }
ul#nav {
margin: 0;
padding: 0;
list-style:none;
}
ul#nav li {
float: left;
width: 153px;
height: 33px;
margin: 10px 0 0 90px;
}
ul#nav li a{
display: block;
width: 153px;
height: 33px;
}
ul#nav li a:hover {
background-position:bottom;
}
ul#nav li a span {
display: none;
}
#home { background-image: url(realestate-company-images/home_li.gif); }
#cont { background-image: url(realestate-company-images/cont_li.gif); }
#content {
background: #444 url(realestate-company-images/header_04.gif) no-repeat;
color: #FFF;
height: 267px;
padding: 0 10px;
}
#content h1 {
padding: 10px 0;
margin: 0;
font-size: 16px;
font-weight: normal;
}
#content p {
font-size: 10px;
line-height: 11px;
}
a:link {
color: #CC3300;
}
</style>
</head>
<body>
<div id="main">
<div id="wrapper">
<div id="header">
<div style="padding: 0 50px;"> <a href="http://www.free-css.com/"><img src="realestate-company-images/realestate.jpg" alt="" align="left" /></a>
<ul id="nav">
<li><a href="http://www.free-css.com/" id="home"><span>Home</span></a></li>
<li><a href="http://www.free-css.com/" id="cont"><span>Contact</span></a></li>
</ul>
<br style="clear:both;" />
</div>
<img src="realestate-company-images/header_00.jpg" alt="" style="padding:0;margin:0;float:left;" /> <img src="realestate-company-images/header_01.jpg" alt="" style="padding:0;margin:0;float:left;" /> <img src="realestate-company-images/header_02.jpg" alt="" style="padding:0;margin:0;float:left;" /> <br style="clear:both;" />
<img src="realestate-company-images/header_03.gif" alt="" /> </div>
<div id="content">
<h1>Lorem ipsum dolor sit amet, </h1>
<p>consectetuer adipiscing elit. Suspendisse nisi nulla, luctus in, sollicitudin a, bibendum et, leo. Nullam lobortis mauris vitae elit. Suspendisse pharetra laoreet enim. Cras purus pede, facilisis eget, ultrices quis, molestie et, elit. Ut vitae tellus vitae ante adipiscing posuere. Ut lacus arcu, tristique sed, placerat et, commodo eget, neque. Quisque ornare augue. Duis non mauris. Morbi justo. Sed nibh. Praesent vel metus. Sed placerat. Pellentesque lacinia. Ut nisi. Nulla molestie. Mauris pulvinar ornare quam.</p>
<p>Sed vitae nunc. Vestibulum sagittis, nibh vel iaculis faucibus, pede velit cursus tortor, id tincidunt dolor mi sit amet erat. Cras aliquam ultricies purus. Sed ullamcorper. Praesent iaculis. Phasellus placerat orci et justo. Aenean ut felis. Proin aliquam sapien commodo metus posuere tempor. Quisque vitae neque. Mauris ipsum magna, egestas a, aliquet quis, consectetuer sed, nisi. Etiam sollicitudin. Vestibulum sit amet mauris. Quisque at diam. Suspendisse sit amet elit et leo blandit ultrices. Aliquam hendrerit. Sed cursus. Vivamus pharetra consectetuer ligula.</p>
<p>Donec sit amet tellus. Cras quam nibh, vestibulum ac, varius in, dictum at, odio. Maecenas adipiscing ultrices sapien. Suspendisse diam justo, pretium id, eleifend in, pellentesque non, dui. Nullam dignissim imperdiet dui. Sed varius lobortis pede. Cras massa. Fusce id nisi. Nulla ullamcorper, ante ac aliquam convallis, lacus lacus mattis pede, vestibulum gravida metus felis sit amet orci. In mauris erat, fringilla a, nonummy quis, tempus ac, justo. Sed vehicula, lacus sit amet dictum lobortis, metus urna suscipit quam, ut nonummy augue pede a felis.</p>
<p>Design by <a href="http://phonuts.org/">PhoNuts</a></p>
</div>
</div>
</div>
<div id="bottom"> </div>
</body>
</html>
Related examples in the same category