CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-5" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="header">
<a href="#"><img src="images/name.jpg" alt="" width="214" height="46" /></a>
<ul class="menu">
<li><a href="#"><img src="images/but1.jpg" alt="" width="43" height="30" /></a></li>
<li><a href="#"><img src="images/but2.jpg" alt="" width="107" height="30" /></a></li>
<li><a href="#"><img src="images/but3.jpg" alt="" width="94" height="30" /></a></li>
<li><a href="#"><img src="images/but4.jpg" alt="" width="85" height="30" /></a></li>
<li><a href="#"><img src="images/but5.jpg" alt="" width="138" height="30" /></a></li>
</ul>
</div>
<div id="content">
<div class="left">
<img src="images/title1.gif" alt="" width="215" height="51" />
<p class="text"><strong>Lorem ipsum quaeque</strong><br /> eripuit probatus id usu, nec ea dos epic uri verterem, quando tempr et mei. Eam equidem erroribus an, id nam illum perse- cuti</p>
<a href="#" class="read floatright">read more</a>
<div class="latest">
<img src="images/title2.gif" alt="" width="71" height="20" /><br />
<div class="news">
<span class="date">12/20/2007</span>
<p><strong>Lorem ipsum quaeque</strong><br /> eripuit probatus id usu, nec ea dos epicuri verterem, quando tempr <a href="#"><img src="images/ar.gif" alt="" width="8" height="5" /></a></p>
</div>
<div class="news">
<span class="date">12/20/2007</span>
<p><strong>Lorem ipsum quaeque</strong><br /> eripuit probatus id usu, nec ea dos epicuri verterem, quando tempr <a href="#"><img src="images/ar.gif" alt="" width="8" height="5" /></a></p>
</div>
<a href="#" class="read floatleft">read more</a>
</div>
<div class="services">
<img src="images/title3.gif" alt="" width="79" height="19" />
<p><strong>Nec ea dos epicuri verterem,</strong><br /> quando tempr et mei. Eam equidem erroribus an, id </p>
<ul>
<li><a href="#">Nam illum persecuti suas</a></li>
<li><a href="#">Facilis vim ne. Id per lorem</a></li>
<li><a href="#">Aperiam suavitate, nec legimus</a></li>
<li><a href="#">Debitis te. Has meis omittam</a></li>
</ul>
<a href="#" class="read floatleft pad">read more</a>
</div>
</div>
<div class="flash">
<img src="images/topcorn.gif" alt="" width="466" height="3" />
<img src="images/flash.jpg" alt="" width="466" height="353" border="0" usemap="#Map" />
<img src="images/botcorn.gif" alt="" width="466" height="3" />
</div>
<div class="every">
<img src="images/title4.gif" alt="" width="96" height="19" class="pad1" />
<img src="images/pic1.jpg" alt="" width="107" height="127" class="floatleft" />
<ul>
<li class="border">coffee pot</li>
<li class="border">microvawe</li>
<li class="border">flowers</li>
<li class="border">fireplaces</li>
<li class="border">coffee maker</li>
<li class="border">air conditioning</li>
<li><strong>more</strong></li>
</ul>
</div>
<div class="sight">
<img src="images/title5.gif" alt="" width="84" height="19" />
<p><strong>Nec ea dos epicuri verterem,</strong><br /> quando tempr et mei. Eam equidem errori- bus an, id </p>
<ul>
<li><a href="#">Nam illum persecuti suas</a></li>
<li><a href="#">Facilis vim ne. Id per lorem</a></li>
<li><a href="#">Aperiam suavitate, nec legimus</a></li>
<li><a href="#">Debitis te. Has meis omittam</a></li>
</ul>
<a href="#" class="read floatleft pad">read more</a>
</div>
</div>
<div id="footer">
<p>© 2007 Bed & Breakfast. All rights reserved</p>
<a href="#">Terms Of Use</a> | <a href="#">Privacy Policy</a>
</div>
<map name="Map">
<area shape="rect" coords="9,337,74,350" href="#">
<area shape="rect" coords="416,336,459,350" href="#">
<area shape="rect" coords="156,336,169,350" href="#">
<area shape="rect" coords="171,336,183,350" href="#">
<area shape="rect" coords="185,336,197,350" href="#">
<area shape="rect" coords="199,336,211,350" href="#">
<area shape="rect" coords="213,336,224,350" href="#">
<area shape="rect" coords="226,336,237,350" href="#">
<area shape="rect" coords="239,336,251,350" href="#">
<area shape="rect" coords="253,336,265,350" href="#">
<area shape="rect" coords="267,336,279,350" href="#">
<area shape="rect" coords="281,336,299,350" href="#">
</map>
</body>
</html>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-5" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="header">
<a href="#"><img src="images/name.jpg" alt="" width="214" height="46" /></a>
<ul class="menu">
<li><a href="#"><img src="images/but1.jpg" alt="" width="43" height="30" /></a></li>
<li><a href="#"><img src="images/but2.jpg" alt="" width="107" height="30" /></a></li>
<li><a href="#"><img src="images/but3.jpg" alt="" width="94" height="30" /></a></li>
<li><a href="#"><img src="images/but4.jpg" alt="" width="85" height="30" /></a></li>
<li><a href="#"><img src="images/but5.jpg" alt="" width="138" height="30" /></a></li>
</ul>
</div>
<div id="content">
<div class="left">
<img src="images/title1.gif" alt="" width="215" height="51" />
<p class="text"><strong>Lorem ipsum quaeque</strong><br /> eripuit probatus id usu, nec ea dos epic uri verterem, quando tempr et mei. Eam equidem erroribus an, id nam illum perse- cuti</p>
<a href="#" class="read floatright">read more</a>
<div class="latest">
<img src="images/title2.gif" alt="" width="71" height="20" /><br />
<div class="news">
<span class="date">12/20/2007</span>
<p><strong>Lorem ipsum quaeque</strong><br /> eripuit probatus id usu, nec ea dos epicuri verterem, quando tempr <a href="#"><img src="images/ar.gif" alt="" width="8" height="5" /></a></p>
</div>
<div class="news">
<span class="date">12/20/2007</span>
<p><strong>Lorem ipsum quaeque</strong><br /> eripuit probatus id usu, nec ea dos epicuri verterem, quando tempr <a href="#"><img src="images/ar.gif" alt="" width="8" height="5" /></a></p>
</div>
<a href="#" class="read floatleft">read more</a>
</div>
<div class="services">
<img src="images/title3.gif" alt="" width="79" height="19" />
<p><strong>Nec ea dos epicuri verterem,</strong><br /> quando tempr et mei. Eam equidem erroribus an, id </p>
<ul>
<li><a href="#">Nam illum persecuti suas</a></li>
<li><a href="#">Facilis vim ne. Id per lorem</a></li>
<li><a href="#">Aperiam suavitate, nec legimus</a></li>
<li><a href="#">Debitis te. Has meis omittam</a></li>
</ul>
<a href="#" class="read floatleft pad">read more</a>
</div>
</div>
<div class="flash">
<img src="images/topcorn.gif" alt="" width="466" height="3" />
<img src="images/flash.jpg" alt="" width="466" height="353" border="0" usemap="#Map" />
<img src="images/botcorn.gif" alt="" width="466" height="3" />
</div>
<div class="every">
<img src="images/title4.gif" alt="" width="96" height="19" class="pad1" />
<img src="images/pic1.jpg" alt="" width="107" height="127" class="floatleft" />
<ul>
<li class="border">coffee pot</li>
<li class="border">microvawe</li>
<li class="border">flowers</li>
<li class="border">fireplaces</li>
<li class="border">coffee maker</li>
<li class="border">air conditioning</li>
<li><strong>more</strong></li>
</ul>
</div>
<div class="sight">
<img src="images/title5.gif" alt="" width="84" height="19" />
<p><strong>Nec ea dos epicuri verterem,</strong><br /> quando tempr et mei. Eam equidem errori- bus an, id </p>
<ul>
<li><a href="#">Nam illum persecuti suas</a></li>
<li><a href="#">Facilis vim ne. Id per lorem</a></li>
<li><a href="#">Aperiam suavitate, nec legimus</a></li>
<li><a href="#">Debitis te. Has meis omittam</a></li>
</ul>
<a href="#" class="read floatleft pad">read more</a>
</div>
</div>
<div id="footer">
<p>© 2007 Bed & Breakfast. All rights reserved</p>
<a href="#">Terms Of Use</a> | <a href="#">Privacy Policy</a>
</div>
<map name="Map">
<area shape="rect" coords="9,337,74,350" href="#">
<area shape="rect" coords="416,336,459,350" href="#">
<area shape="rect" coords="156,336,169,350" href="#">
<area shape="rect" coords="171,336,183,350" href="#">
<area shape="rect" coords="185,336,197,350" href="#">
<area shape="rect" coords="199,336,211,350" href="#">
<area shape="rect" coords="213,336,224,350" href="#">
<area shape="rect" coords="226,336,237,350" href="#">
<area shape="rect" coords="239,336,251,350" href="#">
<area shape="rect" coords="253,336,265,350" href="#">
<area shape="rect" coords="267,336,279,350" href="#">
<area shape="rect" coords="281,336,299,350" href="#">
</map>
</body>
</html>
