-
Notifications
You must be signed in to change notification settings - Fork 0
/
infomation.html
252 lines (230 loc) · 8.62 KB
/
infomation.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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Yoga B&B | 享宿資訊</title>
<link rel="short icon" href="./images/icon.svg">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/all.css">
<link rel="stylesheet" href="./css/style.css">
<link href="./css/dist/hamburgers.css" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
</head>
<body>
<header>
<nav>
<h1><a href="index.html">Yoga B&B</a></h1>
<button class="hamburger hamburger--slider" type="button" id="menu">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
<ul id="navi">
<li class="moreyoga">
<a href="aboutus.html">關於享宿</a>
<ul class="sub_nav">
<li><a href="yoga_a.html">瑜珈課程</a></li>
<li><a href="yoga_f.html">瑜珈設施</a></li>
</ul>
</li>
<li class="sub_nav_none"><a href="yoga_a.html">- 瑜珈課程 -</a></li>
<li class="sub_nav_none"><a href="yoga_f.html">- 瑜珈設施 -</a></li class="sub_nav_none">
<li><a href="rooms.html">房型介紹</a></li>
<li><a href="photowall.html">享宿相廊</a></li>
<li class="p_on"><a href="infomation.html">享宿資訊</a></li class="p_on">
<!-- <div class="clearfix"></div> -->
</ul>
<div class="clearfix"></div>
</nav>
<div class="clearfix"></div>
</header>
<div class="wrap">
<div class="info_title">
<h2><img src="./images/title_line.png" alt=""> 享宿資訊 <img src="./images/title_line.png" alt=""></h2>
</div>
<div class="information_content">
<div class="bnb_location">
<div class="ourmap">
<div>
<a href="https://goo.gl/maps/Aj5vwNBA6qDvtRZh8" target="_blank" class="ourmap"></a>
<img src="./images/map_location.png" class="map_location">
</div>
<div class="our_contact">
<div>
<div class="our_contact_L" data-aos="zoom-in-left" data-aos-delay="200">
<div class="contact_icon contact_icon_1"></div>
<p class="our_contact_p">地址：苗栗縣三義鄉龍騰村5鄰外庄31號</p>
</div>
<div class="our_contact_R" data-aos="zoom-in-left" data-aos-delay="400">
<div class="contact_icon contact_icon_2"></div>
<p class="our_contact_p">電話：0911-222-333</p class="our_contact_p">
</div>
<div class="our_contact_L" data-aos="zoom-in-left" data-aos-delay="600">
<div class="contact_icon contact_icon_3"></div>
<p class="our_contact_p">Email：yogabnb@gmail.com</p class="contact_icon_1">
</div>
<div class="our_contact_R" data-aos="zoom-in-left" data-aos-delay="800">
<div class="contact_icon contact_icon_4"></div>
<p class="our_contact_p">Line：yogabnb_2019</p class="our_contact_p">
</div>
</div>
</div>
<!-- <div class="clearfix"></div> -->
</div>
<div class="location">
<div class="location_card">
<div><img src="./images/icon-location-02.png" alt="" data-aos="zoom-in">
<p class="trans_title">大眾運輸</p>
</div>
<p class="trans_text trans_text_li">
<!-- <div> -->
．臺中航空站，約距離 30 公里<br>
．豐原火車站，約距離 18 公里<br>
．泰安火車站，約距離 8.1 公里<br>
．龍騰公車站，約距離 2.7 公里<br>
<!-- ．豐原火車站轉乘計程車約 34 分鐘<br> -->
<!-- </div> -->
</p>
</div>
<div class="location_card card_R">
<div>
<img src="./images/icon-location-03.png" alt="" class="car" data-aos="zoom-in">
<p class="trans_title">自行開車</p>
</div>
<p class="trans_text">請於 Google 導航定位定位輸入「龍騰斷橋」，照著地圖駛約 5 分鐘內即可到達，若導航途中有問題，煩請與民宿聯絡。</p>
</div>
<div class="location_card">
<div>
<img src="./images/icon-location-01.png" alt="" class="parking" data-aos="zoom-in">
<p class="trans_title">停車資訊</p>
</div>
<p class="trans_text">民宿內提供每房住戶一格停車位，地點位於民宿對面空地，門口有標明「享宿瑜家」，請照指示停車。</p>
</div>
</div>
</div>
<div class="bnb_live_info info_top" data-aos="fade-up">
<div class="bnb_live_info_text">
<ul>
<li>入住時間：15:00 ~ 18:00；須事先與旅宿預約入住時間</li>
<li>退房時間：12:00 前；請遵守旅宿規定之退房時間</li>
<li>早餐供應時間：09:00 ~ 10:00</li>
<li>晚餐供應時間：18:30 ~ 20:30</li>
<li>為維護住宿品質，禁止攜帶寵物</li>
<li>為保障客人隱私，僅招待當天訂房的旅人，不對外開放參觀</li>
<li>環境自然樸質，難免有小昆蟲作伴</li>
<li>貴重物品請自行保管，旅宿無法負保管責任</li>
<li>請隨手關閉燈具和電器用品</li>
<li>請勿搬弄、破壞、取走房內物品，若有損壞遺失，將照價索取賠償</li>
<li>室內全面禁止吸菸，若有抽菸需求可至室外</li>
<li>禁止吸毒、酗酒、賭博、大聲喧嘩、鬧事及任何不法行為；若有違法之情形，旅宿有權終止住房權利並索取賠償，且將報警處理</li>
</ul>
</div>
<h3>入住須知</h3>
</div>
<div class="bnb_live_info info_bot" data-aos="fade-up">
<h3>設備服務</h3>
<div class="bnb_live_info_text">
<p class="bnb_live_faci_title">共享設備</p>
<ul>
<li>戶外：草坪、花園、庭院、露台院子、游泳池、停車場</li>
<li>飲品茶點：咖啡</li>
<li>家電用品：冷氣、膠囊咖啡機</li>
<li>室內空間：大廳、餐廳</li>
<li>其他：無線網路、雜誌、書籍</li>
</ul>
<p class="bnb_live_faci_title">服務內容</p>
<ul>
<li>代叫計程車</li>
<li>旅遊諮詢服務</li>
<li>外語接待服務： 英語</li>
<li>瑜珈課程諮詢</li>
<li>設有室外停車位</li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<div class="footer_content">
<div class="footer_box">
<p>享宿瑜家</p>
<a href="index.html">享宿首頁</a>
<a href="aboutus.html">關於享宿</a>
<a href="#">線上訂房 </a>
<a href="photowall.html">享宿相廊</a>
</div>
<div class="footer_box">
<p>聯絡我們</p>
<a href="#">地址：367苗栗縣三義鄉龍騰村5鄰外庄31號</a>
<a href="#">電話：0911-222-333</a>
<a href="#">Email：yogabnb@gmail.com</a>
<a href="#">Line：yogabnb_2019</a>
</div>
<div class="footer_icon">
<p>關注我們</p>
<div>
<a href="#" class="f_community"><img src="./images/social media icons_fb.png" alt=""></a>
<a href="#" class="f_community"><img src="./images/social media icons_ig.png" alt=""></a>
<a href="#" class="f_community"><img src="./images/social media icons_line.png" alt=""></a>
<a href="#" class="f_community"><img src="./images/social media icons_yt.png" alt=""></a>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
</footer>
<!-- NAV下滑陰影 -->
<script>
var header_active = function () {
// 取得使用者滑了多少 px
var scroll_top = $(window).scrollTop();
// 將 scroll_top 數值放到 p.-pos 內容
$("p.-pos").html(scroll_top);
if (scroll_top >= 100) {
$("header").addClass("header-on");
} else {
$("header").removeClass("header-on");
}
};
$(function () {
// 第三步：偵測頁面滑動時會觸發
$(window).scroll(function () {
header_active();
});
});
</script>
<!-- Hamburger變化 -->
<script>
// Look for .hamburger
var hamburger = document.querySelector(".hamburger");
// On click
hamburger.addEventListener("click", function () {
// Toggle class "is-active"
hamburger.classList.toggle("is-active");
// Do something else, like open/close menu
});
</script>
<!-- nav選單縮放 -->
<script>
$(function () {
// 點擊按鈕，選單縮放
$("#menu").on("click", function () {
$("#navi").slideToggle();
});
});
</script>
<!-- animation -->
<script>
AOS.init({
duration: 1500,
once: true,
mirror: false
});
</script>
</body>
</html>