-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathExplore.html
230 lines (206 loc) · 13.6 KB
/
Explore.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yatra</title>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--navbar-->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Yatra</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link " aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Destinations.html">Destinations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Activities.html">Activities</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Experience.html">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="Explore.html">Explore</a>
</li>
</ul>
<span>
<button type="button" class="btn btn-outline-primary"><a class="text-decoration-none" href="sign-in.html">Sign-in</a></button>
<button type="button" class="btn btn-outline-primary"><a class="text-decoration-none" href="sign-up.html">Sign-up</a></button>
</span>
</div>
</div>
</nav>
</header>
<!--end of navbar-->
<!--Explore-->
<div class="container">
<div class="row">
<h1 class="display-4 text-uppercase text-center mt-4 mb-4">Explore</h1>
<div class="row row-cols-1 row-cols-md-4 g-4">
<div class="col">
<div class="card h-100">
<img src="images/Explore/kasaragod.jpg" class="card-img-top" alt="kasaragod">
<div class="card-body">
<h5 class="card-title">kasaragod</h5>
<p class="card-text"> Kasaragod is famous for its handlooms and its 293 kilometre long coastline. With its cultural uniqueness, the place is known as the land of gods. Rich in history, Kasaragod is home to the largest and best preserved fort in the State - Bekal.</p>
<a href="kasaragod.html" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="images/Explore/kannur.jpg" class="card-img-top" alt="Kannur">
<div class="card-body">
<h5 class="card-title">Kannur</h5>
<p class="card-text">Kannur is dubbed as the City of Looms and Lores, thanks to the flourishing handloom industry and folk art called Theyyam. Theyyamis a ritualistic artform encompassing dance, music and mime, where the artist dons the guise of God. Kannur is believed to have got its name from being the land of Kannan or Krishna.</p>
<a href="Kannur.html" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="images/Explore/wayanad.jpg" class="card-img-top" alt="Wayanad">
<div class="card-body">
<h5 class="card-title">Wayanad</h5>
<p class="card-text">This popular town is famous for wildlife and its spice plantations. Wayanad is part of a forest reserve, located on the border of Tamil Nadu and Kerala. Because of it wild green coverage it offers great scenic beauty along with the experience of seeing wildlife.
</p>
<a href="Wayanad.html" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="images/Explore/kozhikode.jpg" class="card-img-top" alt="kozhikode">
<div class="card-body">
<h5 class="card-title">kozhikode</h5>
<p class="card-text">Formerly known as Calicut, Kozhikode is located in Kerala. It was the Capital of Malabar during the Zamorin rule 500 years ago and is famous for its centuries-old trade in cotton and spices with Jews, Arabs, Phoenicians and Chinese.</p>
<a href="kozhikode.html" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="images/Explore/malappuram.jpg" class="card-img-top" alt="Malappuram">
<div class="card-body">
<h5 class="card-title">Malappuram</h5>
<p class="card-text">Malappuram has made numerous contributions to the cultural heritage of Kerala. A famous centre for Hindu-Vedic learning and Islamic philosophy, the temples and mosques of this region are well known for their spectacular festivals.</p>
<a href="Malappuram.html" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="images/Explore/palakkad.jpg" class="card-img-top" alt="Palakkad">
<div class="card-body">
<h5 class="card-title">Palakkad</h5>
<p class="card-text">Palakkad is also known as the rice bowl of Kerala. The 18th-century Palakkad Fort has sturdy battlements, a moat, and a Hanuman temple on its grounds. North on the Kalpathy River, the 15th-century Viswanatha Swamy Temple is the main venue of the Ratholsavam chariot festival.</p>
<a href="#" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="images/Explore/thrissur.jpg" class="card-img-top" alt="Thrissur">
<div class="card-body">
<h5 class="card-title">Thrissur</h5>
<p class="card-text">Thrissur is known as the cultural capital of Kerala, and the land of Poorams. The district is known for its ancient temples, churches, and mosques. Thrissur Pooram is the most colourful temple festival in Kerala.</p>
<a href="#" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="images/Explore/ekm.jpg" class="card-img-top" alt="Ernakulam">
<div class="card-body">
<h5 class="card-title">Ernakulam</h5>
<p class="card-text">The flourishing city of Ernakulam or Kochi, in the South West Coast of Kerala, also known as ”Gods Own Country”, is renowned for its breath-taking beauty overlooking the Arabian Sea with backwater hubs like Kottayam and Alappuzha districts in the south.</p>
<a href="#" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="images/Explore/alappuzha.jpg" class="card-img-top" alt="Alappuzha">
<div class="card-body">
<h5 class="card-title">Alappuzha</h5>
<p class="card-text">Alappuzha, famous for its boat races, beaches, marine products and coir industry, is a world renowned backwater tourist destination of India. Kuttanad, Alappuzha backwaters and Alappuzha beach are the must-see tourist attractions in the district.</p>
<a href="#" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="images/Explore/iduuki.jpg" class="card-img-top" alt="Idukki">
<div class="card-body">
<h5 class="card-title">Idukki</h5>
<p class="card-text">Idukki district is famous for its rich flora and fauna. It is home to the popular Eravikulam National Park and is characterized by the Anamudi mountain. Idukki is one of the greenest districts of Kerala.</p>
<a href="#" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="images/Explore/pathanamthitta.jpg" class="card-img-top" alt="Pathanamthitta">
<div class="card-body">
<h5 class="card-title">Pathanamthitta</h5>
<p class="card-text">Situated near the Western Ghats and bordered by the hills, Pathanamthitta district is a treat to eyes with its vast unending stretches of forests, rivers and rural landscapes. Blessed by nature, the district is famous for its scenic beauty, fairs and festivals.</p>
<a href="#" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="images/Explore/kollam.jpg" class="card-img-top" alt="Kollam">
<div class="card-body">
<h5 class="card-title">Kollam</h5>
<p class="card-text">A famous port of international spice trade in ancient India, the present day Kollam is famous for its varied modern industries including cashew nut processing and research, fisheries, etc. Its association with the renowned Ashtamudi Lake makes it the gateway to the magnificent backwaters of Kerala.</p>
<a href="#" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="images/Explore/kottayam.jpg" class="card-img-top" alt="Kottayam">
<div class="card-body">
<h5 class="card-title">Kottayam</h5>
<p class="card-text">The city is an important trading center of spices and commercial crops, especially rubber. Most of India's natural rubber originates from the acres of well-kept plantations of Kottayam, also home to the Rubber Board.</p>
<a href="#" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="images/Explore/thiruvanathapuram.jpg" class="card-img-top" alt="Thiruvananthapuram">
<div class="card-body">
<h5 class="card-title">Thiruvananthapuram</h5>
<p class="card-text">Thiruvananthapuram is a major tourist centre, known for the Padmanabhaswamy Temple, the beaches of Kovalam and Varkala, the backwaters of Poovar and Anchuthengu and its Western Ghats tracts of Ponmudi and the Agastya Mala.</p>
<a href="#" class="btn btn-primary">Explore more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end of Explore-->
<!--Footer-->
<div>
<div class="p-3 mt-5 bg-dark text-white text-center">All rights reserved © Yatra</div>
</div>
<!--end of footer-->
</body>
</html>