master

分支 (1)

管理

管理

master

official-website
/
hotel.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>酒店/民宿</title>
	<link rel="stylesheet" href="css/hotel.css">
	<link rel="stylesheet" href="css/nav_style.css">
</head>
<body>
	<div class="header">
		<div class="h_center">
			<ul class="nav">
				<li>
					<a href="depth.html">
						<span>独家深度</span>
					</a>
				</li>
				<li>
					<a href="destination.html">
						<span>目的地</span>
					</a>
				</li>
				<li>
					<a href="community.html">
						<span>社区</span>
					</a>
				</li>
				<li>
					<a href="air.html">
						<span>机票</span>
					</a>
				</li>
				<li>
					<a href="hotel.html">
						<span  style="color:#10b041">酒店/民宿</span>
					</a>
				</li>
			</ul>
		</div>
		<div class="h_right">
			<a href="register.html" target="_blank">
				<span>注册</span>
			</a>
			<a href="login.html" target="_blank">
				<span>登录</span>
			</a>
		</div>
	</div>


	<div class="search">
		<div class="s_title center">
			<p>旅途可以多一种可能。</p>
			<div class="s_link">
				<span>特接酒店</span>
				<span>华人旅馆</span>
			</div>
		</div>
		<div class="s_search center">
			<span class="current">酒店</span>
			<span>民宿</span>
			<div class="ss_input">
				<input type="text" placeholder="想去哪里？" class="where">
				<div class="data">
					<span>入住日期</span>
					<span>-</span>
					<span>退房日期</span>
				</div>
				<input type="button" value="搜索酒店" class="ss_btn">


				<div class="ss_ipt_choose">
					<p>温馨提示：可以直接输入城市的中文、英文来匹配检索</p>
					<div class="list">
						<span>东南亚</span>
							<ul>
								<li>曼谷</li>
								<li>普吉岛</li>
								<li>清迈</li>
								<li>苏梅岛</li>
								<li>甲米</li>
								<li>长滩岛</li>
								<li>兰卡威</li>
								<li>芽庄</li>
								<li>岘港</li>
								<li>暹粒</li>
								<li>薄荷岛</li>
								<li>沙巴</li>
								<li>吉隆坡</li>
							</ul>
					</div>
					<div class="list">
						<span>日韩</span>
							<ul>
								<li>京都</li>
								<li>大阪</li>
								<li>济州岛</li>
								<li>冲绳</li>
								<li>箱根</li>
								<li>札幌</li>
							</ul>
					</div>
					<div class="list">
						<span>港澳台及其他</span>
							<ul>
								<li>香港</li>
								<li>澳门</li>
								<li>台北</li>
								<li>高雄</li>
								<li>马尔代夫</li>
								<li>科伦坡</li>
								<li>新德里</li>
								<li>加德满洲</li>
							</ul>
					</div>
					<div class="list">
						<span>欧洲</span>
							<ul>
								<li>罗马</li>
								<li>巴黎</li>
								<li>布拉格</li>
								<li>佛罗伦萨</li>
								<li>伦敦</li>
								<li>维也纳</li>
								<li>巴塞罗那</li>
								<li>米兰</li>
								<li>马德里</li>
								<li>威尼斯</li>
								<li>慕尼黑</li>
							</ul>
					</div>
					<div class="list">
						<span>东南亚</span>
							<ul>
								<li>曼谷</li>
								<li>普吉岛</li>
								<li>清迈</li>
								<li>苏梅岛</li>
								<li>甲米</li>
								<li>长滩岛</li>
								<li>兰卡威</li>
								<li>芽庄</li>
							</ul>
					</div>
				</div>


			</div>
			<div class="ss_more">
				<span>曼谷</span>
				<span>洛杉矶</span>
				<span>纽约</span>
				<span>旧金山</span>
				<span>东京</span>
				<span>大阪</span>
			</div>
		</div>
	</div>
	<div class="container center">
		<div class="con2">
			<p>跟着电影去旅行</p>
			<div>电影镜头下的异国他乡，永远对旅人有着非凡的吸引力。多瑙河畔的忧郁星期天，罗马街头的阳光与微风，在午夜巴黎寻找黄金时代，到喧闹旺角体会平凡人的英雄梦想，或是干脆放空所有，迷失于东京的霓虹闪烁……</div>
		</div>
		<div class="con3">
			<ul>
				<li>
					<img alt="" src="images/hotel_con3_01.jpg">
					<div>
					<div>
						<span>布达佩斯之恋</span>
						<span>Hudapest</span>
					</div>
					</div>
				</li>
				<li>
					<img alt="" src="images/hotel_con3_02.jpg">
					<div>
					<div>
						<span>罗马假日</span>
						<span>Roma</span>
					</div>
					</div>
				</li>
				<li>
					<img alt="" src="images/hotel_con3_03.jpg">
					<div>
						<div>
							<span>午夜巴黎</span>
							<span>Paris</span>
						</div>
					</div>
				</li>
				<li>
					<img alt="" src="images/hotel_con3_04.jpg">
					<div>
					<div>
						<span>旺角卡门</span>
						<span>Hong Kong</span>
					</div>
					</div>
				</li>
				<li>
					<img alt="" src="images/hotel_con3_05.jpg">
					<div>
					<div>
						<span>迷失东京</span>
						<span>Tokyo</span>
					</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="con5">
			<div class="con5_box1">
				<h3>国外热门酒店预订</h3>
				<ul>
					<li>澳大利亚</li>
					<li>荷兰</li>
					<li>越南</li>
					<li>梵蒂冈</li>
					<li>印度尼西亚</li>
					<li>捷克</li>
					<li>比利时</li>
					<li>菲律宾</li>
					<li>土耳其</li>
					<li>新西兰</li>
					<li>希腊</li>
					<li>俄罗斯</li>
					<li>加拿大</li>
					<li>匈牙利</li>
					<li>阿联酋</li>
					<li>瑞典</li>
					<li>丹麦</li>
					<li>尼泊尔</li>
					<li>葡萄牙</li>
					<li>斯里兰卡</li>
				</ul>
			</div>

			<div class="con5_box1">
				<h3>热门城市酒店预订</h3>
				<ul>
					<li>小樽</li>
					<li>北海道</li>
					<li>棉花堡</li>
					<li>普罗旺斯</li>
					<li>多伦多</li>
					<li>洛桑</li>
					<li>汉堡</li>
					<li>拜县</li>
					<li>大峡谷国家公园</li>
					<li>斯里兰卡康堤</li>
					<li>温哥华</li>
					<li>马赛</li>
					<li>凯恩斯</li>
					<li>布鲁日</li>
					<li>海牙</li>
					<li>苏梅岛</li>
					<li>哈尔施塔特</li>
					<li>岘港</li>
					<li>会安</li>
					<li>格雷梅</li>
				</ul>
			</div>
		</div>
	</div>


	<div class="footer">
		<ul>
		  <li>联系我</li>
		</ul>
		<p>啊啊1222 ABC 123412341234</p>
	  </div>

	<script src='js/jquery-2.0.3.min.js'></script>
	<script src='js/hotel.js'></script>
</body>
</html>