基于HTML实现的非响应式旅游公司风情小镇(含HTML源代码+使用说明).zip资源-CSDN文库

共38个文件

jpg：16个

gif：8个

js：5个

版权申诉

毕业设计

计算机资料

数据集

23 浏览量 2022-07-03 10:02:03 上传评论收藏 825KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于HTML实现的非响应式旅游公司风情小镇(含HTML源代码+使用说明).zip （38个子文件）

非响应式旅游公司风情小镇模板

Destinations.html 6KB

About.html 6KB

PIE.htc 28KB

Myriad_Pro_600.font.js 21KB

html5.js 1KB

cufon-yui.js 18KB

jquery-1.4.2.js 70KB

cufon-replace.js 97B

Tours.html 7KB

css

style.css 7KB

layout.css 534B

reset.css 815B

Contacts.html 5KB

index.html 7KB

images

page1_img1.jpg 22KB

page4_img1.jpg 30KB

page1_img4.jpg 77KB

line_ver.gif 123B

page3_img1.jpg 29KB

img2.jpg 114KB

bg_footer.jpg 6KB

page1_img3.jpg 26KB

marker_2.gif 362B

tabs_bg.gif 95B

search.gif 1KB

bg.jpg 24KB

bg_form.gif 992B

page1_img2.jpg 19KB

marker_1.gif 359B

marker_3.gif 98B

page1_img5.jpg 84KB

img.jpg 175KB

page4_img2.jpg 32KB

logo.jpg 39KB

top_nav_bg.gif 369B

page2_img1.jpg 31KB

page4_img3.jpg 25KB

text1.jpg 16KB

<!DOCTYPE html> <html lang="en"> <head> <title>Home</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="all"> <link rel="stylesheet" href="css/layout.css" type="text/css" media="all"> <link rel="stylesheet" href="css/style.css" type="text/css" media="all"> <script type="text/javascript" src="js/jquery-1.4.2.js" ></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/cufon-replace.js"></script> <script type="text/javascript" src="js/Myriad_Pro_600.font.js"></script>  </head> <body id="page1"> <div class="extra"> <div class="main">  <header> <div class="wrapper"> <h1><a href="index.html" id="logo">Around the World</a></h1> <div class="right"> <div class="wrapper"> <form id="search" action="" method="post"> <div class="bg"> <input type="submit" class="submit" value=""> <input type="text" class="input"> </div> </form> </div> <div class="wrapper"> <nav> <ul id="top_nav"> <li><a href="#">Register</a></li> <li><a href="#">Log In</a></li> <li><a href="#">Help</a></li> </ul> </nav> </div> </div> </div> <nav> <ul id="menu"> <li><a href="index.html" class="nav1">Home</a></li> <li><a href="About.html" class="nav2">About Us </a></li> <li><a href="Tours.html" class="nav3">Our Tours</a></li> <li><a href="Destinations.html" class="nav4">Destinations</a></li> <li class="end"><a href="Contacts.html" class="nav5">Contacts</a></li> </ul> </nav> <article class="col1"> <ul class="tabs"> <li><a href="#" class="active">Flight</a></li> <li><a href="#">Hotel</a></li> <li><a href="#">Car</a></li> <li class="end"><a href="#">Cruise</a></li> </ul> <div class="tabs_cont"> <form id="form_1" action="" method="post"> <div class="bg"> <div class="wrapper"> <div class="radio"> <input type="radio" name="name1" checked>Round trip </div> <div class="radio"><input type="radio" name="name1">One way</div> </div> <a href="#">Multiple destinations</a> <div class="wrapper"><input type="text" class="input">From</div> <div class="wrapper"><input type="text" class="input">To</div> <div class="wrapper check_box"><input type="checkbox" checked ><a href="#">Search nearby airports</a></div> <div class="wrapper"><input type="text" class="input input2" value="04/11/2010" onblur="if(this.value=='') this.value='04/11/2010'" onfocus="if(this.value =='04/11/2010' ) this.value=''">Depart (mm/dd/yy)</div> <div class="wrapper pad_bot1"><input type="text" class="input input2" value="04/11/2010" onblur="if(this.value=='') this.value='04/11/2010'" onfocus="if(this.value =='04/11/2010' ) this.value=''">Return (mm/dd/yy)</div> <div class="wrapper"> <div class="radio"><input type="radio" name="name2" checked>Economy cabin</div> <div class="radio end"><input type="radio" name="name2">Business</div> </div> <div class="wrapper pad_bot1"> <a href="#" class="button" onclick="document.getElementById('form_1').submit()">Search</a> Audlts <select><option>1</option></select> </div> </div> </form> </div> </article> <article class="col1 pad_left1"> <div class="text"> <img src="images/text1.jpg" alt=""> <h2>The Best Offers</h2> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.</p> <a href="#" class="button">Read More</a> </div> </article> <div class="img"><img src="images/img.jpg" alt=""></div> </header><div class="ic">More Website Templates at TemplateMonster.com!</div>   <section id="content"> <article class="col1"> <h3>Hot Travel</h3> <div class="pad"> <div class="wrapper under"> <figure class="left marg_right1"><img src="images/page1_img1.jpg" alt=""></figure> <p class="pad_bot2"><strong>Italy<br>Holidays</strong></p> <p class="pad_bot2">Lorem ipsum dolor sit amet, consect etuer adipiscing.</p> <a href="#" class="marker_1"></a> </div> <div class="wrapper under"> <figure class="left marg_right1"><img src="images/page1_img2.jpg" alt=""></figure> <p class="pad_bot2"><strong>Philippines<br>Travel</strong></p> <p class="pad_bot2">Lorem ipsum dolor sit amet, consect etuer adipiscing.</p> <a href="#" class="marker_1"></a> </div> <div class="wrapper"> <figure class="left marg_right1"><img src="images/page1_img3.jpg" alt=""></figure> <p class="pad_bot2"><strong>Cruise<br>Holidays</strong></p> <p class="pad_bot2">Lorem ipsum dolor sit amet, consect etuer adipiscing.</p> <a href="#" class="marker_1"></a> </div> </div> </article> <article class="col2 pad_left1"> <h2>Popular Places</h2> <div class="wrapper under"> <figure class="left marg_right1"><img src="images/page1_img4.jpg" alt=""></figure> <p class="pad_bot2"><strong>Hotel du Havre</strong></p> <p class="pad_bot2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </p> <p class="pad_bot2"><strong>Nemo enim ipsam voluptatem</strong> quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p> <a href="#" class="marker_2"></a> </div> <div class="wrapper"> <figure class="left marg_right1"><img src="images/page1_img5.jpg" alt=""></figure> <p class="pad_bot2"><strong>Hotel Vacance</strong></p> <p class="pad_bot2">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa.</p> <p class="pad_bot2">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda.</p> <a href="#" class="marker_2"></a> </div> </article> </section>  </div> <div class="block"></div> </div> <div class="body1"> <div class="main">  <footer> <a rel="nofollow" href="http//www.html5xcss3.com/" target="_blank">Free HTML5 Templates</a> designed by TemplateMonster.com<br> </footer>  </div> </div> <script type="text/javascript"> Cufon.now(); </script> </body> </html>

评论收藏

内容反馈

版权申诉