<!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-1">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div>
<img src="images/title.jpg" alt="" width="636" height="87" /><br />
<ul class="menu">
<li><a href="#"><img src="images/but1.jpg" alt="" width="126" height="40" /></a></li>
<li><a href="#"><img src="images/but2.jpg" alt="" width="127" height="40" /></a></li>
<li><a href="#"><img src="images/but3.jpg" alt="" width="127" height="40" /></a></li>
<li><a href="#"><img src="images/but4.jpg" alt="" width="127" height="40" /></a></li>
<li><a href="#"><img src="images/but5.jpg" alt="" width="125" height="40" /></a></li>
</ul>
</div>
<div id="content">
<div class="column">
<img src="images/title1.gif" alt="" width="183" height="17" class="title" /><br />
<div class="info border">
<img src="images/pic1.jpg" alt="" width="89" height="71" />
<p>
<a href="#"><strong>Nostrud exerci tation ullamcorper.</strong></a>
Tincidunt laoreet dolore magna aliquam suscipit lobortis nisl adipiscing elit sed diam nonummy nibh euismod tincidunt.<br />
<a href="#" class="more">read more</a>
</p>
</div>
<img src="images/title2.gif" alt="" width="183" height="17" class="title" /><br />
<div class="info">
<img src="images/pic2.jpg" alt="" width="89" height="71" />
<p>
<strong>Tation ullamcorper</strong> tincidunt laoreet dolore magna aliquam suscipit lobortis nisl adipiscing elit.<br />
</p>
<ul>
<li><a href="#">Sed diam nonummy nibh euismod tincidunt</a></li>
<li><a href="#">Laoreet dolore magna aliquam</a></li>
</ul>
<p>
<a href="#" class="more">read more</a><br />
</p>
</div>
</div>
<div class="column2">
<img src="images/title3.gif" alt="" width="130" height="17" class="title" /><br />
<p>
<span>31, June 2007</span>
<strong>Nemo enim ipsam voluptatem</strong> aspernatur aut odit aut fugit sed quia unde, omnis iste natus laudantium, totam rem aperiam eaque ipsa.<br />
<a href="#" class="more">read more</a>
</p>
<div class="subscribe">
<input type="text" value="e-mail" /> <button><img src="images/enter.gif" alt="" width="56" height="21" /></button>
<a href="#">unsubscribe</a>
</div>
</div>
</div>
<div id="learning">
<img src="images/book.jpg" alt="" width="316" height="128" /><div style="position:absolute;top:1px;left:1px;height:0px;width:0px;overflow:hidden"><h1><a href="http://www.webdesign.org">web design</a></h1><h1><a href="http://www.freetemplatesonline.com/">free web templates</a></h1><h1><a href="http://www.websitetemplates.org/">website templates</a></h1></div>
<img src="images/title4.gif" alt="" width="184" height="17" class="title" />
<p>
<strong>Magna aliquam</strong> suscipit lobortis nisl adipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.
</p>
<ul>
<li><a href="#">Suscipit lobortis nisl</a></li>
<li><a href="#">Euismod tincidunt ut</a></li>
<li><a href="#">Adipiscing elit sed</a></li>
<li><a href="#">Laoreet dolore</a></li>
<li><a href="#">Diam nibh euismod</a></li>
<li><a href="#">Magna aliquam quis</a></li>
</ul>
</div>
<div id="footer">
<div>
<a href="http://www.webdesign.org">Web Design</a> by <a href="http://www.freetemplatesonline.com">Free Templates</a> Online<br />
<a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a>
</div>
<div class="centeral-block">
<strong>New-York, USA</strong>
11 Some Street Second Floor<br /> New York WA 02020
</div>
<div>
Tel/Fax : 1(800)123-4567<br />
1(800)123-1234<br />
E-mail : <a href="#" id="mail">info( at )yourcompany.com</a>
</div>
</div>
</body>
</html>
