绿色个性的网页模板_绿色标准web20大气纯色_html网站模板_网页源码移动端前端_H5模板

共22个文件

jpg：8个

html：5个

png：3个

网站模板

120 浏览量 2023-08-06 12:09:58 上传评论收藏 129KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

绿色个性的网页模板_绿色标准 web20 大气纯色_html网站模板_网页源码移动端前端_H5模板_自适应响应式源.rar （22个子文件）

绿色个性的网页模板_绿色标准 web20 大气纯色

greenylife

style.css 4KB

support.html 7KB

cuf_run.js 59B

georgia.js 303KB

cufon-yui.js 18KB

index.html 7KB

contact.html 6KB

about.html 8KB

images

pix5.jpg 2KB

pix4.jpg 2KB

header_bg.jpg 9KB

mainbar_bg.png 1KB

logo.png 24KB

pix2.jpg 2KB

pix6.jpg 2KB

white.jpg 2KB

pix1.jpg 3KB

userpic.gif 943B

pix3.jpg 3KB

submit.gif 654B

menu_a.png 440B

blog.html 9KB

<!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/georgia.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">Name Company</a></h1></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> <div class="clr"></div> </div> </div> <div class="content"> <div class="content_resize"> <div class="mainbar"><div class="submb"> <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> <div class="sidebar"> <div class="gadget"> <h2 class="star">Sidebar 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.moobnn.com">网站模板</a></li> </ul> </div> <div class="gadget"> <h2 class="star">Sponsors</h2> <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>About</h2> <img src="images/white.jpg" width="64" height="64" 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 llorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. <a href="#">Learn more...</a></p> <div class="clr"></div> </div> <div class="col c2"> <h2>Lorem Ipsum</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dui nunc, molestie ut porta et, egestas vel justo. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</p> <ul class="sb_menu"> <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>Image Gallery</h2> <a href="#" class="nobg"><img src="images/pix1.jpg" width="64" height="64" alt="ad" class="ad" /></a> <a href="#" class="nobg"><img src="images/pix2.jpg" width="64" height="64" alt="ad" class="ad" /></a> <a href="#" class="nobg"><img src="images/pix3.jpg" width="64" height="64" alt="ad" class="ad" /></a> <a href="#" class="nobg"><img src="images/pix4.j

评论收藏

内容反馈