-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindia.html
281 lines (259 loc) · 15.6 KB
/
india.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <title>Explore India Tourism</title> -->
<link rel="stylesheet" href="css/india.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WANDERLUST</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- <link rel="stylesheet" href="css/LoginStyle.css"> -->
<link rel="stylesheet" href="css/responsive.css">
<link rel="apple-touch-icon" sizes="180x180" href="img/LogoWanderlust.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/LogoWanderlust.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/LogoWanderlust.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<body>
<!--navbar-->
<body
onload='if (window.location.href.substr(window.location.href.length - 6) == "#about") { introAboutLogoTransition(); }'>
<!--navbar-->
<nav class="navbar glass" style="height: 70px;">
<span><a href="#home" style="display:flex; align-items: center;"><img class="img2"
src="./img/LogoWanderlust.png" width="40" style="margin: -25px -10px -25px -20px">
<h1 class="logo"> WANDERLUST</h1>
</a></span>
<ul class="nav-links">
<li><a href="index.html" id="pri" class="active cir_border">Home</a></li>
<li><a href="tour_details.html" id="sec" class="cir_border">Tours</a></li>
<li><a href="booking.html" id="hex" class="cir_border">Booking</a></li>
<li><a href="index.html#explore" id="tri" class="cir_border">Explore</a></li>
<li><a href="index.html#about" id="quad" class="cir_border">Packages</a></li>
<li><a href="Login.html" id="quint" class="cir_border">Login</a></li>
<li><a href="index.html#contact" id="hex" class="cir_border">Contact</a></li>
<li>
<div>
<input type="checkbox" class="checkbox dark" id="checkbox">
<label for="checkbox" class="label">
<i class="fa fa-moon-o"></i>
<i class='fa fa-sun-o'></i>
<div class='ball'>
</label>
</div>
</li>
</ul>
<img src="./img/menu-btn.png" alt="" class="menu-btn">
</nav>
<!--navbar-->
<header>
<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./img/carousel-img2.jpg" height="700px" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./img/slide.jpeg" height="700px" class="d-block w-100"
alt="...">
</div>
<div class="carousel-item">
<img src="./img/carousel-img3.jpg" height="700px" class="d-block w-100" alt="...">
</div>
</div>
<div class="carousel-text">
<h2 class="animated fadeInDown">Welcome to India</h2>
<p class="animated fadeInUp">Explore the Diverse Culture and Rich Heritage</p>
</div>
</header>
<!-- About Section -->
<div class="container">
<section id="about">
<div class="about-content">
<h2>About India</h2>
<p>
India, a land of diverse cultures, rich history, and breathtaking landscapes, has emerged as a
captivating haven for travelers from around the world. From the majestic Himalayas in the north
to
the
serene backwaters of Kerala in the south, India's geographical diversity is an open invitation
to
explore its vastness. The country's vibrant cities, such as Delhi, Mumbai, and Jaipur,
seamlessly
blend
the old and the new, showcasing historical monuments like the iconic Taj Mahal, splendid
palaces,
and
bustling markets that offer an immersive experience into its ancient past and dynamic present.
<br>
<br>
India's spiritual aura is equally enchanting, with sacred sites like Varanasi, where the Ganges
River
flows with religious fervor and rituals that have endured for centuries. The tranquility of
Rishikesh
and the teachings of yoga and meditation attract seekers of inner peace and self-discovery. <br>
<br>
Culinary enthusiasts are in for a treat as India boasts a tapestry of flavors, each region
offering
a
unique palette of spices and ingredients. Exploring the streets for local delicacies or savoring
a
lavish thali (platter) unveils a gastronomic journey that is as diverse as the country itself.
<br>
<br>
Wildlife enthusiasts can venture into the national parks and sanctuaries, including Ranthambore
and
Jim
Corbett, to witness majestic tigers, elephants, and other exotic creatures in their natural
habitats.
The Andaman and Nicobar Islands offer an underwater paradise for diving and snorkeling
enthusiasts,
showcasing stunning coral reefs and marine life. <br><br>
</p>
</div>
</section>
</div>
<!-- Destinations Section -->
<!-- Destinations Section -->
<section id="destinations">
<h2 class="popular_destination">Popular Destinations</h2>
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col cards">
<div class="card h-100 custom-card">
<img src="./img/Goa .jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">GOA</h5>
<p class="card-text" style="max-height: 99px; overflow-y: auto; scrollbar-width: none;">Goa
is a popular coastal state located on the southwestern coast of India, along the Arabian
Sea. Known for its picturesque beaches, vibrant nightlife, and rich cultural heritage,
Goa is a prominent tourist destination both within India and internationally.
The state boasts a stunning coastline with pristine sandy shores, including famous
destinations like Baga Beach, Anjuna Beach, and Palolem Beach. These beaches offer a
wide range of water sports and activities, making it a haven for beach lovers and
adventure seekers.
</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
<div class="col cards">
<div class="card h-100 custom-card">
<img src="./img/Sikkim.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">SIKKIM</h5>
<p class="card-text" style="max-height: 99px; overflow-y: auto; scrollbar-width: none;">
Sikkim, a small but captivating state in northeastern India, is nestled in the lap of
the Himalayas. It is known for its stunning mountain landscapes, rich biodiversity, and
unique cultural heritage. As the least populous state in India, Sikkim is an enchanting
destination for those seeking natural beauty and tranquility.
</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
<div class="col cards">
<div class="card h-100 custom-card">
<img src="./img/Panjab.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">PUNJAB</h5>
<p class="card-text" style="max-height: 99px; overflow-y: auto; scrollbar-width: none;">
Punjab is a northern state in India known for its rich cultural heritage and fertile
lands. It is a region with a deep history, predominantly associated with the Sikh
religion. The state is renowned for its warm hospitality, robust agricultural output,
and vibrant traditions.
The Golden Temple in Amritsar, the spiritual and cultural heart of Punjab, is one of the
most revered Sikh shrines in the world, attracting pilgrims and tourists alike. The
state's culture is marked by the Bhangra dance, colorful festivals like Vaisakhi, and
traditional Punjabi cuisine that includes dishes like butter chicken, makki di roti, and
sarson da saag.
</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
<div class="col cards">
<div class="card h-100 custom-card">
<img src="./img/Agra.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">AGRA</h5>
<p class="card-text" style="max-height: 99px; overflow-y: auto; scrollbar-width: none;">
Agra is a historic city located in the northern state of Uttar Pradesh, India. It is
renowned worldwide for being the home to one of the most iconic and beautiful monuments
on the planet, the Taj Mahal. This stunning white marble mausoleum, built by Mughal
Emperor Shah Jahan in memory of his beloved wife Mumtaz Mahal, is an enduring symbol of
love and is designated as a UNESCO World Heritage Site.
</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
<div class="col cards">
<div class="card h-100 custom-card " id="img1">
<img src="./img/kashmir.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">KASHMIR</h5>
<p class="card-text" style="max-height: 99px; overflow-y: auto; scrollbar-width: none;">
Kashmir is a region in South Asia, known for its breathtaking natural beauty and complex
political history. It is situated in the northern part of the Indian subcontinent and
shares borders with India, Pakistan, and China. The region is famous for its stunning
landscapes, including the Himalayan mountains, lush valleys, and picturesque lakes.
</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
<div class="col cards">
<div class="card h-100 custom-card">
<img src="./img/Gujarat.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">GUJRAT</h5>
<p class="card-text" style="max-height: 99px; overflow-y: auto; scrollbar-width: none;">
Gujrat is a city in the Punjab province of Pakistan. It is known for its rich cultural
heritage, manufacturing industries, and educational institutions. Gujrat has a long
history dating back to ancient times and is home to various archaeological sites.
The city is renowned for its craftsmanship, particularly in the production of ceramics,
pottery, and brassware. Many of these handicrafts are exported worldwide, contributing
to the city's reputation as an industrial and economic hub in the region.
</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
</div>
</section>
<!-- Footer Section -->
<footer>
<p>© 2023 Explore India Tourism. All rights reserved.</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
crossorigin="anonymous"></script>
<script>
const menuBtn = document.querySelector('.menu-btn')
const navlinks = document.querySelector('.nav-links')
menuBtn.addEventListener('click', () => {
navlinks.classList.toggle('mobile-menu')
})
</script>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="js/script.js"></script>
</body>
</html>