自适应式国外旅馆在线预订服务类网站html源码模板资源-CSDN文库

共39个文件

png：22个

js：9个

jpg：4个

html

html5

需积分: 1 92 浏览量 2023-06-28 01:58:36 上传评论收藏 581KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

国外旅馆在线预订服务类网站.rar （39个子文件）

国外旅馆在线预订服务类网站

menu_jquery.js 1KB

responsiveslides.min.js 3KB

easing.js 5KB

move-top.js 1KB

wow.min.js 5KB

jquery.js 251KB

jquery.flexisel.js 8KB

jquery.min.js 92KB

myscript.js 312B

css

style.css 23KB

animate.css 67KB

bootstrap.css 118KB

index.html 17KB

images

down.png 849B

themes.png 652B

n.png 4KB

arrow.png 4KB

money.png 5KB

tech.png 5KB

menu.png 608B

banner.jpg 185KB

logo.png 5KB

button.png 4KB

ball.png 2KB

rthk.png 6KB

glass.png 4KB

crowd.png 5KB

week.png 5KB

hk.png 3KB

banner-house.jpg 44KB

ba-white.jpg 66KB

chair.png 4KB

white.png 3KB

bag.png 5KB

whi.png 3KB

dav.png 9KB

city.jpg 63KB

yahoo.png 5KB

sac.png 9KB

<!DOCTYPE html> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />  <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> </script>  <script src="js/jquery.min.js"></script> <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script src="js/menu_jquery.js"></script>   <link href="css/animate.css" rel="stylesheet" type="text/css" media="all"> <script src="js/wow.min.js"></script> <script> new WOW().init(); </script>  </head> <body>  <div class="header"> <div class="container"> <div class="logo"> <a href="index.html"><img src="images/logo.png"></a> </div> <div class="top-nav"> <div class="top-nav-left"> <span class="menu"> </span> <ul> <li><a href="#home">home</a></li> <li><a href="#works" class="scroll">our works</a></li> <li><a href="#Properties" class="scroll">Properties</a></li> <li><a href="#projects" class="scroll" >Featured project</a></li> <li><a href="#Community" class="scroll">Community</a></li> <div class="clearfix"> </div> </ul> </div>  <script> $("span.menu").click(function(){ $(".top-nav-left ul").slideToggle(500, function(){ }); }); </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>  <div class="top-nav-right"> <div id="loginContainer"><a href="#" id="loginButton"><span>Login</span></a> <div id="loginBox"> <form id="loginForm"> <fieldset id="body"> <fieldset> <label for="email">Email Address</label> <input type="text" name="email" id="email"> </fieldset> <fieldset> <label for="password">Password</label> <input type="password" name="password" id="password"> </fieldset> <input type="submit" id="login" value="Sign in"> <label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label> </fieldset> <span><a href="#">Forgot your password?</a></span> </form> </div> </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> </div> </div> </div>    <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider4").responsiveSlides({ auto: true, pager: true, nav: true, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script>   <div id="top" class="callbacks_container" id="home"> <ul class="rslides" id="slider4"> <li> <img src="images/banner.jpg" alt=""> <div class="caption bounceInDown" > <div class="slide-text-info"> <h1>Intellectual Property has the Shelf Life</h1> <p>of a Banana.</p> <a class="banner-btn wow bounceIn" data-wow-delay="0.4s" href="#">Become a Member</a> </div> </div> </li> <li> <img src="images/banner.jpg" alt=""> <div class="caption"> <div class="slide-text-info bounceInDown" > <h1>Intellectual Property has the Shelf Life</h1> <p>of a Banana.</p> <a class="banner-btn wow bounceIn" data-wow-delay="0.4s" href="#">Become a Member</a> </div> </div> </li> <li> <img src="images/banner.jpg" alt=""> <div class="caption"> <div class="slide-text-info bounceInDown" > <h1>Intellectual Property has the Shelf Life</h1> <p>of a Banana.</p> <a class="banner-btn wow bounceIn" data-wow-delay="0.4s" href="#">Become a Member</a> </div> </div> </li> </ul> </div> <div class="clearfix"> </div>    <div class="content"> <div class="container"> <div id="works" class="content-work"> <div class="content-top"> <img class="ball wow bounceIn" data-wow-delay="0.4s" src="images/ball.png"> <h2> our work is the presentation of our capabilities</h2> <p class="para"> "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p> <p class="para-p">ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p> </div> <div class="content-top-top wow bounceIn" data-wow-delay="0.4s"> <div class="list"> <ul class="tabs-menu"> <li class="col-md-4 current"><a href="#tab-1"> <label class="circle">1</label> <h3 class="circle_desc">Simple</h3> <div class="clearfix"></div> </a> </li> <li class="col-md-4"><a href="#tab-2"> <label class="circle">2</label> <h3 class="circle_desc">Transparent</h3> <div class="clearfix"></div> </a> </li> <li class="col-md-4"><a href="#tab-3"> <label class="circle">3</label> <h3 class="circle_desc">Collaborative</h3> <div class="clearfix"></div> </a> </li> <div class="clearfix"></div> </ul> </div> </div> <div class="tab"> <div class="content-top-bottom" id="tab-1"> <div class="col-md-4 glasses"> <img src="images/glass.png"> </div> <div class=" col-md-8 top-img-para"> <h4>Browse projects,like booking a hotel online!</h4> <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </div> <div class="clearfix"> </div> </div> <div class="content-top-bottom" id="tab-2"> <div class="col-md-4 glasses"> <img src="images/glass.png"> </div> <div class=" col-md-8 top-img-para"> <h4>Browse projects,like booking a hotel online!</h4> <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veni

评论收藏

内容反馈