-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathabout.html
345 lines (320 loc) · 14.4 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - RuralRetreats</title>
<link rel="stylesheet" href="aboutstyle.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
<!-- Navigation Bar -->
<header class="navbar">
<div class="nav-container">
<div class="logo">
<a href="index.html">Rural-Retreats</a>
</div>
<nav>
<ul class="nav-menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="homestays.html">HomeStays</a></li>
<li><a href="reviews.html">Reviews</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
<div class="search">
<input type="text" name="search" id="search" placeholder="Search....">
</div>
</div>
</header>
<!-- About Us Page -->
<section class="about-us">
<h1>About Us</h1>
<!-- About Section -->
<section class="about-section">
<p>
At RuralRetreats, we believe that the true essence of travel lies in connecting with the soul of a destination. That’s why we’ve created a unique platform that bridges the gap between travelers and the timeless charm of rural life. 🌻🌍
</p>
<br>
<p>
✨ Discover. Experience. Sustain. ✨
</p>
<p>
At RuralRetreats, we believe travel is more than just sightseeing—it’s about creating memories, building connections, and leaving a positive impact. Whether you’re gazing at golden fields, learning to milk a cow, savoring homemade delicacies, or dancing to local tunes under the stars, your journey with us will be unforgettable. 🌟
</p>
<br>
<p>
So, pack your bags, open your heart, and let RuralRetreats guide you to a world where authenticity meets adventure. 🌾🧳
</p>
<br>
<div class="center-text">
💚 Your Journey to Rural Magic Starts Here! 💚
</div>
<br>
</section>
<!-- Mission and Vision and Core Values Section -->
<section class="mission-vision-core-values">
<div class="mission-vision">
<h2>Our Mission and Vision</h2>
<div class="mission-details">
<div class="mission">
<h3>Mission</h3>
<ul>
<li>Empowering rural communities through sustainable tourism.</li>
<li>Preserving heritage and promoting sustainability.</li>
</ul>
</div>
<div class="vision">
<h3>Vision</h3>
<ul>
<li>Creating a world where travelers and locals thrive together.</li>
</ul>
</div>
</div>
</div>
<div class="core-values">
<h2>Core Values</h2>
<ul>
<li>Sustainability</li>
<li>Empowerment</li>
<li>Cultural Preservation</li>
<li>Personalized Experiences</li>
</ul>
</div>
</section>
<!-- Founders/Team Introduction -->
<section class="team-section">
<h2>Meet Our Founders</h2>
<div class="team">
<div class="team-member admin">
<img src="https://via.placeholder.com/150" alt="Nayanika Mukherjee">
<h3>Nayanika Mukherjee</h3>
<p>Project Admin</p>
</div>
<div class="team-member contributor">
<img src="https://via.placeholder.com/100" alt="Soham Mondal">
<h3>Soham Mondal</h3>
<p>Contributor</p>
</div>
<div class="team-member contributor">
<img src="https://via.placeholder.com/100" alt="Muskan Kumari">
<h3>Muskan Kumari</h3>
<p>Contributor</p>
</div>
<div class="team-member contributor">
<img src="https://via.placeholder.com/100" alt="Sudip Majumdar">
<h3>Sudip Majumdar</h3>
<p>Contributor</p>
</div>
<div class="team-member contributor">
<img src="https://via.placeholder.com/100" alt="Soumyadip Tarafdar">
<h3>Soumyadip Tarafdar</h3>
<p>Contributor</p>
</div>
<div class="team-member contributor">
<img src="https://via.placeholder.com/100" alt="Pragati Mishra">
<h3>Pragati Mishra</h3>
<p>Contributor</p>
</div>
<div class="team-member contributor">
<img src="https://via.placeholder.com/100" alt="Sneha Prasad">
<h3>Sneha Prasad</h3>
<p>Contributor</p>
</div>
<div class="team-member contributor">
<img src="https://via.placeholder.com/100" alt="Souradeep Chakraborty">
<h3>Souradeep Chakraborty</h3>
<p>Contributor</p>
</div>
</div>
</section>
<!-- Impact and Community Stories Section -->
<section class="impact-community-stories">
<div class="impact">
<h2>Our Mission and Vision</h2>
<ul>
<li>Number of rural homestays created: <strong>10</strong></li>
<li>Economic benefits to communities: <strong><i class="fas fa-rupee-sign"></i> 100,000</strong></li>
<li>Environmental conservation efforts: <strong>20 acres preserved</strong></li>
</ul>
</div>
<div class="community-stories">
<h2>Core Values</h2>
<ul>
<li>"Our homestay has transformed our lives and brought us closer to travelers!" <p class="author">- Local Host</p></li>
<li>"I experienced the warmth of rural hospitality like never before." <p class="author">- Happy Traveler</p></li>
</ul>
</div>
</section>
<!-- Image Gallery Carousel -->
<section class="carousel-section">
<h2>Image Gallery</h2>
<div class="carousel-grid image-gallery">
<div class="carousel-container">
<div class="gallery">
<img src="https://travelsetu.com/apps/uploads/new_destinations_photos/destination/2024/01/04/7248732780e25a45c9173980ed56c181_400x400.jpg" alt="Gallery 1">
<img src="https://travelsetu.com/apps/uploads/new_destinations_photos/destination/2023/12/19/fcb5f2904b2f1df17f74ebf6e8099141_400x400.jpg" alt="Gallery 2">
<img src="https://travelsetu.com/apps/uploads/new_destinations_photos/destination/2023/12/19/d527bd7233e368c71aa961ec7073a653_400x400.jpg" alt="Gallery 3">
<img src="https://travelsetu.com/apps/uploads/new_destinations_photos/destination/2023/12/26/da1307f967dafff3405b2d3ac270324e_400x400.jpg" alt="Gallery 4">
<img src="https://cdn-v2.theculturetrip.com/610x399/wp-content/uploads/2024/12/nomad-bikers-sxavvkxxphy-unsplash.webp" alt="Gallery 5">
<img src="https://cdn-v2.theculturetrip.com/610x408/wp-content/uploads/2024/12/raj-qop6o7hgovm-unsplash.webp" alt="Gallery 6">
<img src="https://cdn-v2.theculturetrip.com/610x407/wp-content/uploads/2024/12/hari-nandakumar-5u132f-itpg-unsplash.webp" alt="Gallery 7">
<img src="https://cdn-v2.theculturetrip.com/610x400/wp-content/uploads/2024/12/shutterstock_1491471461.webp" alt="Gallery 8">
<img src="https://cdn-v2.theculturetrip.com/610x382/wp-content/uploads/2024/12/gayatri-pandkar-clagpqej1h0-unsplash.webp" alt="Gallery 9">
<img src="https://cdn-v2.theculturetrip.com/610x343/wp-content/uploads/2024/12/vaibhav-chauhan-0upkdlpt9x8-unsplash.webp" alt="Gallery 10">
</div>
</div>
</div>
<div class="carousel-controls">
<button class="prev" onclick="moveSlide(-1)">❮</button>
<button class="next" onclick="moveSlide(1)">❯</button>
</div>
</section>
<!-- Timeline Section -->
<section class="timeline-section">
<h2>Our Journey</h2>
<div class="timeline-carousel">
<div class="timeline-container">
<div class="timeline-item">
<p>2024: Founded RuralRetreats</p>
</div>
<div class="timeline-item">
<p>2025: Launched first homestays</p>
</div>
<div class="timeline-item">
<p>2025: Expanded to 10 rural communities</p>
</div>
<div class="timeline-item">
<p>2025: Achieved 10 homestays</p>
</div>
<div class="timeline-item">
<p>2025: Introduced sustainability programs</p>
</div>
</div>
<div class="carousel-controls">
<button class="prev" onclick="moveTimeline(-1)">❮</button>
<button class="next" onclick="moveTimeline(1)">❯</button>
</div>
</div>
</section>
<!-- FAQs Section -->
<section class="faqs-section">
<h2>Frequently Asked Questions</h2>
<div class="faq-item">
<button class="faq-question" onclick="toggleFAQ(this)" onkeypress="toggleFAQ(this)" onkeydown="toggleFAQ(this)" onkeyup="toggleFAQ(this)">Q: How do I book a homestay?</button>
<p class="faq-answer">A: You can book directly through our website or contact us for assistance.</p>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggleFAQ(this)" onkeypress="toggleFAQ(this)" onkeydown="toggleFAQ(this)" onkeyup="toggleFAQ(this)">Q: Are the homestays safe?</button>
<p class="faq-answer">A: Yes, all our homestays are vetted for safety and comfort.</p>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggleFAQ(this)" onkeypress="toggleFAQ(this)" onkeydown="toggleFAQ(this)" onkeyup="toggleFAQ(this)">Q: What measures are taken for sustainability?</button>
<p class="faq-answer">A: We promote eco-friendly practices and support local communities in conservation efforts.</p>
</div>
</section>
<!-- Video Section -->
<section class="video-section">
<h2>Experience RuralRetreats</h2>
<p>Watch our video to discover the beauty of rural tourism and the unique experiences we offer.</p>
<div class="video-container">
<video controls>
<source src="video/ruralretreats.mp4" type="video/mp4">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="description_en.vtt" kind="descriptions" srclang="en" label="English">
Your browser does not support the video tag.
</video>
</div>
</section>
<!-- Infographics Section -->
<section class="infographics-section">
<h2>Our Achievements</h2>
<p>Discover the impact we've made through our initiatives and programs.</p>
<div class="infographics">
<img src="https://via.placeholder.com/400x200" alt="Infographic" class="infographic-image">
</div>
</section>
<!-- Interactive Section -->
<section class="interactive-section">
<h2>Share Your Experience</h2>
<p>We would love to hear about your journey with us!</p>
<div class="center-text1">
Please share your story below:
</div>
<form id="user-experience-form">
<textarea placeholder="Share your story..." required></textarea>
<button type="submit">Submit</button>
</form>
</section>
</section>
<!-- Footer Section -->
<footer>
<div class="footer-container">
<div class="footer-info">
<h2>About Rural Retreats</h2>
<p>Experience the charm of rural life with our authentic homestays and cultural experiences. Join us in promoting sustainable tourism and preserving local traditions.</p>
</div>
<div class="footer-links">
<h2>Quick Links</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="homestays.html">Homestays</a></li>
<li><a href="reviews.html">Reviews</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="events.html">Events Calendar</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="terms.html">Terms of Service</a></li>
</ul>
</div>
<div class="footer-contact">
<h2>Contact Us</h2>
<p><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></p>
<p><strong>Phone:</strong> +91 XXXXX XXXXX</p>
<p><strong>Address:</strong> 123 Country Lane, Ruralville, State, ZIP</p>
</div>
<div class="footer-social-events">
<div class="footer-social">
<h2>Follow Us</h2>
<div class="social-icons">
<a href="#" class="social-icon" title="Facebook"><i class="fab fa-facebook"></i></a>
<a href="#" class="social-icon" title="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" class="social-icon" title="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon" title="GitHub"><i class="fab fa-github"></i></a>
<a href="#" class="social-icon" title="LinkedIn"><i class="fab fa-linkedin"></i></a>
<a href="#" class="social-icon" title="WhatsApp"><i class="fab fa-whatsapp"></i></a>
</div>
</div>
<div class="footer-events">
<h2>Upcoming Events</h2>
<ul id="event-list">
<li>2025: Launching first homestay</li>
<li>2025: Expanding to 10 rural communities</li>
</ul>
</div>
</div>
<div class="newsletter">
<h2>Subscribe for Exclusive Deals</h2>
<p>Join our mailing list to receive the latest updates and special offers directly in your inbox.</p>
<form class="newsletter-form">
<input type="email" placeholder="Your Email" required>
<button type="submit">Subscribe</button>
</form>
</div>
<p class="footer-credits">© 2025 Rural Retreats. All rights reserved.</p>
</footer>
<!-- Back to Top Button -->
<button id="backToTop" class="back-to-top-btn" title="Go to top">↑</button>
<!-- Chatbot Widget -->
<div id="chatButton">
<i class="fas fa-comment-dots"></i>
</div>
<script src="aboutscript.js"></script>
</body>
</html>