<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Design by http://www.htmldivcss.com
Released for free under a Creative Commons Attribution 3.0 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Template</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"><span><span>Home</span></span></a></li>
<li><a href="support.html"><span><span>Support</span></span></a></li>
<li><a href="about.html"><span><span>About Us</span></span></a></li>
<li class="active"><a href="blog.html"><span><span>Blog</span></span></a></li>
<li><a href="contact.html"><span><span>Contact Us</span></span></a></li>
</ul>
</div>
<div class="clr"></div>
<div class="logo"><h1><a href="index.html">CleanBlue<br /><small>put your slogan here</small></a></h1></div>
<div class="clr"></div>
<img src="images/image.jpg" width="930" height="160" alt="image" />
<div class="clr"></div>
</div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article">
<h2>A Blog Entry</h2>
<p>Posted by <a href="#">Owner</a> | 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> | May 27, 2015 | <a href="#"><strong>Edit</strong></a></p>
</div>
<div class="article">
<h2>3 Responses</h2>
<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>Leave a Reply</h2>
<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="searchform">
<form id="formsearch" name="formsearch" method="post" action="">
<input name="button_search" src="images/search_btn.gif" class="button_search" type="image" />
<span><input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" value="Search" type="text" /></span>
<div class="clr"></div>
</form>
</div>
<div class="gadget">
<h2 class="star"><span>Sidebar</span> Menu</h2>
<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.htmldivcss.com">网站模板</a></li>
</ul>
</div>
<div class="gadget">
<h2 class="star"><span>Sponsors</span></h2>
<ul class="ex_menu">
<li><a href="http://www.htmldivcss.com" title="网站模板">网站模板</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="http://www.imhosted.com" title="Affordable Hosting">ImHosted.com</a><br />Affordable Web Hosting Provider</li>
<li><a href="http://www.dreamstock.com" title="Stock Photos">DreamStock</a><br />Download Amazing Stock Photos</li>
<li><a href="http://www.evrsoft.com" title="Website Builder">Evrsoft</a><br />Website Builder Software & Tools</li>
<li><a href="http://www.myvectorstore.com" title="Stock Icons">MyVectorStore</a><br />Royalty Free Stock Icons</li>
</ul>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="fbg">
<div class="fbg_resize">
<div class="col c1">
<h2><span>About</span></h2>
<img src="images/white.jpg" width="56" height="56" alt="pix" />
<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. llorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum. <a href="#">Learn more...</a></p>
</div>
<div class="col c2">
<h2><span>Lorem Ipsum</span></h2>
<ul class="sb_menu">
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></
网站前端网页源码模板 (254).zip
版权申诉
119 浏览量
2021-09-24
22:22:17
上传
评论
收藏 274KB ZIP 举报
网站前端网页源码模板 (254).zip （22个子文件） 
contact.html 7KB blog.html 9KB support.html 7KB
1.jpg 77KB
images 
menu_ar.gif 330B search_btn.gif 477B search.gif 405B menu_al.gif 344B img1.jpg 10KB submit.gif 654B menu_a.gif 158B logo.gif 2KB img2.jpg 9KB image.jpg 63KB userpic.gif 943B white.jpg 3KB js 
arial.js 454KB cufon-yui.js 18KB cuf_run.js 59B index.html 8KB about.html 8KB style.css 5KB资源评论
