<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<title>首页</title>
<link href="css/slick.css" rel="stylesheet" />
<link href="css/index.css" rel="stylesheet" />
<link href="css/reset.css" rel="stylesheet" />
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/slick.js"></script>
<script src="js/g.js"></script>
</head>
<style>
.banners-pc { height: 720px; display: block; }
.banners-mb { display: none; clear: both; height: 720px; }
.banners-mb div { height: 100%; }
.banners-mb { display: none; }
@media (max-width: 1024px) {
.banners-pc { display: none; }
.banners-mb { margin-top: 60px; display: block; }
}
.hotel_list { margin-top: 60px; }
.hotel_list .list { width: 100%; }
.hotel_list .list li { display: inline-block; float: left; box-sizing: border-box; width: 25%; }
.hotel_list .list li:nth-child(4n+1) { clear: both; }
.hotel_list .list li img { max-width: 100%; }
.hotel_xq .g_cw .list_a li a:hover { color: #999; border-top: solid #90704D 2px; border-bottom: solid #90704D 2px; color: #90704D; }
.news .left .bt h3 { text-align: center; font-size: 22px; color: #999; display: inline-block; width: 50%; box-sizing: border-box; float: left; }
.news .left .bt a { padding: 30px 0; display: block; border-bottom: solid #e6e6e6 1px; }
.news .left .bt .on { background: #90704D; color: #fff; }
.news .left .bt h3:hover a { background: #90704D; color: #fff; }
</style>
<body>
<div class="g_header clearfix">
<div class="bar">
<a href="#" class="menu"><img src="picture/cd.png" /></a>
<p class="logo"><a href="index.html"></a></p>
</div>
<div class="main">
<div class=" g_cw_a">
<a href="index.html" class="logo"></a>
<ul class="nav">
<li>
<a href="index.html" class="on">
<b>网站首页</b>
</a>
</li>
<li>
<a href="about.html">
<b>关于我们</b>
</a>
</li>
<li>
<a href="room.html">
<b>酒店房间</b>
</a>
</li>
<li>
<a href="food.html">
<b>酒店餐饮</b>
</a>
</li>
<li>
<a href="map.html">
<b>酒店分布</b>
</a>
</li>
<li>
<a href="news.html">
<b>公司新闻</b>
</a>
</li>
<li>
<a href="contact.html">
<b>联系我们</b>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="banners-pc">
<div class="frame" style="background: url(images/banner.jpg)no-repeat center center; background-size:cover; width:100%;"> </div>
<div class="frame" style="background: url(images/banner.jpg)no-repeat center center; background-size:cover; width:100%;"> </div>
</div>
<div class="banners-mb" zoom-width="1024" zoom-heigh="720">
<div class="frame" style="background:url(images/banner.jpg) no-repeat center center; background-size:cover; width:100%;"></div>
<div class="frame" style="background:url(images/banner.jpg) no-repeat center center; background-size:cover; width:100%;"></div>
</div>
<script>
(function () {
$('.banners-pc, .banners-mb').slick({ arrows: true, dots: true, slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 4000, speed: 500 });
})();
</script>
<div class="service g_mb clearfix">
<div class="g_cw_a">
<ul class="list">
<li class="a">
<a href="room.html?_ct=商务住宿" target="_blank">
<img class="se_ct_a" src="picture/jd_a.svg">
<img class="se_ct_b" src="picture/jd_b.svg">
<p>商务住宿</p>
</a>
</li>
<li class="b">
<a href="room.html?_ct=贵宾套房" target="_blank">
<img class="se_ct_a" src="picture/gb_a.svg">
<img class="se_ct_b" src="picture/gb_b.svg">
<p>贵宾套房</p>
</a>
</li>
<li class="c">
<a href="food.html?_ct" target="_blank">
<img class="se_ct_a" src="picture/cy_a.svg">
<img class="se_ct_b" src="picture/cy_b.svg">
<p>酒吧餐饮</p>
</a>
</li>
<li>
<a href="room.html?_ct=会议套房" target="_blank">
<img class="se_ct_a" src="picture/hy_a.svg">
<img class="se_ct_b" src="picture/hy_b.svg">
<p>会议房间</p>
</a>
</li>
<li>
<a href="room.html?_ct=休闲娱乐" target="_blank">
<img class="se_ct_a" src="picture/xx_a.svg">
<img class="se_ct_b" src="picture/xx_b.svg">
<p>休闲娱乐</p>
</a>
</li>
<li>
<a class="en" href="map.html?_ct" target="_blank">
<img class="se_ct_a" src="picture/dw_a.svg">
<img class="se_ct_b" src="picture/dw_b.svg">
<p>酒店分布</p>
</a>
</li>
</ul>
</div>
</div>
<div class="about g_mt g_mb clearfix">
<div class="g_cw">
<div class="g_title">
<h3>酒店概况 / </h3>
<h4>HOTEL OVERVIEW</h4>
</div>
</div>
<div class="about_bj g_mb">
<div class="g_cw">
<div class="left">
<h3 class="l1">关于我们商务酒店</h3>
<p class="xh"></p>
<p class="l2">
我们商务酒店，创立于2006年，定位于豪华商务连锁酒店。以打造“城央、商务、雅致”的精品商务连锁酒店为产品理念；驻足于重要商旅城市中心，专
注于宾客需求与体验；倾力打造以品质、高雅、时尚、智能为主题，以快捷准确、尊贵礼遇的对客服务的特点以塑造精品商务型酒店的典范；为中产白领人士提供优质的酒店住宿服务，打造精品商务连锁酒店品牌。
</p>
<button type="button"><a href="about.html?_ct">进一步了解</a></button>
</d
html实现一个五星级酒店的展示网站
需积分: 5 84 浏览量
2022-11-20
15:53:44
上传
评论
收藏 4.18MB ZIP 举报
酒店展示网站.zip （88个子文件） 
Q10大气响应式HTML酒店展示网站(7个页面) css 
reset.css 4KB slick.css 2KB font-awesome.min.css 30KB index.css 31KB images 
banner.jpg 82KB 3.jpg 20KB timg2.jpg 94KB about_bj.jpg 56KB timg4.jpg 68KB timg3.jpg 67KB timg1.jpg 72KB timg.jpg 51KB
food.html 11KB picture 
dw_a.svg 1KB zjjwh211zixuyp6.jpg 115KB about_ct.jpg 92KB rr_ct_h.jpg 60KB bi2b1avt0ts319r.jpg 122KB 9za3xbqfwoe7v8d.jpg 148KB 6xw6kf46q9igkmm.jpg 137KB hy_a.svg 2KB g6hffg6u7exqk1o.jpg 259KB rr_ct_c.jpg 45KB yg74vrh79wim8lj.jpg 100KB r33pmpfhl7ovzhg.jpg 122KB p3nr2ydkq2r58tz.jpg 122KB rr_ct_g.jpg 37KB 4ykn67vizq2yllp.jpg 148KB jt.svg 883B cy_b.svg 3KB n0svxa00cny1tmv.jpg 259KB f4l9eqbunuc2j8t.jpg 98KB vbrsoq35tvw25rq.jpg 89KB aipio1w61x263yy.jpg 254KB dw_b.svg 1KB co_c.svg 1KB jd_b.svg 2KB
bq_ct_a.png 2KB rr_ct_a.jpg 138KB ab_zx_b.svg 2KB rr_ct_f.jpg 82KB fk7cx8udyyo0m3m.jpg 65KB utwvu03qtsyy0ww.jpg 51KB 0harmzy9xt03qwo.jpg 65KB rr_ct_d.jpg 29KB bq_ct_c.png 2KB about_ct_b.jpg 117KB ab_dw_a.svg 3KB gb_a.svg 1KB ne_ct_a.jpg 121KB wyif1270itlgh1v.jpg 148KB hy_b.svg 2KB bq_ct_b.png 2KB b5fv6fqf9yyak9u.jpg 60KB co_b.svg 1KB ehsv0t7pfqcgxu6.jpg 51KB rr_ct_b.jpg 46KB bq_ct_d.png 2KB pf.png 1KB jd_a.svg 2KB ab_hj_b.svg 1KB 4u8z9q5ki4w1r0q.jpg 166KB ab_zx_a.svg 2KB rr_ct_j.jpg 34KB ab_hj_a.svg 1KB logo.png 2KB dw_nei.png 1KB co_d.svg 1KB co_a.svg 2KB ntxazuvyd4jzugi.jpg 165KB cy_a.svg 3KB xx_b.svg 3KB xx_a.svg 3KB 9q059p0jzq05fhd.jpg 122KB cwk2kwq7st3steo.jpg 60KB rm_tb.png 1KB gb_b.svg 1KB ab_dw_b.svg 3KB cd.png 148B rr_ct_e.jpg 38KB room.html 12KB index.html 26KB js g.js 687B jquery-1.11.1.min.js 94KB jquery-ui.min.js 248KB slick.js 86KB map.html 12KB news.html 18KB资源评论
