-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
372 lines (372 loc) · 22.3 KB
/
index.html
File metadata and controls
372 lines (372 loc) · 22.3 KB
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
<!DOCTYPE html>
<html>
<head>
<title>NatureQuest by Alaoh</title>
<link rel="icon" href="images/NatureQuest by Alaoh Logo.jpeg" type="image/jpeg">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="NatureQuest by Alaoh is a nature exploration game that allows players to discover and learn about various flora and fauna.">
<meta name="keywords" content="NatureQuest, game, nature, exploration, flora, fauna">
<meta name="author" content="Alaoh">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="Myscript.js">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link rel="stylesheet" href="https://www.pexels.com/search/adventure/">
<link rel="stylesheet" href="unsplash.com/s/photos/adventure">
<link rel="stylesheet" href="https://www.freepik.com/free-photos-vectors/background">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
</head>
<body>
<header>
<nav class="navbar">
<div class="nav-left">
<img src="images/NatureQuest by Alaoh Logo.jpeg" alt="NatureQuest by Alaoh Logo" class="logo">
<h1>NatureQuest by Alaoh</h1>
</div>
<div class="nav-links">
<a href="Adventures.html">Adventures</a>
<a href="Packages.html">Packages</a>
<a href="Trips.html">Trips</a>
<a href="About.html">About us</a>
<a href="Contact.html">Contact us</a>
</div>
</nav>
</header>
<main class="center">
<div class="center1">
<h2 style="font-size: 50px;">Explore Nature</h2>
<p style="font-size: 25px;">Unleash your wild side with thrilling eco-adventures across Nigeria</p>
<p><a href="Login.html">Join Us</a></p>
</div>
</main>
<article class="welcome">
<h2 style="font-size: 30px;">Welcome to <span style="color: palevioletred;">NatureQuest by Alaoh</span></h2>
<p style="font-size: 18px;">Specialist in adventurous group travel.Bringing people together through expereiences<br>you'll remeber for a lifetime.</p>
</article>
<div class="video">
<h2><span style="color: palevioletred;">Watch our</span> Travel Adventures</h2>
<iframe width="1000" height="400"
src="https://www.youtube.com/embed/OcCVX72t40U"
title="YouTube video"
frameborder="0"
allow="autoplay; encrypted-media"
allowfullscreen>
</iframe>
</div>
<div>
<h1 style="color: white;" class="Deep"><span style="color: palevioletred;">Deeper</span> travel expereicnes</h1>
</div>
<section class="Deeper">
<div>
<i class="fas fa-lightbulb"></i>
<h3>Expert Host</h3>
<p style="font-size: 20px;">Travel with your favorite <br>travel experts.</p>
</div>
<div>
<i class="fas fa-users" ></i>
<h3>Travel with like-minded,<br> people</h3>
<p style="font-size: 20px;">Connect with people who<br>share your interest.</p>
</div>
<div>
<i class="fas fa-camera"></i>
<h3>Photo-Worthy itinery</h3>
<p style="font-size: 20px;">Visits and expereicne Nigeria<br>most beautiful places.</p>
</div>
<div>
<i class="fas fa-globe"></i>
<h3>Purposeful, Sustainable<br> travels</h3>
<p style="font-size: 20px;">We're committed to giving back to<br> communities for a better world for all.</p>
</div>
</section>
<section class="popular-trips">
<div class="popular1">
<h2 style="font-size: 30px;"><span style="color: palevioletred;">Popular</span> Trips</h2>
<p style="font-size: 20px;">Mountain hiking in obudu? Foodie tour in Lagos? Camping in Erin-ijesha? whatever your passion,<br>NatureQuest by Alaoh has you covered.</p>
</div>
<div class="group-popular">
<div class="popular2">
<a href="Trips.html"><img src="images/pexels-chiecharon-705075.jpg" alt="image of obudu">
<div class="filling-fast">Filing fast</div>
<div class="inner">
<div class="outlander"><h3><stong><b>Outlander Adventure<br> in Obudu with Toni</b></stong></h3></div>
<div class="date">Jul 22, 2025 - Jul 29,2025</div>
<div class="cultural">cultural</div>
<div class="creator">creator</div>
</div></a>
</div>
<div class="popular2">
<a href="Trips.html"><img src="images/josh-hild-_orDI2PcfuM-unsplash.jpg" alt="image of ikogosi">
<div class="filling-fast">Filing fast</div>
<div class="confirmed">confirmed</div>
<div class="inner">
<div class="outlander"><h3><stong><b>Ikogosi Bliss 1:0 Culture<br> Relaxation<br>
with Sahily</b></stong></h3></div>
<div class="date">Aug 22, 2025 - Aug 29,2025</div>
<div class="cultural">Adventure, cultural</div>
<div class="creator">creator</div>
</div></a>
</div>
<div class="popular2">
<a href="Trips.html"><img src="images/Idanre.p1.jpg" alt="image of idanre">
<div class="filling-fast">Filing fast</div>
<div class="one">1 spot left!</div>
<div class="inner">
<div class="outlander"><h3><stong><b>Idanre Hill Mystery:<br> Explore Idanre<br>
with Justine</b></stong></h3></div>
<div class="date">Jul 22, 2025 - Jul 29,2025</div>
<div class="cultural">Adventure, cultural</div>
<div class="creator">creator</div>
</div></a>
</div>
<div class="popular2">
<a href="Trips.html"><img src="images/fikri-rasyid-G5mV0vFYgCs-unsplash.jpg" alt="image of erin-ijesha">
<div class="filling-fast">Filing fast</div>
<div class="one">sold out</div>
<div class="inner">
<div class="outlander"><h3><stong><b>Erin-Ijesha with Alaoh<br> Travel Diary</b></stong></h3></div>
<div class="date">Jul 22, 2025 - Jul 29,2025</div>
<div class="cultural">Adventure, cultural</div>
<div class="creator">creator</div>
</div></a>
</div>
</div>
</section>
<div class="Trips">
<p style="font-size: 50px;"><a href="Adventures.html">See more Trips</a></p>
</div>
<section class="Hear">
<div class="Hear1">
<h2 class="h21" style="font-size: 30px;">Hear from<span style="color: palevioletred;"> our travellers</span></h2>
<p style="font-size: 20px;">4.8/5 from 1,421 reviews</p>
</div>
<div class="swiper mySwiper">
<div class="Hear2">
<div class="review">
<div class="stars">
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star-half-alt" style="color: inherit; font-size: medium;"></i>
</div>
<p style="font-size: 20px;">"NatureQuest by Alaoh is the best travel company<br>I've ever used! Their attention to detail and<br>commitment to sustainability is truly impressive!"</p>
<p style="font-size: 20px;"><strong>- Sarah, Lagos</strong></p>
</div>
<div class="review">
<div class="stars">
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
</div>
<p style="font-size: 20px;">"I had an amazing time on my trip with NatureQuest<br>by Alaoh! The guides were knowledgeable and<br>passionate about the environment, and I learned so<br>much about the local flora and fauna!"</p>
<p style="font-size: 20px;"><strong>- John, Abuja</strong></p>
</div>
<div class="review">
<div class="stars">
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="far fa-star" style="color: inherit; font-size: medium;"></i>
</div>
<p style="font-size: 20px;">"NatureQuest by Alaoh is the best travel company<br>I've ever used! Their attention to detail and<br>commitment to sustainability is truly impressive!"</p>
<p style="font-size: 20px;"><strong>- Eric, Lagos</strong></p>
</div>
<div class="review">
<div class="stars">
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star-half-alt" style="color: inherit; font-size: medium;"></i>
<i class="far fa-star" style="color: inherit; font-size: medium;"></i>
</div>
<p style="font-size: 20px;">"I had an amazing time on my trip with NatureQuest<br>by Alaoh! The guides were knowledgeable and<br>passionate about the environment, and I learned so<br>much about the local flora and fauna!"</p>
<p style="font-size: 20px;"><strong>- Mercy, Abuja</strong></p>
</div>
<div class="review">
<div class="stars">
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
</div>
<p style="font-size: 20px;">"NatureQuest by Alaoh is the best travel company<br>I've ever used! Their attention to detail and<br>commitment to sustainability is truly impressive!"</p>
<p style="font-size: 20px;"><strong>- Akinola, Lagos</strong></p>
</div>
<div class="review">
<div class="stars">
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
<i class="fas fa-star" style="color: inherit; font-size: medium;"></i>
</div>
<p style="font-size: 20px;">"I had an amazing time on my trip with NatureQuest<br>by Alaoh! The guides were knowledgeable and<br>passionate about the environment, and I learned so<br>much about the local flora and fauna!"</p>
<p style="font-size: 20px;"><strong>- Chika, Abuja</strong></p>
</div>
</div>
</div>
</section>
<div class="morereviews">
<a href="Login.html">More reviews</a>
</div>
<section>
<div>
<img src="images/ballon.jpg" alt="adventure image" type="jpeg" class="image">
<div class="Host">
<h1 style="font-size: 40px; text-align: center; margin-top: 150px;">Want to<span style="color: palevioletred;"> host a trip?</span></h1>
<p style="font-size: 20px; margin-bottom: 30px"; class="many">Hosting a trip with Best In Travel has many benefits. Let us<br>care of the planning,
so you can focus on enjoying and<br>delivering an amazing experience for your guests.</p>
<div class="Host1" style="margin-bottom: 40px;">
<i class="fas fa-globe" style="float: left; margin-left: 200px; font-size: 40px; margin-top: 20px";></i>
<h3 style="text-align: left;" class="p1"><b>Explore the world</b></h3>
<p style="font-size: 20px; text-align: left;" class="p1">Visits new places or return to those you
love most.</p>
</div>
<div class="Host1" style="margin-bottom: 40px;">
<i class="fas fa-camera" style="float: left; margin-left: 200px; font-size: 40px; margin-top: 20px";></i>
<h3 style="text-align: left;" class="p1"><b>Capture new content</b></h3>
<p style="font-size: 20px; text-align: left;" class="p1">Expand your portfolio with new adventure.</p>
</div>
<div class="Host1" style="margin-bottom: 40px;">
<i class="fas fa-hand-holding-usd" style="float: left; margin-left: 200px; font-size: 40px; margin-top: 20px";></i>
<h3 style="text-align: left;" class="p1"><b>Get paid to do what you love</b></h3>
<p style="font-size: 20px; text-align: left;" class="p1">create, connect and travel.</p>
<p class="Become"><a href="Trips.html">Become a Host</a></p>
</div>
</div>
</div>
</section>
<section class="About">
<div class="About1">
<div>
<img src="images/aboutnature.jpg" alt="About NatureQuest by Alaoh" class="image1" type="image/jpg"></div>
<div class="About2">
<h2 style="font-size: 30px; color: white; margin-top: 250px;">About<span style="color: palevioletred;"> NatureQuest by Alaoh</span></h2>
<p style="font-size: 20px; color: white;">NatureQuest by Alaoh is a travel company that specializes in eco-friendly<br>
adventures and nature exploration. Our mission is to connect people with<br> the beauty of nature
while promoting responsible tourism practices. We<br>offer a wide range of trips and packages that cater to
and sustainable<br> travel experiences. We are passionate about nature and committed to<br> preserving
the environment while providing unforgettable adventures<br>for our travelers.</p>
<p class="About3"><a href="About.html">About us</a></p>
</div>
</div>
</section>
<section class="Best">
<div class="Best1">
<h2>NatueQuest<span style="color: palevioletred;"> travel blog</span></h2>
<p>Looking for some inspiration? Stay tuned as we keep you up to date with the latest<br>
travel trends and hotspots.</p>
<p><div class="Best2">
<div class="blog1">
<a href="About.html" class="Hover1"><img src="images/blog2.jpg" alt="Blog Image 1" class="blog-image " type="image/jpg"></a>
<a href="About.html" class="Hover"><p><strong>Embrace Sustainability and Support<br> Local Communities by Hosting a Group<br>
Trip with NatureQuest by Alaoh</strong></p></a>
<p><small>by Alaoh - NatureQuest by alaoh on</small></p>
<p><meduim>There is a growing awareness and<br> emphasis on sustainable travel practices<br> that…</meduim></p>
</div>
<div class="blog1">
<a href="About.html" class="Hover1"><img src="images/blog1.jpg" alt="Blog Image 2" class="blog-image" type="image/jpg"></a>
<a href="About.html" class="Hover"><p><strong>Why You Should Host a Group Trip with<br>NatureQuest by Alaoh</strong></p></a>
<p><small>by Alaoh - NatureQuest by alaoh on</small></p>
<p><meduim>Have you ever dreamed of getting paid to<br> travel and create content?…</meduim></p>
</div>
<div class="blog1" style="margin-left: 10px;">
<a href="About.html" class="Hover1"><img src="images/blog4.jpg" alt="Blog Image 3" class="blog-image" type="image/jpg"></a>
<a href="About.html" class="Hover"><p><strong>Nigeria - Destination Guide</strong></p></a>
<p><small>by Alaoh - NatureQuest by alaoh on</small></p>
<p><meduim>Nigeria, a land of contrasts and<br> captivating beauty, invites travelers to<br> explore…</meduim></p>
</div>
</div></p>
<p><a href="About.html" class="Read">Read more</a></p>
</div>
</section>
<section class="Newsletter">
<div class="Newsletter1">
<div>
<img src="images/newsletter1.jpg" alt="newsletter" class="news" type="image/jpg"></div>
<div class="Newsletter2">
<h1 style="font-size: 35px; color: white; text-align: center; margin-top: 150px;">Subscribe to our Newsletter</h1>
<p style="font-size: 20px; color: white;"><small>updated with the latest news, tips,
and exclusive<br> offers from NatureQuest by Alaoh.</small></p>
<div class="cf-turnstile" data-sitekey="0x4AAAAAAAGg1b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t" data-theme="fa-lightbulb"></div>
<form action="/action_page.php" target="_self" method="post" class="subscribe-form">
<input type="email" name="email" placeholder="Enter your email" required style="width: auto; height: 30px;">
<button type="submit" style="width: auto; height: 30px;" class="button">Subscribe</button>
</div>
</div>
</section>
<section class="instagram" style="margin-top: 220px;">
<h2 style="font-size: 20px; color: white; text-align: center;">Follow us on Instagram</h2>
<p style="font-size: 30px; color: white; text-align: center; color: palevioletred;">@NatureQuest_by_Alaoh</p>
<div class="instagram-images">
<a href="https://www.instagram.com/alaoh_/" target="_blank"><img src="images/IG5.jpg" alt="Instagram Image 1" class="instagram-image" type="image/jpg"></a>
<a href="https://www.instagram.com/alaoh_/" target="_blank"><img src="images/IG3.jpg" alt="Instagram Image 3" class="instagram-image" type="image/jpg"></a>
<a href="https://www.instagram.com/alaoh_/" target="_blank"><img src="images/Kaduna-Tourist-Places.jpg" alt="Instagram Image 6" class="instagram-image" type="image/jpg"></a>
<a href="https://www.instagram.com/alaoh_/" target="_blank"><img src="images/IG (2).jpg" alt="Instagram Image 4" class="instagram-image" type="image/jpg"></a>
<a href="https://www.instagram.com/alaoh_/" target="_blank"><img src="images/Obudu-Ranch2.jpg" alt="Instagram Image 5" class="instagram-image" type="image/jpg"></a>
<a href="https://www.instagram.com/alaoh_/" target="_blank"><img src="images/IG4.jpg" alt="Instagram Image 2" class="instagram-image" type="image/jpg"></a>
</div>
</section>
<!-- <iframe width="20.33%" height="400px"
src="https://www.youtube.com/embed/lPDD1o2QT-I?autoplay=1&mute=1&loop=1&playlist=lPDD1o2QT-I"
frameborder="0"
allow="autoplay; encrypted-media"
allowfullscreen>
</iframe> I want to add this element after the main page.-->
<div class="nature">
<a href="#" class="nature1"><sub>___</sub>Nature<sub>___</sub><br>Quest by Alaoh</a>
</div>
<section class="faq">
<div class="faq1" style="width: 350px;">
<h3><span style="color: palevioletred;">NatureQuest by Alaoh</span></h3>
<p style="font-size: 18px;">Welcome to Best In Travel, a passionate community of almost 2 million travellers.<br>
We're on a mission to create deeper travel<br> experiences and lifelong memories
&<br> friendships through small group adventures<br> for like-minded travellers</p>
</div>
<div class="faq1">
<h3><span style="color: palevioletred;">Trips</span></h3>
<p><a href="Trips.html">Creator Trips</a></p>
</div>
<div class="faq1">
<h3><span style="color: palevioletred;">Hosts</span></h3>
<p><a href="Host.html">Hosts</a></p>
<p><a href="Host.html">Become a Host</a></p>
<p><a href="Host.html">Host FQAs</a></p>
<p><a href="Host.html">Host T&Cs</a></p>
</div>
<div class="faq1">
<h3><span style="color: palevioletred;">About</span></h3>
<p><a href="About.html">About us</a></p>
<p><a href="blog.html">Blog</a></p>
<p><a href="blog.html">Events</a></p>
<p><a href="blog.html">Creative & campaign</a></p>
<p><a href="blog.html">Work</a></p>
<p><a href="FAQs.html">FAQs</a></p>
<p><a href="Contact.html">Contact us</a></p>
</div>
<div class="faq1">
<h3><span style="color: palevioletred;">Terms</span></h3>
<p><a href="Terms.html">Terms and conditions</a></p>
<p><a href="Terms.html">Privacy policy</a></p>
<p><a href="Terms.html">Accessibility</a></p>
</div>
</section>
<div class="follow">
<a href="https://www.instagram.com/alaoh_/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/alaoh/" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://twitter.com/alaoh_" target="_blank"><i class="fab fa-twitter"></i></a>
</div>
<footer>
<div class="footer-content">
<p class="footer1">© 2025 NatureQuest by Alaoh. All rights reserved.</p>
<p class="footer2">Website designed by Alaoh.</p>
</div>
</footer>
</body>
</html>