<!DOCTYPE HTML>
<html>
<head>
<title>Hotel</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.min.js"></script>
<!--start slider -->
<link rel="stylesheet" href="css/fwslider.css" media="all">
<script src="js/jquery-ui.min.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<script src="js/fwslider.js"></script>
<!--end slider -->
<!---strat-date-piker---->
<link rel="stylesheet" href="css/jquery-ui.css" />
<script src="js/jquery-ui.js"></script>
<script>
$(function() {
$( "#datepicker,#datepicker1" ).datepicker();
});
</script>
<!---/End-date-piker---->
<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>
<!-- Set here the key for your domain in order to hide the watermark on the web server -->
<script type="text/javascript">
(function() {
JC.init({
domainKey: ''
});
})();
</script>
<!--nav-->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
</head>
<body>
<!-- start header -->
<div class="header_bg">
<div class="wrap">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<div class="h_right">
<!--start menu -->
<ul class="menu">
<li class="active"><a href="index.html">hotel</a></li> |
<li><a href="rooms.html">rooms & suits</a></li> |
<li><a href="reservation.html">reservation</a></li> |
<li><a href="activities.html">activities</a></li> |
<li><a href="contact.html">contact</a></li>
<div class="clear"></div>
</ul>
<!-- start profile_details -->
<form class="style-1 drp_dwn">
<div class="row">
<div class="grid_3 columns">
<select class="custom-select" id="select-1">
<option selected="selected">EN</option>
<option>USA</option>
<option>AUS</option>
<option>UK</option>
<option>IND</option>
</select>
</div>
</div>
</form>
</div>
<div class="clear"></div>
<div class="top-nav">
<nav class="clearfix">
<ul>
<li class="active"><a href="index.html">hotel</a></li>
<li><a href="rooms.html">rooms & suits</a></li>
<li><a href="reservation.html">reservation</a></li>
<li><a href="activities.html">activities</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
<a href="#" id="pull">Menu</a>
</nav>
</div>
</div>
</div>
</div>
<!----start-images-slider---->
<div class="images-slider">
<!-- start slider -->
<div id="fwslider">
<div class="slider_container">
<div class="slide">
<!-- Slide image -->
<img src="images/slider-bg.jpg" alt=""/>
<!-- /Slide image -->
<!-- Texts container -->
<div class="slide_content">
<div class="slide_content_wrap">
<!-- Text title -->
<h4 class="title"><i class="bg"></i>Lorem Ipsum is simply <span class="hide">dummy text</span></h4>
<h5 class="title1"><i class="bg"></i>Morbi justo <span class="hide" >condimentum accumsan</span></h5>
<!-- /Text title -->
</div>
</div>
<!-- /Texts container -->
</div>
<!-- /Duplicate to create more slides -->
<div class="slide">
<img src="images/slider-bg.jpg" alt=""/>
<div class="slide_content">
<div class="slide_content_wrap">
<!-- Text title -->
<h4 class="title"><i class="bg"></i>Morbi justo <span class="hide"> condimentum </span>text</h4>
<h5 class="title1"><i class="bg"></i>Lorem Ipsum is <span class="hide">simply dummy text</span> </h5>
<!-- /Text title -->
</div>
</div>
</div>
<!--/slide -->
</div>
<div class="timers"> </div>
<div class="slidePrev"><span> </span></div>
<div class="slideNext"><span> </span></div>
</div>
<!--/slider -->
</div>
<!--start main -->
<div class="main_bg">
<div class="wrap">
<div class="online_reservation">
<div class="b_room">
<div class="booking_room">
<h4>book a room online</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
</div>
<div class="reservation">
<ul>
<li class="span1_of_1">
<h5>type of room:</h5>
<!----------start section_room----------->
<div class="section_room">
<select id="country" onchange="change_country(this.value)" class="frm-field required">
<option value="null">Select a type of room</option>
<option value="null">Suite room</option>
<option value="AX">Single room</option>
<option value="AX">Double room</option>
</select>
</div>
</li>
<li class="span1_of_1 left">
<h5>check-in-date:</h5>
<div class="book_date">
<form>
<input class="date" id="datepicker" type="text" value="DD/MM/YY" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'DD/MM/YY';}">
</form>
</div>
</li>
<li class="span1_of_1 left">
<h5>check-out-date:</h5>
<div class="book_date">
<form>
<input class="date" id="datepicker1" type="text" value="DD/MM/YY" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'DD/MM/YY';}">
</form>
</div>
</li>
<li class="span1_of_2 left">
<h5>Adults:</h5>
<!----------start section_room----------->
<div class="section_room">
<select id="country" onchange="change_country(this.value)" class="frm-field required">
<option value="null">1</option>
<option value="null">2</option>
<option value="AX">3</option>
<option value="AX">4</option>
</select>
</div>
</li>
<li class="span1_of_3">
<div class="date_btn">
<form>
<input type="submit" value="book now" />
</form>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<!--start grids_of_3 -->
<div class="grids_of_3">
<div class="grid1_of_3">
<div class="grid1_of_3_img">
<a href="details.html">
<img src="images/pic2.jpg" alt="" />
<span class="next"> </span>
</a>
</div>
<h4><a href="#">single room<span>120$</span></a></h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
<div class="grid
Web网页开发中HTML、CSS、JS的网页设计模板（7）
需积分: 0 183 浏览量
2024-02-17
10:47:36
上传
评论
收藏 860KB RAR 举报
网页模板7.rar （48个子文件） 
网页模板7 
details.html 6KB js 
jquery-ui.min.js 232KB JFCore.js 137KB JFForms.js 4KB fwslider.js 9KB css3-mediaqueries.js 16KB jquery.min.js 91KB jquery-ui.js 440KB reservation.html 7KB css fwslider.css 6KB style.css 21KB JFFormStyle-1.css 2KB jquery-ui.css 30KB index.html 10KB rooms.html 7KB contact.html 6KB images 
pic5.jpg 18KB ser_pic7.jpg 30KB
stripe1.png 1KB stripe.png 1KB det_pic.jpg 136KB icon1.png 305B icon4.png 409B logo.png 2KB slider-bg.jpg 60KB pic4.jpg 16KB pic2.jpg 34KB next.png 631B ser_pic2.jpg 30KB pic3.jpg 41KB ser_pic8.jpg 21KB ser_pic1.jpg 32KB icon5.png 288B pic1.jpg 30KB cal-icon.png 598B ser_pic4.jpg 26KB soc_icons.png 5KB ser_pic3.jpg 31KB loginArrow.png 391B sliderarrows.png 2KB icon3.png 538B ser_pic5.jpg 37KB s_icons.png 5KB nav_icon.png 170B ser_pic6.jpg 36KB nav-icon.png 234B icon2.png 426B activities.html 7KB资源评论
Simon学Java
- 粉丝: 214
- 资源: 12
