-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
316 lines (268 loc) · 9.94 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
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
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./assets/styles/global.css" />
<link rel="stylesheet" href="./assets/styles/reset.css" />
<link rel="stylesheet" href="./assets/styles/navbar.css" />
<link rel="stylesheet" href="./assets/styles/footer.css" />
<link rel="stylesheet" href="./assets/styles/home.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link
href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap"
rel="stylesheet"
/>
<link
rel="icon"
type="image/png"
href="/assets/images/marketing/logo.png"
/>
<title>Wave Hotel</title>
</head>
<body>
<nav class="navbar">
<div class="container">
<a href="#header" class="navbar__logo">
<img src="/assets/images/marketing/logo-transparent.png" />
</a>
<ul>
<li><a href="#services">Services</a></li>
<li><a href="#rooms">Rooms</a></li>
<li><a href="#location">Location</a></li>
</ul>
<button class="button button--primary">Book Now</button>
</div>
</nav>
<header id="header" class="hero-header parallax">
<div class="container">
<h1>The 5 Stars hotel in the city</h1>
</div>
</header>
<section id="services" class="services container">
<div class="section-title services__title">
<h2>Services</h2>
<p>
Welcome to our hotel, where luxury meets comfort and impeccable
service awaits you. We take pride in offering a range of exceptional
services tailored to exceed your expectations and make your stay truly
unforgettable.
</p>
</div>
<div class="services__item">
<img
src="./assets/images/services/hotel-restaurant.jpg"
alt="hotel bar"
/>
<div class="services__description">
<h3>Restaurant</h3>
<span class="services__schedule">
<p>
<i class="fa-solid fa-sun"></i>
11:00 AM - 2:00PM
</p>
<p><i class="fa-solid fa-moon"></i>07:00 PM - 10:00 PM</p>
</span>
<p>
Savor a culinary journey like no other at our renowned restaurants.
Our expert chefs blend local flavors with international influences,
delivering a tantalizing fusion of tastes that will delight even the
most discerning palates. From gourmet cuisine to casual dining
options, we offer an array of culinary experiences to suit every
preference.
</p>
</div>
</div>
<div class="services__item">
<img src="./assets/images/services/hotel-pub.jpg" alt="hotel bar" />
<div class="services__description">
<h3>Bar</h3>
<span class="services__schedule">
<p><i class="fa-solid fa-clock"></i> 08:00 AM - 10:00 PM</p>
</span>
<p>
our bar offers a vibrant and social atmosphere where guests can
unwind and indulge in their favorite beverages. Whether you're in
the mood for a classic cocktail, a glass of fine wine, or a
refreshing craft beer, our skilled bartenders are ready to create
the perfect drink to satisfy your palate
</p>
</div>
</div>
<div class="services__item">
<img
src="./assets/images/services/hotel-gym.jpg"
alt="hotel restaurant"
/>
<div class="services__description">
<h3>Gym</h3>
<span class="services__schedule">
<p><i class="fa-solid fa-clock"></i> 06:00 AM - 10:00 PM</p>
</span>
<p>
Our gym creates an energizing atmosphere where you can exercise at
your own pace. Our knowledgeable staff is always available to assist
you and ensure a safe and fulfilling workout. Take advantage of our
hotel gym and maintain your fitness routine while enjoying your stay
with us!
</p>
</div>
</div>
</section>
<aside class="book-cta">
<h2>An Amazing Experience</h2>
<button class="button button--primary">Book now</button>
</aside>
<section id="rooms" class="catalogue">
<div class="section-title catalogue__title">
<h2>Luxury Accommodations</h2>
<p>
Each room and suite is a haven of relaxation, boasting tasteful décor,
high-quality furnishings, and an array of thoughtful amenities. Our
accommodations are meticulously designed to provide a haven of
relaxation and sophistication for our esteemed guests.
</p>
</div>
<div class="catalogue__items container">
<div class="catalogue__room">
<div class="catalogue__highlight">
<span class="catalogue__stars">
<i class="fa-solid fa-star"></i>
5.0
</span>
<img
src="./assets/images/rooms/hotel-room-1.jpg"
alt="Hotel room 1"
/>
</div>
<p class="catalogue__name">Luxury Room 1</p>
<p class="catalogue__price">$ 150 /night</p>
<p class="catalogue__description">
Queen bed, fridge, air conditionating, 4K 65 inches TV, movie
streaming, WI-fi, towel
</p>
</div>
<div class="catalogue__room">
<div class="catalogue__highlight">
<span class="catalogue__stars">
<i class="fa-solid fa-star"></i>
4.8
</span>
<img
src="./assets/images/rooms/hotel-room-2.jpg"
alt="Hotel room 2"
/>
</div>
<p class="catalogue__name">Luxury Room 2</p>
<p class="catalogue__price">$ 120 /night</p>
<p class="catalogue__description">
Double bed, air conditionating, 4K 55 inches TV, movie streaming,
WI-fi, towel
</p>
</div>
<div class="catalogue__room">
<div class="catalogue__highlight">
<span class="catalogue__stars">
<i class="fa-solid fa-star"></i>
4.9
</span>
<img
src="./assets/images/rooms/hotel-room-3.jpg"
alt="Hotel room 3"
/>
</div>
<p class="catalogue__name">Economic Room 1</p>
<p class="catalogue__price">$ 100 /night</p>
<p class="catalogue__description">
Double bed, air conditionating, 4K 43" inches TV, WI-fi, towel
</p>
</div>
<div class="catalogue__room">
<div class="catalogue__highlight">
<span class="catalogue__stars">
<i class="fa-solid fa-star"></i>
4.7
</span>
<img
src="./assets/images/rooms/hotel-room-4.jpg"
alt="Hotel room 4"
/>
</div>
<p class="catalogue__name">Single Bed 1</p>
<p class="catalogue__price">$ 80 /night</p>
<p class="catalogue__description">
Single bed, air conditionating, Full HD 43 inches TV, WI-fi, towel
</p>
</div>
</div>
</section>
<aside class="stairs-parallax parallax"></aside>
<section id="location" class="location container">
<div class="section-title">
<h2>Location</h2>
<p>
Our hotel's prime location ensures that you're at the center of it
all, allowing you to make the most of your stay and create
unforgettable memories.
</p>
</div>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6783.919752194337!2d-52.346056524260746!3d-31.771580275148782!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9511b5be08c39731%3A0x644b62f2bc9bddd5!2sSenac%20Faculty%20of%20Technology%20Pelotas!5e0!3m2!1sen!2sbr!4v1684595277414!5m2!1sen!2sbr"
width="600"
height="450"
style="border: 0"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
</section>
<aside class="book-cta">
<h2>An Amazing Experience</h2>
<button class="button button--primary">Book now</button>
</aside>
<footer class="footer">
<div class="container">
<div class="footer__description">
<span class="footer__logo">
<img
src="/assets/images/marketing/logo-transparent.png"
alt="Wave hotel logo"
/>
<h3>Wave Hotel</h3>
</span>
<p>
Indulge in a symphony of opulence and tranquility at our exquisite
hotel, where luxury meets serenity to elevate your stay to
extraordinary heights
</p>
</div>
<div class="footer__contact">
<h5>Contact us</h5>
<div class="footer__social-media">
<a href="#">
<i class="fa-brands fa-facebook"></i>
</a>
<a href="#">
<i class="fa-brands fa-instagram"></i>
</a>
<a href="#">
<i class="fa-brands fa-twitter"></i>
</a>
</div>
</div>
<p class="footer__copyright">
<i class="fa-regular fa-copyright"></i> 2023. All rights reserved
</p>
</div>
</footer>
</body>
</html>