-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (167 loc) · 10.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>入住指南</title>
<link rel="stylesheet" href="./css/guide.css">
<script src="./js/jquery-3.6.1.min.js"></script>
<script src="./js/show.js"></script>
<script type="text/javascript">
function fontSize(){
var deviceWidth=document.documentElement.clientWidth>980?980:document.documentElement.clientWidth;
document.documentElement.style.fontSize=(deviceWidth/55)+"px";
}
fontSize();
window.onresize=fontSize;
</script>
</head>
<body>
<div id="wrap">
<!-- 头部 -->
<header class="header">
<nav>
<ul class="nav_ul clear_fix">
<li class="logo"><a href="#">入住指南</a></li>
<li class="slider_btn"><a href="#">侧栏菜单</a></li>
<li><a href="#">铁西小吃街</a><span></span></li>
<li><a href="#">中街步行街</a><span></span></li>
<li class="active"><a href="#">东北大学</a><span></span></li>
</ul>
</nav>
<div>
<div class="banner">
<div class="inner">
<div class="line"></div>
<h1>入住指南</h1>
<div class="line"></div>
<p>微信：xxxx</p>
<p>Email：[email protected]</p>
<p>网站：www.woollive.work</p>
<button>联系我们</button>
<div class="more">更多</div>
</div>
</div>
</div>
</header>
<!-- 中部 -->
<div class="content">
<section class="part_one">
<div class="wraper">
<h2>安宿民宿</h2>
<div class="first_title">吃喝玩乐、网红打卡好去处</div>
<div class="line"></div>
<p>我们已沉浸了民宿市场三年，全心全意服务好每一位顾客。为入住用户提供了全方位服务，满足每一位用户的需求，所以我们更懂您。沈阳周边景点、网红打卡、美食玩乐，我们样样都熟！还等什么？期待与您的每一次相遇！</p>
</div>
<div class="icon">
<span class="item"><img src="./img/1.jpg" alt=""></span>
<span class="item"><img src="./img/2.jpg" alt=""></span>
<span class="item"><img src="./img/3.jpg" alt=""></span>
<span class="item"><img src="./img/4.jpg" alt=""></span>
<span class="item"><img src="./img/5.jpg" alt=""></span>
</div>
</section>
<section class="part_two">
<div class="first clear_fix">
<div class="first_left">
<img src="./img/1.jpg" alt="">
</div>
<div class="first_text">
<h2>东大中国风</h2>
<div class="first_title">紫幅云开五色烟，银冈虚馆尚依然</div>
<p>——这是民国年间描述东北大学校景的赋文
到沈阳做客，何不来感受下民国古校的气息？
民宿 亦是旅行的一部分…
我们已沉浸民宿市场三年。此次我们选择将 东大家属区老楼 改造成民宿
为何是老楼？
这里有“磨剪子刀嘞”的市井气息，有白发学者的闲庭信步，还有冬日街边 热腾腾的包子…
我们认为只有这里，才能体现百年名校的人文和温度。</p>
</div>
</div>
<div class="first clear_fix">
<div class="first_text text_right">
<h2>精选投影房</h2>
<div class="first_title">暮山衔日落，野色动高秋</div>
<p>民宿 是旅行的一部分……
选择房源时 您看重的是什么呢？
舒适的睡眠环境？与众不同的房间布置？
在民宿市场沉浸三年的我们，不断改进各个房源内一切能想到的细节，只为您舒适的停留~</p>
</div>
<div class="first_left">
<img src="./img/2.jpg" alt="">
</div>
</div>
<div class="first clear_fix">
<div class="first_left">
<img src="./img/5.jpg" alt="">
</div>
<div class="first_text">
<h2>中街商点房</h2>
<div class="first_title">紫幅云开五色烟，银冈虚馆尚依然</div>
<p>我们为您准备了地道的沈阳玩法攻略
想知道土著都怎么玩？那你预定试试看^-^</p>
</div>
</div>
</section>
<section class="part_three">
<div class="three_wrap">
<div class="three_text">
<h2>沈阳欢迎您</h2>
<div class="line"></div>
<p style="text-align: center;margin-bottom:20px;">夹路飞尘宿雨消，十年曾此驻龙镳。春风城厥知非远，几处轻寒变柳条。</p>
<p> 沈阳，古称盛京、奉天，辽宁省辖地级市、省会、副省级市、特大城市、沈阳都市圈核心城市，国务院批复确定的中国东北地区的中心城市、中国重要的工业基地和先进装备制造业基地。沈阳是国家历史文化名城，清朝发祥地，素有“一朝发祥地，两代帝王都”之称。1625年，清太祖努尔哈赤迁都于此，皇太极又建盛京城，并在此建立中国清朝，沈阳一跃变为清代两京之一的盛京皇城，开始成为东北中心城市。新中国成立后，沈阳成为中国重要的以装备制造业为主的重工业基地，被誉为“共和国装备部”，有“共和国长子”和“东方鲁尔”的美誉。</p>
</div>
<div class="card_group clear_fix">
<div class="card">
<h2>高清投影</h2>
<p>我们房间为您提供了极米高清投影仪or小米电视等高清投影设备。设备内置部分视频软件，支持在线观看；您也可以自行连接手机，进行投屏播放。快来与小伙伴一起在线影院吧ヽ(ﾟ∀ﾟ)ﾒ(ﾟ∀ﾟ)ﾉ</p>
</div>
<div class="card">
<h2>全家出游</h2>
<p>每个房间都提供三套床品、三张双人床，大部分房间都是单独的两居室。支持家庭or组团出游，相对于酒店需要开多间房，人均成本更实惠！</p>
</div>
<div class="card">
<h2>聚餐做饭</h2>
<p>房间支持做饭，提供电磁炉、煎锅、炒锅、电饭煲、冰箱等厨具，屋内餐具可供4-6人同时用餐。我们不保证提供调味品，但我们会把之前客人留下还ok的留下。房源周边离菜市场很近，食材新鲜且可就近获取。快来喊上爱做菜的小伙伴一起聚餐吧！！！ PS：餐厨具使用完，记得清洁哦\(^o^)/</p>
</div>
<div class="card">
<h2>品质民宿</h2>
<p>屋内床垫都是选取的宜家品质床垫，超软超舒服，品质可查。有睡眠忧虑的小伙伴注意咯！床垫秒杀失眠哦！躺下秒入睡︿(￣︶￣)︿ 床品也是一客一换的，可以放心使用哦~</p>
</div>
<div class="card">
<h2>卫生公示</h2>
<p>屋内床品都是一客一换的，每次保洁打扫完都会拍视频上传平台核验，都是可查的。您也可以在平台的卫生公示相关页面，看到我们提交的卫生图片。</p>
</div>
<div class="card">
<h2>位置便利</h2>
<p>房源位置较为分散，主要分布在中街、东北大学、铁西龙之梦大都会这些网红打卡点周边。交通便利，可地铁、可公交、可自驾，周边医院、景点、商场、小吃街、文化宫应有尽有，且我们也为您提供了详尽的游玩攻略。如果您是自驾过来的，也有详尽便利的停车指引提供给您。</p>
</div>
</div>
</div>
</section>
</div>
<!-- 底部 -->
<div class="footer">
<ul class="share_group">
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
</ul>
<div>© 安宿2022-10</div>
</div>
<div class="mask"></div>
<div class="slider">
<ul>
<li><a href="#"></a>位置</li>
<li><a href="#"></a>图片</li>
<li><a href="#"></a>周边</li>
<li><a href="#"></a>停车</li>
</ul>
</div>
<div class="top">
<p>回到顶部</p>
</div>
</div>
</body>
</html>