<!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>
<title>www.htmldivcss.com-模板在线</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/arial.js"></script>
<script type="text/javascript" src="js/cuf_run.js"></script>
<!-- CuFon ends -->
</head>
<body>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<h1><a href="index.html">web<span>bw</span></a><small>Simple web template</small></h1>
</div>
<div class="clr"></div>
<div class="menu_nav">
<ul>
<li><a href="index.html"><span>Home</span></a></li>
<li><a href="support.html"><span>Support</span></a></li>
<li><a href="about.html"><span>About Us</span></a></li>
<li class="active"><a href="blog.html"><span>Blog</span></a></li>
<li><a href="contact.html"><span>Contact Us</span></a></li>
</ul>
<div class="search">
<form id="form" name="form" method="post" action="">
<span>
<input name="q" type="text" class="keywords" id="textfield" maxlength="50" value="Search..." />
</span>
<input name="b" type="image" src="images/search.gif" class="button" />
</form>
</div>
<!--/search -->
</div>
<div class="clr"></div>
<div class="header_img">
<img src="images/img_main.jpg" alt="image" width="970" height="202" /></div>
</div>
</div>
<div class="clr"></div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article">
<h2><span>A Blog</span> Entry</h2><div class="clr"></div>
<p>Posted by <a href="#">Owner</a> <span> • </span> Filed under <a href="#">templates</a>, <a href="#">internet</a></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. </p>
<p>Tagged: <a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a href="#">turpis</a></p>
<p><a href="#"><strong>Comments (3)</strong></a> <span> • </span> May 27, 2010 <span> • </span> <a href="#"><strong>Edit</strong></a></p>
</div>
<div class="article">
<h2><span>3</span> Responses</h2><div class="clr"></div>
<div class="comment">
<a href="#"><img src="images/userpic.gif" width="40" height="40" alt="user" class="userpic" /></a>
<p><a href="#">admin</a> Says:<br />April 20th, 2009 at 2:17 pm</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.</p>
</div>
<div class="comment">
<a href="#"><img src="images/userpic.gif" width="40" height="40" alt="user" class="userpic" /></a>
<p><a href="#">Owner</a> Says:<br />April 20th, 2009 at 3:21 pm</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</p>
</div>
<div class="comment">
<a href="#"><img src="images/userpic.gif" width="40" height="40" alt="user" class="userpic" /></a>
<p><a href="#">admin</a> Says:<br />April 20th, 2009 at 2:17 pm</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.</p>
</div>
</div>
<div class="article">
<h2><span>Leave a</span> Reply</h2><div class="clr"></div>
<form action="#" method="post" id="leavereply">
<ol><li>
<label for="name">Name (required)</label>
<input id="name" name="name" class="text" />
</li><li>
<label for="email">Email Address (required)</label>
<input id="email" name="email" class="text" />
</li><li>
<label for="website">Website</label>
<input id="website" name="website" class="text" />
</li><li>
<label for="message">Your Message</label>
<textarea id="message" name="message" rows="8" cols="50"></textarea>
</li><li>
<input type="image" name="imageField" id="imageField" src="images/submit.gif" class="send" />
<div class="clr"></div>
</li></ol>
</form>
</div>
</div>
<div class="sidebar">
<div class="gadget">
<h2>Sidebar Menu</h2>
<div class="clr"></div>
<ul class="sb_menu">
<li><a href="#">Home</a></li>
<li><a href="#">TemplateInfo</a></li>
<li><a href="#">Style Demo</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#" title="Website Templates">Web Templates</a></li>
</ul>
</div>
<div class="gadget">
<h2><span>Sponsors</span></h2>
<div class="clr"></div>
<ul class="ex_menu">
<li><a href="#" title="Website Templates">DreamTemplate</a><br />
Over 6,000+ Premium Web Templates</li>
<li><a href="#" title="WordPress Themes">TemplateSOLD</a><br />
Premium WordPress & Joomla Themes</li>
<li><a href="#" title="Affordable Hosting">ImHosted.com</a><br />
Affordable Web Hosting Provider</li>
<li><a href="#" title="Stock Icons">MyVectorStore</a><br />
Royalty Free Stock Icons</li>
<li><a href="#" title="Website Builder">Evrsoft</a><br />
Website Builder Software & Tools</li>
<li><a href="#" title="CSS Templates">CSS Hub</a><br />
Premium CSS Templates</li>
</ul>
</div>
<div class="gadget">
<h2>Wise Words</h2>
<div class="clr"></div>
<p> <img src="images/teast_img_1.gif" alt="image" width="18" height="20" /> <em>We can let circumstances rule us, or we can take charge and rule our lives from within </em>.<img src="images/teast_img_2.gif" alt="image" width="18" height="20" /></p>
<p style="float:right;"><strong>Earl Nightingale</strong></p>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="fbg">
<div class="fbg_resize">
<div class="col c1">
<h2><span>Image Gallery</span></h2>
<a href="#"><img src="images/gallery_1.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/gallery_2.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/gallery_3.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/gallery_4.jpg" width="58" height="58" alt="pix" /></a> <a href="#"><img src="images/gallery_5.jpg" width="58" height="58" alt="pix"
571_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （31个子文件） 
571 
style.css 6KB
support.html 7KB js cuf_run.js 59B arial.js 454KB cufon-yui.js 18KB
1.jpg 105KB index.html 8KB contact.html 7KB about.html 8KB images img_2.jpg 17KB gallery_4.jpg 2KB
countent_vf.gif 79B gallery_6.jpg 2KB img_main.jpg 36KB teast_img_2.gif 172B gallery_5.jpg 2KB search.gif 812B r_menu.gif 741B gallery_3.jpg 2KB userpic.gif 943B l_menu.gif 360B main_bg.gif 3KB submit.gif 654B spacer.gif 43B li_a.gif 53B gallery_1.jpg 2KB fbg_bg.gif 129B gallery_2.jpg 2KB teast_img_1.gif 175B img_1.jpg 25KB blog.html 9KB资源评论
