<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Design by http://www.moobnn.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="logo"><h1><a href="index.html"><span>Clear</span>Focus <small>Put your slogan here</small></a></h1></div>
<div class="clr"></div>
<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="">
<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>
</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, 2015 <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.moobnn.com">网站模板</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.moobnn.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>Image Gallery</span></h2>
<a href="#"><img src="images/pic1.jpg" width="56" height="56" alt="pix" /></a>
<a href="#"><img src="images/pic2.jpg" width="56" height="56" alt="pix" /></a>
<a href="#"><img src="images/pic3.jpg" width="56" height="56" alt="pix" /></a>
<a href="#"><img src="images/pic4.jpg" width="56" height="56" alt="pix" /></a>
<a href="#"><img src="images/pic5.jpg" width="56" height="56" alt="pix" /></a>
<a href="#"><img src="images/pic6.jpg" width="56" height="56" 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 aliquam</a>, lectus turpis varius lorem, eu posuere nunc justo t
橙色干净的web20网页模板_灰色 干净 白色 web20 线条 简洁 大图_html网站模板_网页源码移动端前端_H.rar
113 浏览量
2023-08-06
12:09:37
上传
评论
收藏 160KB RAR 举报
橙色干净的web20网页模板_灰色 干净 白色 web20 线条 简洁 大图_html网站模板_网页源码移动端前端_H.rar （29个子文件） 
橙色干净的web20网页模板_灰色 干净 白色 web20 线条 简洁 大图 clearfocus 
style.css 5KB
support.html 7KB js cuf_run.js 59B arial.js 454KB cufon-yui.js 18KB index.html 8KB contact.html 7KB about.html 8KB images 
pic5.jpg 3KB pic6.jpg 2KB
menu.gif 94B logo.gif 2KB img2.jpg 10KB fbg_bg.jpg 378B search_btn.gif 642B pic4.jpg 2KB menu_a.gif 280B pic2.jpg 2KB white.jpg 2KB header_bg.gif 44B pic3.jpg 2KB pic1.jpg 2KB search.gif 276B bg.jpg 20KB img1.jpg 8KB userpic.gif 943B submit.gif 654B li_a.gif 57B blog.html 9KB资源评论
