毕设&课设&大作业-蓝色旅行预订响应式网页模板-HTML网站源码.zip资源-CSDN文库

共14个文件

png：8个

css：2个

js：2个

版权申诉

HTML

网站源码

JavaScript

64 浏览量 2024-03-29 11:28:23 上传评论收藏 777KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

毕设&课设&大作业-蓝色旅行预订响应式网页模板-HTML网站源码.zip （14个子文件）

毕设&课设&大作业-蓝色旅行预订响应式网页模板-HTML网站源码

html

jquery-1.11.1.min.js 94KB

jquery-ui.js 440KB

css

style.css 15KB

jquery-ui.css 31KB

index.html 6KB

images

date.png 288B

subway1.png 618B

transport68.png 593B

bg.jpg 621KB

6.png 3KB

icons.png 5KB

car80.png 560B

arrow1.png 3KB

6-.png 3KB

<!DOCTYPE html> <html> <head> <title>Book Your Travel Responsive Widget Template | Home :: w3layouts</title> <link href="css/style.css" rel='stylesheet' type='text/css' /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Book Your Travel Widget Responsive, Login form web template, Sign up Web Templates, Flat Web Templates, Login signup Responsive web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />  <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> </script> <script src="js/jquery-1.11.1.min.js"></script>  <link href='//fonts.googleapis.com/css?family=Oleo+Script:400,700' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=ABeeZee' rel='stylesheet' type='text/css'>  </head> <body> <div class="navigation"> <ul class="navig"> <li class="active"><a href="#"><i class="bag"></i><p class="active">Flights</p><div class="clear"></div></a></li> <li class="nab"><a href="#"><i class="gallery"></i><p>Cruises</p><div class="clear"></div></a></li> <li class="naa" ><a href="#"><i class="settings"></i><p>Trains</p><div class="clear"></div></a></li> <li class="nac"><a href="#"><i class="message"></i><p>Cars</p><div class="clear"></div></a></li> <li class="nae"><a href="#"><i class="send"></i><p>Hotels</p><div class="clear"></div></a></li> <li class="nae"><a href="#"><i class="vac"></i><p>Vacations</p><div class="clear"></div></a></li> </ul> </div> <h1>Book Your Travel </h1> <div class="main"> <div class="facts"> <div class="booking-form"> <div class="online_reservation"> <div class="b_room"> <div class="booking_room"> <div class="reservation"> <ul> <li class="span1_of_1 desti"> <h4>Choose your destination </h4> <div class="section_dest"> <select> <option value="0">Destination City</option> <option value="1">Usa</option> <option value="2">London</option> <option value="3">Mexico</option> <option value="4">India</option> </select> </div> </li> </ul> </div> <div class="reservation"> <ul> <li class="span1_of_1"> <h5>Check in date </h5> <div class="book_date"> <form> <input class="date" id="datepicker" type="text" value="19/10/2015" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '19/10/2015';}" required=""> </form> </div> </li> <li class="span1_of_1 left"> <h5>Check out date </h5> <div class="book_date"> <form> <input class="date" id="datepicker" type="text" value="19/10/2015" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '19/10/2015';}" required=""> </form> </div> </li> <div class="clear"></div> </ul> <div class="groups"> <div class="grid_4 columns"> <h5>Rooms</h5> <select class="custom-select" id="select-4"> <option selected="selected">1</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> </div> <div class="grid_5 columns"> <h5>Adults</h5> <select class="custom-select" id="select-5"> <option selected="selected">0</option> <option>0</option> <option>1</option> <option>2</option> <option>3</option> </select> </div> <div class="grid_6 columns"> <h5>Child</h5> <select class="custom-select" id="select-6"> <option selected="selected">0</option> <option>0</option> <option>1</option> <option>2</option> <option>3</option> </select> </div> <div class="clear"></div> </div>  <link rel="stylesheet" href="css/jquery-ui.css" /> <script src="js/jquery-ui.js"></script> <script> $(function() { $( "#datepicker,#datepicker1" ).datepicker(); }); </script>  </div> <div class="date_btn"> <form> <input type="submit" value="Search"> </form> </div> </div> <div class="clear"></div> </div> </div>  </div> </div> </div>  <div class="copy-right"> <div class="wrap"> <p>© 2016 Book Your Travel. All rights Reserved | Design by <a href="http://w3layouts.com">W3layouts</a></p> </div> </div>  </body> </html>

评论收藏

内容反馈

版权申诉