CSS
body {
background-color: #ffffcc;
color: #003300;
font-family: Arial, Helvetica, sans-serif;
}
h2 {
background-color: #ffffcc;
color: #003366;
}
h3 {
background-color: #ffffcc;
color: #006600;
}
#wrapper {
width: 680px;
min-width: 680px;
margin: 0 auto;
background-color: #ffffcc;
color: #003300;
padding-left: 10px;
}
img { border: none;
}
.nav { font-size: .70em;
}
.contact{ font-weight: bold;
font-size: .85em;
font-family: "Times New Roman", serif;
}
#footer { font-size: .60em;
font-style: italic;
}
.property{ padding-right:30px;
padding-top:5;
}
Index
<!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=utf-8" />
<title>Prime Properties</title>
<link rel="stylesheet" type="text/css" href="prime.css"/>
</head>
<body>
<div id="wrapper">
<h1>
<img src="primelogo.gif" alt="Prime Properties Logo" height="100" width="650" />
</h1>
<a href="index.html"><img src="primehomebtn.gif" alt="Home Page" height="25" width="107" /></a> <a href="listings.html"><img src="primelistingsnav.gif" alt="Listings" height="25" width="107" /></a> <a href="financing.html"><img src="primefinancingnav.gif" alt="Financing" height="25" width="107" /></a> <a href="contact.html"><img src="primecontactnav.gif" alt="Contact" height="25" width="107"/></a>
<p>Prime properties is prepared to market and sell your property.</p>
<p>The philosophy of Prime Properties is to promote our clients, not ourselves.</p>
<p>We can also help you find the property that meets your needs:</p>
<ul>
<li>location</li>
<li>price</li>
<li>features</li>
</ul>
<div class="contact">
</p>
Prime Properties<br>
3055 Bode Road<br>
Schaumburg, IL 60194<br>
<p>847-555-5555</p></div>
<div class="nav"><a href="index.html">Home</a> <a href="listings.html">Listings</a> <a href="financing.html">Financing</a> <a href="contact.html">Contact</a></div>
<div id="footer">Copyright © 2011 Prime Properties<br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div> </div>
</body>
</html>
Financing
<!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=utf-8" />
<title>Prime Properties</title>
<link rel="stylesheet" type="text/css" href="prime.css"/>
</head>
<body>
<div id="wrapper">
<h1>
<img src="primelogo.gif" alt="Prime Properties Logo" height="100" width="650" />
</h1>
<a href="index.html"><img src="primehomenav.gif" alt="Home Page" height="25" width="107" /></a> <a href="listings.html"><img src="primelistingsnav.gif" alt="Listings" height="25" width="107" /></a> <a href="financing.html"><img src="primefinancingbtn.gif" alt="Financing" height="25" width="107" /></a> <a href="contact.html"><img src="primecontactnav.gif" alt="Contact" height="25" width="107"/></a>
<br />
<p>We work with many area mortgage and finance companies.</p>
<h3> Mortgage FAQ</h3>
<dl>
<dt>What amount of mortgage do I qualify for?</dt>
<dd>The total basic monthly housing cost is normally based on 29% to 41% of
your gross monthly income.</dd>
<dt>Which percentage is most often used?</dt>
<dd>The percentage used depends on the lending institution and type of financing.</dd>
<dt>How do I get started?</dt>
<dd>Contact us today to help you arrange financing for your home.</dd>
</dl>
<div class="contact">
</p>
Prime Properties<br>
3055 Bode Road<br>
Schaumburg, IL 60194<br>
<p>847-555-5555</p></div>
<div class="nav"><a href="index.html">Home</a> <a href="listings.html">Listings</a> <a href="financing.html">Financing</a> <a href="contact.html">Contact</a></div>
<div id="footer">Copyright © 2011 Prime Properties<br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div> </div>
</body>
</html>
Listings
<!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=utf-8" />
<title>Prime Properties</title>
<link rel="stylesheet" type="text/css" href="prime.css"/>
</head>
<body>
<div id="wrapper">
<h1>
<img src="primelogo.gif" alt="Prime Properties Logo" height="100" width="650" />
</h1>
<a href="index.html"><img src="primehomenav.gif" alt="Home Page" height="25" width="107" /></a> <a href="listings.html"><img src="primelistingsbtn.gif" alt="Listings" height="25" width="107" /></a> <a href="financing.html"><img src="primefinancingnav.gif" alt="Financing" height="25" width="107" /></a> <a href="contact.html"><img src="primecontactnav.gif" alt="Contact" height="25" width="107"/></a>
<p><h2>Listings</h2>
<h3>Schaumburg Colonial</h3>
<p>This single family home is a two-story colonial on a large corner lot.</p>
<a href="schaumburg.jpg"><img src="schaumburgthumb.jpg" alt="Schaumburg Colonial" align="left" height="113" width="150" class="property" /></a>
<ul>
<li>Four bedrooms</li>
<li>Two and 1/2 baths</li>
<li>Finished family room</li>
<li>Two car garage</li>
<li>Listing #3432535</li>
</ul><br />
<h3>Libertyville Condo Listing</h3>
<p>New construction condo in downtown Libertyville</p><br />
<a href="libertyville.jpg"><img src="libertyvillethumb.jpg" alt="Libertyville Condo" align="left" height="113" width="150" class="property" /></a>
<ul>
<li>Close to train</li>
<li>Two bedrooms</li>
<li>Two baths</li>
<li>Two indoor parking spaces</li>
<li>Listing #3432432</li>
</ul><br />
<div class="nav"><a href="index.html">Home</a> <a href="listings.html">Listings</a> <a href="financing.html">Financing</a> <a href="contact.html">Contact</a></div>
<div class="contact">
</p>
Prime Properties<br>
3055 Bode Road<br>
Schaumburg, IL 60194<br>
<p>847-555-5555</p></div>
<div class="nav"><a href="index.html">Home</a> <a href="listings.html">Listings</a> <a href="financing.html">Financing</a> <a href="contact.html">Contact</a></div>
<div id="footer">Copyright © 2011 Prime Properties<br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div> </div></div></div>
</body>
</html>
No comments:
Post a Comment