<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Design by http://www.FreeWebsiteTemplateZ.com
Released for free under a Creative Commons Attribution 3.0 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>moobnn.com 模板在线,网站模板,Div+CSS模板</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!-- CuFon: Enables smooth pretty custom font rendering. 100% SEO friendly. To disable, remove this section -->
<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="menu_nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="support.html">Support</a></li>
<li><a href="about.html">About Us</a></li>
<li class="active"><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<div class="searchform">
<form id="formsearch" name="formsearch" method="post" action="">
<span><input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" value="Search our ste:" type="text" /></span>
<input name="button_search" src="images/search_btn.gif" class="button_search" type="image" />
</form>
</div>
<div class="clr"></div>
<div class="logo"><h1><small>put your slogan here</small> <a href="index.html">Web<span> Jupe</span></a></h1></div>
<div class="clr"></div>
</div>
</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 class="star"><span>Sidebar</span> 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="http://www.dreamtemplate.com/">Web Templates</a></li>
</ul>
</div>
<div class="gadget">
<h2 class="star"><span>Sponsors</span></h2><div class="clr"></div>
<ul class="ex_menu">
<li><a href="http://www.dreamtemplate.com" title="moobnn.com">DreamTemplate</a><br />Over 6,000+ Premium Web Templates</li>
<li><a href="http://www.templatesold.com/">TemplateSOLD</a><br />Premium WordPress & Joomla Themes</li>
<li><a href="http://www.imhosted.com" title="Affordable Hosting">ImHosted.com</a><br />Affordable Web Hosting Provider</li>
<li><a href="http://www.myvectorstore.com" title="Stock Icons">MyVectorStore</a><br />Royalty Free Stock Icons</li>
<li><a href="http://www.evrsoft.com" title="Website Builder">Evrsoft</a><br />Website Builder Software & Tools</li>
<li><a href="http://www.csshub.com/" title="CSS Templates">CSS Hub</a><br />Premium CSS Templates</li>
</ul>
</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/pix1.jpg" width="58" height="58" alt="pix" /></a>
<a href="#"><img src="images/pix2.jpg" width="58" height="58" alt="pix" /></a>
<a href="#"><img src="images/pix3.jpg" width="58" height="58" alt="pix" /></a>
<a href="#"><img src="images/pix4.jpg" width="58" height="58" alt="pix" /></a>
<a href="#"><img src="images/pix5.jpg" width="58" height="58" alt="pix" /></a>
<a href="#"><img src="images/pix6.jpg" width="58" height="58" alt="pix" /></a>
</div>
<div class="col c2">
<h2><span>Lorem Ipsum</span></h2>
<p>Lorem ipsum dolor<br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis a
淡灰色博客模板_淡灰企业精品漂亮web20博客.rar
需积分: 0 10 浏览量
2023-09-11
08:38:31
上传
评论
收藏 149KB RAR 举报
淡灰色博客模板_淡灰企业精品漂亮web20博客.rar （25个子文件） 
pix5.jpg 2KB
style.css 6KB cuf_run.js 59B
header_rbg.gif 82B pix4.jpg 3KB
support.html 7KB arial.js 454KB pix2.jpg 2KB cufon-yui.js 18KB search_btn.gif 779B pix6.jpg 2KB header_bg.gif 50B search.gif 217B img1.jpg 33KB footer_bg.gif 56B pix1.jpg 2KB userpic.gif 943B index.html 8KB contact.html 7KB about.html 8KB main_bg.gif 117B pix3.jpg 2KB submit.gif 654B spacer.gif 43B blog.html 9KB资源评论
