H133国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板

共8个文件

jpg：3个

css：2个

png：1个

网站模板

前端源码

164 浏览量 2023-08-04 09:05:19 上传评论收藏 260KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

H133国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （8个子文件）

H133

index.html 7KB

print.css 328B

images

ad125.jpg 2KB

sunfire.jpg 2KB

bgsel.gif 37B

colbg.png 301B

headerimg.jpg 252KB

styles.css 3KB

<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>SunsetTree</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="#">Sunset Tree</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"> <section id="content"> <article> <h2><a href="#">First Interesting Section Title</a></h2> <img src="images/sunfire.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="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> <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>

评论收藏

内容反馈