<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Blog Design</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 id="header">
<span class="logo">blog about web design</span> <div style="position:absolute;top:1px;left:1px;height:0px;width:0px;overflow:hidden"><h1><a href="http://www.moobnn.com">best free templates</a></h1></div>
<ul id="menu">
<li><a href="index.html"><img src="images/but1.gif" alt="" width="64" height="42" /></a></li>
<li><a href="index2.html"><img src="images/but2.gif" alt="" width="108" height="42" /></a></li>
<li><a href="index2.html"><img src="images/but3.gif" alt="" width="93" height="42" /></a></li>
<li><a href="index2.html"><img src="images/but4.gif" alt="" width="101" height="42" /></a></li>
<li><a href="index2.html"><img src="images/but5.gif" alt="" width="86" height="42" /></a></li>
<li><a href="index2.html"><img src="images/but6.gif" alt="" width="102" height="42" /></a></li>
</ul>
<img src="images/spacer.gif" alt="setalpm" width="120" height="120" border="0" usemap="#Map" class="rss" />
<map name="Map">
<area shape="circle" coords="60,60,63" href="#">
</map>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2>Retro Photos</h2>
<div><span class="date">Mar 18th</span><span class="categories">in: Photos, Retro</span></div>
<div class="description">
<p><img src="images/pic1.jpg" alt="" width="239" height="232" />
Lorem ipsum dolor sit amet, consectetuer adipi scing elit.Mauris urna urna, varius et, interdum a, tincidunt quis, libero. Aenean sit amturpis. Maecenas hendrerit, massa ac laoreet iaculipede mnisl ullamcorpermassa, cosectetuer feipsum eget pede. Proin nunc. Donec nonummy, tellus er sodales enim, in tincidunmauris in odio. Massa ac laoreet iaculipede nisl ullamcorpermassa, ac consectetuer feipsum eget pede. Proin nunc. Donec massa. Nulla pulvinar, nisl ac convallis nonummy, tellus eros sodales enim, in tincidunt mauris in odio. massa ac laoreet iaculipede niorpermassa,consectetuer feipsum eget pede. Proin nunc. Donec massa. Nulla pulvinar, nisl ac convallis nonummy, tellus eros sodales enim, in tincidunt mauris in odio. Lorem ipsum dolor sit amet, consectetuer adipi scing elit.Mauris urna urna, varius et, interdum a, tincidunt quis, libero. Aenean sit amturpis. </p>
</div>
<p><img src="images/photo1.jpg" alt="" width="511" height="310" /></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipi scing elit.Mauris urna urna, varius et, interdum a, tincidunt quis, libero. Aenean sit amturpis. Maecenas hendrerit, massa ac laoreet iaculipede mnisl ullamcorpermassa, cosectetuer feipsum eget pede. Proin nunc. </p>
<p><img src="images/photo2.jpg" alt="" width="511" height="310" /></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipi scing elit.Mauris urna urna, varius et, interdum a, tincidunt quis, libero. Aenean sit amturpis. Maecenas hendrerit, massa ac laoreet iaculipede mnisl ullamcorpermassa, cosectetuer feipsum eget pede. Proin nunc. </p>
</div>
<div id="comments">
<img src="images/title3.gif" alt="" width="216" height="39" /><br />
<div class="comment">
<div class="avatar">
<img src="images/avatar1.jpg" alt="" width="80" height="80" /><br />
<span>Name User</span><br />
April 15th
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipi scing elit.Mauris urna urna, varius et, interdum a, tincidunt quis, libero. Aenean sit amturpis. Maecenas hendrerit, massa ac laoreet iaculipede mnisl ullamcorpermassa, cosectetuer feipsum eget pede. Donec nonummy, tellus er sodales enim, in tincidunmauris in odio. </p>
</div>
<div class="comment">
<div class="avatar">
<img src="images/avatar2.gif" alt="" width="80" height="80" /><br />
<span>Name User</span><br />
April 12th
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipi scing elit.Mauris urna urna, varius et, interdum a, tincidunt quis, libero. </p>
</div>
<div id="add">
<img src="images/title4.gif" alt="" width="216" height="47" class="title" /><br />
<div class="avatar">
<img src="images/avatar2.gif" alt="" width="80" height="80" /><br />
<span>Name User</span><br />
April 12th
</div>
<div class="form">
<form action="#">
<textarea>Your Message...</textarea><br />
<input type="text" value="Name" /><br />
<input type="text" value="E-mail" /><br />
<input type="text" value="URL (Optional)" /><br />
<a href="#"><img src="images/button.gif" alt="" width="94" height="27" /></a>
</form>
</div>
</div>
</div>
</div>
<div id="sidebar">
<div id="search">
<input type="text" value="Search"> <a href="#"><img src="images/go.gif" alt="" width="26" height="26" /></a>
</div>
<div class="list">
<img src="images/title1.gif" alt="" width="186" height="36" />
<ul>
<li><a href="#">animation</a></li>
<li><a href="#">magazines</a></li>
<li><a href="#">architecture</a></li>
<li><a href="#">news</a></li>
<li><a href="#">art</a></li>
<li><a href="#">photography</a></li>
<li><a href="#">blogs</a></li>
<li><a href="#">product design</a></li>
<li><a href="#">books</a></li>
<li><a href="#">stuff</a></li>
<li><a href="#">graphic design</a></li>
<li><a href="#">web design</a></li>
<li><a href="#">illustration</a></li>
</ul>
<img src="images/title2.gif" alt="" width="180" height="34" />
<ul>
<li><a href="#">January</a></li>
<li><a href="#">July</a></li>
<li><a href="#">February</a></li>
<li><a href="#">August</a></li>
<li><a href="#">March</a></li>
<li><a href="#">September</a></li>
<li><a href="#">April</a></li>
<li><a href="#">October</a></li>
<li><a href="#">May</a></li>
<li><a href="#">November</a></li>
<li><a href="#">June</a></li>
<li><a href="#">December</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright ©. All rights reserved. Design from <a href="http://www.moobnn.com" target="_blank" title="Free Templates">moobnn.com</a></p>
</div>
</body>
</html>