<!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.htmldivcss.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.htmldivcss.com" target="_blank" title="Free Templates">HtmlDivCss.com</a></p>
</div>
</body>
</html>
网站前端网页源码模板 (290).zip
版权申诉
2 浏览量
2021-09-24
22:23:15
上传
评论
收藏 488KB ZIP 举报
网站前端网页源码模板 (290).zip （31个子文件） 
index2.html 6KB
1.jpg 77KB
images 
bg.gif 79B categories_bg.gif 331B go.gif 1KB search_bg.jpg 22KB but4.gif 585B but6.gif 623B but3.gif 534B but1.gif 390B avatar2.gif 678B but2.gif 583B but5.gif 508B spacer.gif 43B button.gif 2KB date_bg.gif 713B photo1.jpg 152KB footer_bg.jpg 15KB photo2.jpg 67KB title2.gif 641B title4.gif 1KB avatar1.jpg 8KB header_bg.jpg 110KB bullet.gif 1KB dots.gif 43B title3.gif 1KB title1.gif 816B h_bg.jpg 2KB pic1.jpg 53KB index.html 5KB
style.css 5KB资源评论
