网站设计模板-简单英文外贸博客专题模板.zip资源-CSDN文库

共8个文件

jpg：3个

css：2个

png：1个

版权申诉

web开发

网站设计模板

网页设计

HTML5

CCS3

112 浏览量 2023-03-18 18:08:32 上传评论收藏 261KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站设计模板-简单英文外贸博客专题模板.zip （8个子文件）

网站设计模板-简单英文外贸博客专题模板

h5c3_61_wu

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>

评论收藏

内容反馈

版权申诉