漂亮大气的软件产品CSS模板_漂亮大气软件精品产品企业web20蓝色渐变全屏_html网站模板

共14个文件

gif：11个

jpg：1个

html：1个

网站模板

153 浏览量 2023-08-06 12:15:43 上传评论收藏 65KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

漂亮大气的软件产品CSS模板_漂亮大气软件精品产品企业 web20 蓝色渐变全屏_html网站模板_网页.rar （14个子文件）

漂亮大气的软件产品CSS模板_漂亮大气软件精品产品企业 web20 蓝色渐变全屏

Internet_Encyclopedia

css

style.css 5KB

index.html 5KB

images

menu.gif 1KB

feature_img.gif 11KB

footer.gif 9KB

item.gif 6KB

dot.gif 44B

bg.gif 651B

search.gif 551B

bg.jpg 29KB

box.gif 177B

bullet_hover.gif 352B

bullet.gif 60B

featured.gif 12KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="author" content="Luka Cvrk - www.moobnn.com" /> <meta name="description" content="Site Description" /> <meta name="keywords" content="site, keywords" /> <meta name="robots" content="index, follow" /> <link rel="stylesheet" type="text/css" media="screen" href="css/style.css" /> <title>Internet Encyclopedia − Free Template by moobnn.com.com</title> </head> <body> <div class="wrap background"> <div id="search"> <form action=""> <fieldset> <input type="text" class="field" value="Search Keywords" /> <input type="submit" class="button" value="" /> </fieldset> </form> </div> <ul id="menu"> <li><a class="current" href="#">HOME</a></li> <li><a href="#">ARTS</a></li> <li><a href="#">BIOGRAPHY</a></li> <li><a href="#">GEOGRAPHY</a></li> <li><a href="#">HISTORY</a></li> <li><a href="#">MATHEMATICS</a></li> <li><a href="#">SCIENCE</a></li> </ul> <div id="logo"> <h1><a href="#">Internet<br />Encyclopedia</a></h1> <h2 id="slogan">Hunger for Knowledge</h2> </div> <ul id="feature_menu"> <li><a class="current" href="#">DID YOU KNOW...</a></li> <li><a href="#">ON THIS DAY</a></li> <li><a href="#">FEATURED CONTENT</a></li> </ul> <div id="feature"> <img src="images/feature_img.gif" alt="Featured" /> <p>Mauris magna sem, pellentesque sit amet, nonummy vel, nonummy id, velit. Mauris facilisis, quam ut semper adipiscing, magna diam laoreet ante, ac varius massa dolor sit amet augue.</p> <p><a class="more" href="#">¬ READ MORE</a></p> </div> <div class="clear"></div> <div id="left"> <h2><a href="#">Today's featured article</a></h2> <p class="date"><span>18th</span><br />July</p> <p class="subtitle">Aenean justo nisl, luctus sit amet, malesuada ac, dignissim ac, eros</p> <p>Maecenas libero neque, volutpat sit amet, varius et, <em>pretium quis</em>, purus. Nulla ut magna. Nunc nec dui eget erat vulputate sagittis. Suspendisse fermentum odio. Mauris magna sem, pellentesque sit amet, nonummy vel, nonummy id, velit. <a href="#">Mauris facilisis quam ut semper adipiscing</a>, magna diam laoreet ante, ac varius massa dolor sit amet augue. Vivamus purus. Integer consequat. Nunc et nunc. <a href="#">Phasellus augue</a> diam, vestibulum non, iaculis eget, tristique sed, lectus. Sed pede. Nullam egestas ante a mauris. Aliquam metus turpis, luctus ac, sagittis eget, elementum tincidunt, massa. Aenean justo nisl, luctus sit amet, malesuada ac, dignissim ac, eros nec dui eget erat vulputate sagittis.</p> <p><a class="more" href="#">¬ READ MORE</a> <a class="more" href="#">¬ COMMENT [12]</a> <a class="more" href="#">¬ SHARE</a> </p> </div> <div id="side"> <div class="boxtop"></div> <div class="box"> <h3>POPULAR ARTICLES</h3> <a href="#"> <span class="item"> <span class="sidedate">4.5<br /><span>RATING</span></span> <strong>Lorem ipsum dolor sit amet</strong><br />Consectetuer adipiscing elit. </span> </a> <a href="#"> <span class="item"> <span class="sidedate">4.5<br /><span>RATING</span></span> <strong>Suspendisse odio orci</strong><br />Nam tortor libero, dictum vulputate. </span> </a> <a href="#"> <span class="item last"> <span class="sidedate">4.5<br /><span>RATING</span></span> <strong>Aliquam metus turpis luctus ac</strong><br />Suspendisse egestas fringilla odio. </span> </a> </div> <div class="boxbottom"></div> </div> <p id="ad">Suspendisse egestas fringilla odio. Donec lacinia tristique ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam blandit ultricies nisl. Nullam dapibus, mauris id scelerisque feugiat, sapien augue porta ipsum, ut blandit tellus enim vel mauris. Praesent accumsan metus vel. </p> </div> <div id="promo"> <div class="wrap"> <div class="col"> <img id="featured" src="images/featured.gif" alt="Featured Image" /> </div> <div class="col"> <h2>About moobnn.com</h2> <p>moobnn.com offers a selection of some of the hottest web templates available. Looking for a free web template, commercial one, or an inspiration? You'll find it on <a href="http://www.moobnn.com" title="Free Templates">moobnn.com</a>.</p> </div> <div class="col last"> <h2>Like this template?</h2> <p>If you liked this template, you might like some other Free CSS Templates from <a href="http://www.moobnn.com" title="Information Architecture and Web Design">moobnn.com</a>.</p> </div> <div id="footer"> <p>Copyright © 2008 − Internet Encyclopedia − Design: Luka Cvrk, <a title="Awsome Web Templates" href="http://www.moobnn.com/">moobnn.com</a></p> </div> </div> </div> </body> </html>

评论收藏

内容反馈