【免费】HTML+CSS+JS精品网页模板H112.rar资源-CSDN文库

共6个文件

jpg：3个

css：2个

html：1个

html

javascript

需积分: 0 38 浏览量 2024-05-14 23:57:32 上传评论收藏 131KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML+CSS+JS精品网页模板H112.rar （6个子文件）

HTML+CSS+JS精品网页模板H112

index.html 7KB

print.css 328B

images

ad125.jpg 2KB

headerimg.jpg 121KB

milkyway.jpg 5KB

styles.css 3KB

<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>GalaxyDash</title> <link rel="stylesheet" href="styles.css" type="text/css" media="screen" /> <link rel="stylesheet" type="text/css" href="print.css" media="print" />  </head> <body> <div id="wrapper"> <header> <h1><a href="#">Galaxy Dash</a></h1> <h2>Your compelling tag line goes here</h2> <img src="images/headerimg.jpg" width="940" height="200" alt=""> </header> <nav> <div class="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Products</a></li> <li><a href="#">Services</a></li> <li><a href="#">Support</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> </nav> <section id="main"> <aside id="sidebar1"> <h3>Things To Do</h3> <ul> <li><a href="#">Play Games</a></li> <li><a href="#">Chat With Friends</a></li> <li><a href="#">Swap Stories</a></li> <li><a href="#">Sell Stuff</a></li> <li><a href="#">Buy Stuff</a></li> <li><a href="#">Trade Stuff</a></li> </ul> <h3>Sponsors</h3> <img src="images/ad125.jpg" alt="" /><br /><img src="images/ad125.jpg" alt="" /><br /><br /> <h3>Related Articles</h3> <ul> <li><a href="#">Curabitur sodales</a></li> <li><a href="#">Sed dignissim</a></li> <li><a href="#">Fusce nec</a></li> <li><a href="#">Curabitur sodales</a></li> <li><a href="#">Sed dignissim</a></li> <li><a href="#">Fusce nec</a></li> </ul> <h3>Connect With Us</h3> <ul> <li><a href="#">Twitter</a></li> <li><a href="#">Facebook</a></li> </ul> </aside> <section id="content"> <article> <h2><a href="#">First Interesting Section Title</a></h2> <img src="images/milkyway.jpg" alt="" class="alignleft" /><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. <a href="#">Duis sagittis ipsum</a>. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Duo partem graeco repudiare ne, vix cu graeci nostrud blandit. Agam graecis omnesque usu ut, veniam commune ne sit, vide lucilius complectitur at ius.</p> <p>Eu eirmod interesset temporibus eum, sea cu amet reque quaestio. Qui erroribus assentior disputando an, quo quot accumsan menandri te, accumsan aliquando dissentias mei ea. Autem verear molestiae an mel, nominavi expetenda similique sit ei. Commodo utroque scribentur id nam, an ferri eruditi perpetua his, et has esse facer nominavi. Mei et essent dictas aliquip. Saepe eligendi phaedrum ne vix, sit putant eruditi eloquentiam at.</p> </article> <article> <h2><a href="#">Second Section or Article Title</a></h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Usu pericula argumentum repudiandae ea, ut vis deserunt oportere, assum nominavi percipitur ei ius. Nam timeam atomorum philosophia te, ut eum amet laoreet pertinax, an duo error aperiri reformidans. Et alii quas partiendo mei, wisi quaestio convenire et vix.</p> </article> </section> <aside id="sidebar2"> <h3>Stuff</h3> <ul> <li><a href="#">Curabitur sodales</a></li> <li><a href="#">Sed dignissim</a></li> <li><a href="#">Fusce nec</a></li> <li><a href="#">Nulla quis</a></li> </ul> <h3>More Stuff</h3> <ul> <li><a href="#">Blah, blah and all blah</a></li> <li><a href="#">More blah</a></li> </ul> <h3>S'more Goodies</h3> <ul> <li><a href="#">Curabitur sodales</a></li> <li><a href="#">Sed dignissim</a></li> <li><a href="#">Fusce nec</a></li> <li><a href="#">Nulla quis</a></li> <li><a href="#">Curabitur sodales</a></li> <li><a href="#">Sed dignissim</a></li> <li><a href="#">Fusce nec</a></li> <li><a href="#">Nulla quis</a></li> </ul> <h3>Did You Know?</h3> <ul> <li><a href="#">Curabitur sodales</a></li> <li><a href="#">Sed dignissim</a></li> <li><a href="#">Fusce nec</a></li> <li><a href="#">Nulla quis</a></li> <li><a href="#">Curabitur sodales</a></li> <li><a href="#">Sed dignissim</a></li> <li><a href="#">Fusce nec</a></li> <li><a href="#">Nulla quis</a></li> </ul> <h3>FAQ</h3> <ul> <li><a href="#">Curabitur sodales</a></li> <li><a href="#">Sed dignissim</a></li> <li><a href="#">Fusce nec</a></li> <li><a href="#">Nulla quis</a></li> <li><a href="#">Curabitur sodales</a></li> <li><a href="#">Sed dignissim</a></li> <li><a href="#">Fusce nec</a></li> <li><a href="#">Nulla quis</a></li> </ul> </aside> </section> <footer> <section id="footer-area"> <section id="footer-outer-block"> <aside class="footer-segment"> <h4>Friends</h4> <ul> <li><a href="#">one linkylink</a></li> <li><a href="#">two linkylinks</a></li> <li><a href="#">three linkylinks</a></li> </ul> </aside> <aside class="footer-segment"> <h4>Awesome Stuff</h4> <ul> <li><a href="#">one linkylink</a></li> <li><a href="#">two linkylinks</a></li> <li><a href="#">three linkylinks</a></li> </ul> </aside> <aside class="footer-segment"> <h4>Coolness</h4> <ul> <li><a href="#">one linkylink</a></li> <li><a href="#">two linkylinks</a></li> <li><a href="#">three linkylinks</a></li> </ul> </aside> <aside class="footer-segment"> <h4>Blahdyblah</h4> <p>© 2010 <a href="#">yoursite.com</a> Praesent libero. Sed cursus ante dapibus diam. Sed nisi.</p> </aside> </section> </section> </footer> </div>  </body> </html>

评论收藏

内容反馈