-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
453 lines (437 loc) · 16.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
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
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
crossorigin="anonymous"
/>
<!-- SASS stylsheet-->
<link rel="stylesheet" href="/scss/home-second.css" />
<title>Home</title>
</head>
<body>
<header id="landing-page">
<!-- Start of landing-page-->
<div class="bg-overlay">
<nav class="navig">
<div class="brand-logo-div-nav">
<a href="/index.html">
<img src="/Assets/homepage/Logo.svg" alt="" />
</a>
</div>
<div class="brand-div toggle-btn" id="toggle-btn">
<i class="fa fa-bars fa-2x"></i>
</div>
<ul id="menu" class="navli d-none">
<li class="nav-list rooms-nav">
<a href="/pages/rooms.html" class="nav-a">Rooms</a>
</li>
<li class="nav-list facilities-nav">
<a href="/pages/facilities.html" class="nav-a">Facilities</a>
</li>
<li class="nav-list gallery-nav">
<a href="/pages/gallery.html" class="nav-a">Gallery</a>
</li>
<li class="nav-list about-us-av">
<a href="/pages/about-us.html" class="nav-a">Contact Us</a>
</li>
</ul>
<button class="reservation-btn">
<i class="fas fa-calendar-alt"></i> Reservations
</button>
</nav>
<div class="landing-div">
<div class="covid-div">
<button class="covid">COVID-19 INFORMATION</button>
</div>
<div class="landing-holder">
<div class="landing-holder-left">
<div class="circle"></div>
<div class="empty"></div>
<div class="empty"></div>
</div>
<div class="lander-holder-right">
<p class="welcome-p text-white">Welcome to</p>
<p class="kigoma-text text-white">KIGOMA</p>
<hr class="horizon" />
<p class="kigoma-enjoy text-white">ENJOY YOUR STAY</p>
<div class="bounce">
<a href="#rooms-and-suites">
<img
src="/Assets/homepage/Down Arrow.svg"
alt=""
class="fase double-down"
/>
</a>
</div>
<!-- End of bounce div-->
</div>
</div>
</div>
</div>
<!-- landing-div-->
</header>
<section id="rooms-and-suites">
<!-- Start of rooms-and-suite section-->
<div class="rooms-and-suites-landing-container">
<div class="rooms-and-suites-landing-left">
<p class="rooms-and-rates-header-text">Rooms & Suites</p>
<p class="rooms-and-rates-caption-text">
A holistic approach to luxury living, the Kigoma offers 297 curated
rooms & suites that ensure that guests would never want, or need, to
leave. Guests are invited to customize their luxury stay with a
selection of the most exquisite room offerings available, including
seven distinct suite categories featuring private and open floor
layouts as well as outdoor terraces and city and garden-view balcony
options.
</p>
<div class="btn-box">
<a href="/pages/rooms.html">
<button class="btn-view-rooms">View Rooms & Suites</button>
</a>
<a href="/pages/about-us.html">
<button class="book-now">Book Now</button>
</a>
</div>
<!-- End of btn-box-->
</div>
<div class="rooms-and-suites-landing-right">
<img
src="/Assets/homepage/royal-suite.png"
alt=""
class="rooms-and-suites-landing-img"
/>
</div>
</div>
<!-- End of rooms-and-suites-landing-container-->
</section>
<!-- End of rooms-and-suites section-->
<!-- Start of popular-offering section -->
<section id="popular-offering">
<div class="popular-offering-heading">
<h2 class="popular-heading-header-text">Popular Offerings</h2>
</div>
<div class="popular-offering-container">
<div class="popular-offering-left popular-offering-same">
<div class="popular-img-box">
<img
src="/Assets/homepage/Garden-Premier.png"
alt=""
class="garden-popular-img popular-img-same"
/>
</div>
<div class="popular-caption-area">
<p class="garden-popular-p popular-room-name">Garden Premier</p>
<p class="popular-garden-caption">
Pleasant room, classic style king size bed, carpeted, wooden or
tiled floors with a choice of pool or city view
</p>
</div>
<div class="pricing-premier pricing-popular-div">
<p class="font-bold">From ₦ 40,000/night</p>
<button class="pricing-btn btn-garden-popular">Book Now</button>
</div>
</div>
<!--- End of popular-offering-left -->
<div class="popular-offering-center popular-offering-same">
<div class="popular-img-box">
<img
src="/Assets/homepage/Family-Suite.png"
alt=""
class="family-suite-img popular-img-same"
/>
</div>
<div class="popular-caption-area">
<p class="family-popular-p popular-room-name">Family Suite</p>
<p class="popular-family-caption">
Spacious bedroom with king size bed and adjoining small bedroom
with small working area, a choice of a single bed or two and a
restroom. Perfect for family.
</p>
</div>
<div class="family-suite-popular pricing-popular-div">
<p class="font-bold">From ₦ 50,000/night</p>
<button class="pricing-btn">Book Now</button>
</div>
</div>
<!-- End of popular-offering-center-->
<div class="popular-offering-right popular-offering-same">
<div class="popular-img-box">
<img
src="/Assets/homepage/Governors-Suite.png"
alt=""
class="governor-suite-img popular-img-same"
/>
</div>
<div class="popular-caption-area popular-caption-area-three">
<p class="governor-popular-p popular-room-name">Governor's Suite</p>
<p class="popular-governor-caption">
Classy master bedroom with a king size bed and jacuzzi with a
choice of pool or park view, two sitting rooms, one of which has a
mini bar, in addition to a guest restroom and a complimentary
access to a private lounge that opens daily from 7 a.m. till 10
p.m.
</p>
</div>
<div class="governor-suite-popular pricing-popular-div">
<p class="font-bold">From ₦ 170,000/night</p>
<button class="pricing-btn">Book Now</button>
</div>
</div>
<!-- End of popular-offering-right-->
</div>
</section>
<!-- Start of gallery-section -->
<section id="gallery-section">
<div class="gallery-section-home">
<div class="gallery-section-heading-div">
<p class="gallery-header-one">gallery</p>
<p class="gallery-header-t">World Famous Luxury</p>
</div>
<div class="wrap">
<div id="arrow-left" class="arrow"></div>
<div id="slider">
<div class="slide slide1">
<div class="slide-content"></div>
</div>
<div class="slide slide2">
<div class="slide-content"></div>
</div>
<div class="slide slide3">
<div class="slide-content"></div>
</div>
</div>
<div id="arrow-right" class="arrow"></div>
</div>
</div>
<!-- End of gallery-section-home-->
</section>
<!-- End of gallery-section-->
<!-- Start of facilities-home section-->
<section id="facilities-home">
<div class="facilities-heading-div">
<p class="facilities-heading">Facilities</p>
</div>
<div class="img-gallery-area">
<!-- Start of img-gallery-area-->
<div class="img-gallery-area-one">
<!-- Start of img-gallery-area-one-->
<div class="img-div faci-img-one">
<img
src="/Assets/gallery/Meeting-Room.png"
alt=""
class="img-facilities meeting"
/>
<p class="meeting-room-p img-caption-header">Meeting Room</p>
<p class="meeting-room-home-text img-caption">
A 20-seater meeting room is on ground at the Kigamo for your
business meetings and client negotiations.
</p>
</div>
<div class="img-div faci-img-two">
<img
src="/Assets/gallery/Restaurant.png"
alt=""
class="img-facilities restuarant"
/>
<p class="restuarant-p img-caption-header">Restaurant</p>
<p class="restuarant-home-text img-caption">
Upscale fine dining restaurant and bar serving a variety of local,
continental and international dishes.
</p>
</div>
<div class="img-div faci-img-three">
<img
src="/Assets/gallery/Swimming-Pool.png"
alt=""
class="img-facilities swimmming"
/>
<p class="swimming-p img-caption-header">Swimming Pool</p>
<p class="swimming-home-text img-caption">
An Olympic size pool, two standard size pools and a kiddies' pool,
each offering views of the game reserve.
</p>
</div>
</div>
<!-- End of img-gallery-area-one-->
<div class="img-gallery-area-two">
<!-- Start of img-gallery-area-two-->
<div class="img-div faci-img-four">
<img
src="/Assets/gallery/Conference-Hall.png"
alt=""
class="img-facilities conference"
/>
<p class="conference-p img-caption-header">Conference Hall</p>
<p class="conference-home-tex img-caption">
Two 150-seater conference halls equipped with smart monitors for
presentations for conferences and meet-ups.
</p>
</div>
<div class="img-div faci-img-five">
<img
src="/Assets/gallery/Movie-theater.png"
alt=""
class="img-facilities movie"
/>
<p class="movie-p img-caption-header">Movie Theater</p>
<p class="movie-home-text img-caption">
Three 50-seater movie rooms with standard screens are available to
visitors at Kigamo.
</p>
</div>
<div class="img-div faci-img-six">
<img
src="/Assets/gallery/Lounge.png"
alt=""
class="img-facilities lounge"
/>
<p class="lounge-p img-caption-header">Lounge</p>
<p class="lounge-home-text img-caption">
Open lounge with a view of the game reserve and a bar for
refreshments. The lounge also features a live band.
</p>
</div>
</div>
<!-- End of img-gallery-area-two-->
</div>
<!-- End of img-gallery-area-->
</section>
<!-- End of facilities-home section-->
<!-- Start of message-manaager-home section-->
<section id="message-manager-home">
<div class="message-home-div-cont">
<div class="manager-message">
<p class="message-p">A message from the Manager</p>
</div>
<div class="message-holder-home">
<div class="left-message-home">
<img src="/Assets/homepage/manager-img.png" alt="" />
</div>
<!-- End of left-message-home-->
<div class="right-message-home">
<p>
Kigoma sits in a unique position of being able to offer our guests
the very best of Africa. From generous hospitality and refined
service, to exceptional experiences and the most beautiful African
animals in existence. <br />
<br />
Everyday, we aim to fulfill our purpose: "We love what we do. We
believe in changing people's lives and find our own value in their
experience." <br />
<br />
Allow the Kigoma family to curate your visit to our beautiful
grounds.
</p>
<p class="manager-name">Miebaka Joshua</p>
<img src="/Assets/homepage/Signature.png" alt="" />
</div>
<!-- End of right-message-home-->
</div>
<!-- End of message-home-div-cont-->
</div>
</section>
<!-- End of message-manager-home section-->
<section id="contact-us-home">
<!-- Start of contact-us-home section-->
<div class="contact-us-home">
<p class="contact-us-home-heading-text">Be in the know.</p>
<p class="contact-us-home-small-text">
Get the latest info on the best deals, offers and promotions.
</p>
<form action="" class="form-home">
<div>
<input
type="text"
name=""
id="input-text-home"
placeholder="*First Name"
class="input-class placeholder-center"
/>
</div>
<div>
<input
type="email"
name=""
id="input-email-home"
placeholder="*Email Address"
class="input-class placeholder-center"
/>
</div>
<div class="input-submit-div">
<input
type="submit"
value="Get Email Updates"
class="input-submit"
/>
</div>
</form>
</div>
</section>
<!-- end of contact-us-home-->
<!-- Start of feel-free-to-contact-us section-->
<section id="feel-free-to-contact-us">
<h4 class="feel-free-heading-text">Feel free to say hello</h4>
<div class="feel-free-container">
<div class="feel-free-left">
<img src="/Assets/homepage/Logo.svg" alt="" class="left-img" />
<p class="feel-free-left-text">
Perched on the edge of the Wikki Hills, Kigamo commands breathtaking
views down the valley that borders the Yankari Game Reserve. Enjoy
exclusive game viewing, thrilling night game drives, bush dining,
amazing Nigerian culture and old-fashioned safari luxury.
</p>
</div>
<!-- end of feel-free-left-->
<div class="feel-free-center">
<div class="bauchi">
<p class="strong">Address</p>
<p>Wikki Camp, Yankari Reserve,</p>
<p>Bauchi</p>
<p class="strong">Phone</p>
<p>+234 803 102 4720</p>
</div>
<div class="feel-free-email">
<p class="strong">Email</p>
<p>hello@kigamo.com</p>
</div>
</div>
<!-- End of bauchi-->
<!-- End of feel-free-center-->
<div class="feel-free-right">
<div class="li-div">
<ul>
<li>About</li>
<li>Accessibility</li>
<li>Awards</li>
</ul>
<ul>
<li>Policies</li>
<li>Development</li>
<li>Careers</li>
</ul>
<ul>
<li>News & Press</li>
<li>Videos</li>
<li>Covid-19</li>
</ul>
</div>
<!-- End of li-div-->
<div class="socialiconsdiv">
<i class="fab fa-twitter"></i>
<i class="fab fa-facebook"></i>
<i class="fab fa-instagram"></i>
</div>
</div>
<!-- End of feel-free-right-->
</div>
<!-- End of feel-free-container-->
</section>
<script src="/scripts/toggle.js"></script>
<script src="/scripts/slider.js"></script>
</body>
</html>