网站前端网页源码模板(250).zip资源-CSDN文库

共19个文件

jpg：5个

gif：5个

html：5个

版权申诉

54 浏览量 2021-09-24 22:22:13 上传评论收藏 245KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站前端网页源码模板 (250).zip （19个子文件）

contact.html 6KB

blog.html 8KB

support.html 7KB

1.jpg 61KB

images

bg.gif 159B

menu.gif 124B

img1.jpg 34KB

submit.gif 654B

logo.jpg 7KB

header_bg.jpg 41KB

fbg_bg.gif 96B

userpic.gif 943B

white.jpg 3KB

arial.js 454KB

cufon-yui.js 18KB

cuf_run.js 59B

index.html 7KB

about.html 7KB

style.css 4KB

<!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>Template</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>  </head> <body> <div class="main"> <div class="header"> <div class="header_resize"> <div class="logo"><h1><a href="index.html"><span>Cool</span>Zone<br /><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="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, 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> <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>About</h2> <img src="images/white.jpg" width="66" height="66" 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>Lorem Ipsum</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></li> </ul> </div> <div class="col c3"> <h2>Contact</h2> <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat.</p> <p><strong>Phone:</strong> +1234567<br /> <strong>Address:</strong> 123 TemplateAccess Rd<br /> <strong>E-mail:</strong> <a href="mailto:info@example.com">info@example.com</a></p> </div> <div class="clr"></div> </div> </div> <div class="footer"> <div class="footer_resize">

评论收藏

内容反馈

版权申诉