气派的建筑公司网站模板是一款黄昏下的大城市网站模板下载。_html网站模板_网页源码移动端前端_H5模板

共36个文件

jpg：15个

js：8个

html：5个

需积分: 5 72 浏览量 2023-08-05 15:05:02 上传评论收藏 1.76MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

气派的建筑公司网站模板是一款黄昏下的大城市网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响应式.rar （36个子文件）

气派的建筑公司网站模板是一款黄昏下的大城市网站模板下载。

moban235

booking.html 12KB

JFCore.js 137KB

responsiveslides.min.js 3KB

JFForms.js 4KB

easing.js 5KB

move-top.js 1KB

modernizr.custom.js 9KB

jquery.min.js 92KB

jquery-ui.js 440KB

css

style.css 28KB

JFFormStyle-1.css 2KB

jquery-ui.css 31KB

bootstrap.css 118KB

mail.html 6KB

index.html 9KB

about.html 7KB

images

2.jpg 41KB

logo1.png 4KB

up-arrow.png 4KB

10.jpg 71KB

menu.png 511B

14.jpg 57KB

6.jpg 67KB

15.jpg 54KB

1.jpg 687KB

12.jpg 128KB

13.JPG 19KB

plane.jpg 64KB

8.jpg 46KB

11.jpg 21KB

3.jpg 195KB

7.jpg 86KB

icon.png 538B

9.jpg 59KB

4.jpg 89KB

news.html 8KB

<!DOCTYPE html> <html> <head> <title>Home</title> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">  <link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'> <link href='#css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>   <script src="js/jquery.min.js"></script> <script src="js/modernizr.custom.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <script src="js/modernizr.custom.js"></script>  <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script>  </head> <body> <div class="head-bg green">  <div class="container"> <div class="head-logo"> <a href="index.html"><img src="images/logo1.png" alt="" /></a> </div> <div class="top-nav"> <span class="menu"><img src="images/menu.png" alt=""></span> <ul class="cl-effect-1"> <li><a href="index.html">HOME</a></li> <li><a href="about.html">ABOUT</a></li> <li><a href="booking.html">BOOKING</a></li> <li><a href="news.html">NEWS</a></li> <li><a href="mail.html">MAIL US</a></li> </ul>  <script> $( "span.menu" ).click(function() { $( "ul.cl-effect-1" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  </div> <div class="clearfix"> </div> </div>  </div>  <div class="booking">  <div class="container"> <div class="booking-info"> <h3>booking</h3> </div> <div class="booking-form">  <link rel="stylesheet" href="css/jquery-ui.css" /> <script src="js/jquery-ui.js"></script> <script> $(function() { $( "#datepicker,#datepicker1" ).datepicker(); }); </script>  <link type="text/css" rel="stylesheet" href="css/JFGrid.css" /> <link type="text/css" rel="stylesheet" href="css/JFFormStyle-1.css" /> <script type="text/javascript" src="js/JFCore.js"></script> <script type="text/javascript" src="js/JFForms.js"></script>  <script type="text/javascript"> (function() { JC.init({ domainKey: '' }); })(); </script> <div class="online_reservation"> <div class="b_room"> <div class="booking_room"> <div class="reservation"> <ul> <li class="span1_of_1 left"> <h5>From</h5> <div class="book_date"> <form> <input type="text" placeholder="Type Depature City" required=""> </form> </div> </li> <li class="span1_of_1 left"> <h5>To</h5> <div class="book_date"> <form> <input type="text" placeholder="Type Destination City" required=""> </form> </div> </li> <li class="span1_of_1 left"> <h5>Arrival</h5> <div class="book_date"> <form> <input class="date" id="datepicker" type="text" value="2/08/2013" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '2/08/2013';}" required=> </form> </div> </li> <li class="span1_of_1 left"> <h5>Depature</h5> <div class="book_date"> <form> <input class="date" id="datepicker1" type="text" value="22/08/2013" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '22/08/2013';}" required=> </form> </div> </li> <li class="span1_of_1"> <h5>Class</h5>  <div class="section_room"> <select id="country" onchange="change_country(this.value)" class="frm-field required"> <option value="null">Economy</option> <option value="null">Business</option> <option value="AX">First Class</option> <option value="AX">Premium Economy</option> </select> </div> </li> <li class="span1_of_3"> <div class="date_btn"> <form> <input type="submit" value="Find Flight" /> </form> </div> </li> <div class="clearfix"></div> </ul> </div> </div> <div class="clearfix"></div> </div> </div>  </div> <div class="clearfix"></div> <div class="booking-grids"> <h3>WE ARE PROVIDE</h3> <div class="col-md-7 booking-grid-left"> <h4>QUISQUE LECTUS IPSUM, FERMENTUM EU SODALES NON, AUCTOR IN MAURIS. NULLA PRETIUM CURSUS NULLA, AC RUTRUM MAGNA LAOREET EU.</h4> <p>Maecenas ultricies molestie efficitur. Maecenas bibendum tincidunt nulla at scelerisque. Fusce sodales nibh ex. Proin vel commodo neque. In congue neque ac venenatis aliquam. Sed vestibulum cursus velit faucibus tempor. Maecenas posuere pellentesque erat, vel auctor mauris fringilla ac. Proin euismod orci nec felis efficitur, a pulvinar nisl viverra. Etiam eu finibus ipsum, id molestie nunc</p> <p>Maecenas ultricies molestie efficitur. Maecenas bibendum tincidunt nulla at scelerisque. Fusce sodales nibh ex. Proin vel commodo neque. In congue neque ac venenatis aliquam.Maecenas bibendum tincidunt nulla at scelerisque.</p> <div class="read-more red"> <a href="#">Read More >></a> </div> </div> <div class="col-md-5 booking-grid-right"> <img src="images/11.jpg" alt=""> </div> <div class="clearfix"> </div> </div> </div>  <div class="how-to">  <div class="container"> <div class="how-to-info"> <h3>HOW TO BOOK</h3> <h4>Quisque lectus ipsum, fermentum eu sodales non, auctor in mauris. Nulla pretium cursus nulla, ac rutrum magna laoreet eu. Phasellus vel est vel odio finibus lacinia. Donec a diam dictum, elementum ipsum et, pulvina </h4> <p>Duis vulputate auctor libero, eget viverra ante dapibus sit amet. Vestibulum auctor pellentesque enim, sed ornare metus vehicula eu. Etiam rhoncus eu urna ac feugiat. Praesent sed tempor urna, laoreet dignissim est. Aenean nec justo vitae arcu consequat lobortis. Sed iaculis et dui eu sollicitudin. Morbi id felis porttitor tellus viverra pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam cursus leo nec enim vulputate finibus. Nulla at dui

评论收藏

内容反馈