-
Notifications
You must be signed in to change notification settings - Fork 0
/
kerala.html
280 lines (275 loc) · 17.7 KB
/
kerala.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kerala</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="places.css">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-custom">
<!-- <a class="navbar-brand" href="#">My Website</a> -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#restaurants">Restaurants</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#places">Places</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#products">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#hospitals">Hospitals</a>
</li>
</ul>
</div>
</nav>
<!-- Food Items Section -->
<section id="restaurants" class="container my-5">
<h2>Restaurants</h2>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Villa_maya.jpg" class="card-img-top" alt="Food Item 1">
<div class="card-body">
<h5 class="card-title">Villa Maya Restaurant</h5>
<p class="card-text">Villa Maya is an upscale heritage restaurant in Kerala, offering a fusion of traditional and contemporary global cuisine in a restored 18th-century Dutch mansion.</p>
<a href="https://www.google.com/maps/dir//Villa+Maya,+MUTHOOT+SKY+CHEF,+No-120+Palayam+Airport+Road+Near,+Vallakkadavu,+Thiruvananthapuram,+Kerala+695008/@8.481901,76.9344541,17z/data=!4m16!1m7!3m6!1s0x3b05bb75ed83692f:0xf4246af1ff4f12d6!2sVilla+Maya!8m2!3d8.481901!4d76.937029!16s%2Fg%2F11xjn9pk3!4m7!1m0!1m5!1m1!1s0x3b05bb75ed83692f:0xf4246af1ff4f12d6!2m2!1d76.9370503!2d8.4819122?entry=ttu">Location <i class="fa-solid fa-location-dot"></i></a>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Rice_boat.jpeg" class="card-img-top" alt="Food Item 2">
<div class="card-body">
<h5 class="card-title">Rice Boat Restaurant</h5>
<p class="card-text">Rice Boat is a renowned restaurant in Kerala, specializing in fresh seafood and traditional Keralite cuisine, housed in a charming setting reminiscent rice boat.</p>
<a href="https://www.google.com/maps/dir//Rice+Boat,+Taj+Malabar+Resort+%26+Spa,+Cochin,+Willingdon+Island,+Kochi,+Kerala+682009/@9.9685085,76.255036,17z/data=!4m16!1m7!3m6!1s0x3b086d4d90f49553:0x531d08c40df8a298!2sRice+Boat!8m2!3d9.9685085!4d76.2576109!16s%2Fg%2F11b5qxmtnw!4m7!1m0!1m5!1m1!1s0x3b086d4d90f49553:0x531d08c40df8a298!2m2!1d76.2576109!2d9.9685085?entry=ttu">Location <i class="fa-solid fa-location-dot"></i></a>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Restaurant_chef.jpg" class="card-img-top" alt="Food Item 3">
<div class="card-body">
<h5 class="card-title">Restaurant Chef Pillai Kochi</h5>
<p class="card-text">Restaurant Chef Pillai in Kerala offers a unique dining experience with innovative Keralite cuisine crafted by celebrity chef Suresh Pillai.
</p>
<a href="https://www.google.com/maps/dir//Le+M%C3%A9ridien+Kochi,+Nettoor,+Maradu,+Kochi,+Ernakulam,+Kerala+682304/@9.9338024,76.2339106,12z/data=!3m1!4b1!4m8!4m7!1m0!1m5!1m1!1s0x3b0873cd2aed82f7:0xa6d4fd2265caa64a!2m2!1d76.3163125!2d9.9338125?entry=ttu">
Location <i class="fa-solid fa-location-dot"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Pathemari.jpg" class="card-img-top" alt="Food Item 4">
<div class="card-body">
<h5 class="card-title">Pathemari Restaurant</h5>
<p class="card-text">Pathemari Restaurant in Kerala is known for its authentic Malabar cuisine, offering a rich array of traditional dishes in a cozy and inviting atmosphere.
</p>
<a href="https://www.google.com/maps/dir//3G5H%2B94P+PATHEMARI+RESTURANT,+Keezhillam,+Kerala+683541/@10.8947481,75.4064414,9z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3b07e119a83bd221:0xeb53f882445c0663!2m2!1d76.5278205!2d10.0584566?entry=ttu">
Location <i class="fa-solid fa-location-dot"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Roast_town.jpg" class="card-img-top" alt="Food Item 5">
<div class="card-body">
<h5 class="card-title">Roast Town Restaurant</h5>
<p class="card-text">Roast Town Restaurant in Kerala is popular for its delectable roasted dishes and contemporary take on traditional flavors, served in a casual and vibrant setting.
</p>
<a href="https://www.google.com/maps/dir//ROASTOWN-Global+Cuisine+Restaurant,+Aristo+Road,+Mission+Quarters+Rd,+East+Fort,+Thrissur,+Kerala+680005/@10.512675,76.2246795,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3ba7ef1b2d7d6205:0x8f56e2403e603ee4!2m2!1d76.2272581!2d10.5126752?entry=ttu">
Location <i class="fa-solid fa-location-dot"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Places Section -->
<section id="places" class="container my-5">
<h2>Places</h2>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Alleppey.jpg" class="card-img-top" alt="Place 1">
<div class="card-body">
<h5 class="card-title">Alleppey</h5>
<p class="card-text">Alleppey, often referred to as the "Venice of the East," is a picturesque town in Kerala known for its serene backwaters, houseboat cruises, and lush landscapes.
</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Kochi.jpg" class="card-img-top" alt="Place 2">
<div class="card-body">
<h5 class="card-title">Kochi</h5>
<p class="card-text">Kochi, also known as Cochin, is a vibrant port city in Kerala famous for its rich history, diverse culture, and scenic waterfront.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Kovalam.jpg" class="card-img-top" alt="Place 3">
<div class="card-body">
<h5 class="card-title">Kovalam</h5>
<p class="card-text">Kovalam is a popular beach destination in Kerala, renowned for its stunning crescent-shaped beaches, palm-lined shores, and vibrant seaside ambiance.
</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Kumarakom.jpg" class="card-img-top" alt="Place 4">
<div class="card-body">
<h5 class="card-title">Kumarakom</h5>
<p class="card-text">Kumarakom is a serene backwater village in Kerala, known for its picturesque landscapes, bird sanctuary, and tranquil houseboat experiences.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Vagamon.jpg" class="card-img-top" alt="Place 5">
<div class="card-body">
<h5 class="card-title">Vagamon</h5>
<p class="card-text">Vagamon is a serene hill station in Kerala, celebrated for its lush greenery, meadows, and tranquil surroundings, ideal for nature lovers and trekkers alike.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Products Section -->
<section id="products" class="container my-5">
<h2>Products</h2>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Nettur_petti.jpg" class="card-img-top" alt="Product 1">
<div class="card-body">
<h5 class="card-title">Nettur Petti</h5>
<p class="card-text">Nettur Petti is a traditional wooden treasure chest used historically in Kerala to store valuables, often intricately crafted and culturally significant.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Coir_product.jpg" class="card-img-top" alt="Product 2">
<div class="card-body">
<h5 class="card-title">Banana Fiber Products</h5>
<p class="card-text">Coir products, renowned for their eco-friendly nature and versatility, crafted from coconut husk fibers, used in various applications including handicrafts.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Aranmula_Kannadi.jpg" class="card-img-top" alt="Product 3">
<div class="card-body">
<h5 class="card-title">Aranmula Kannadi</h5>
<p class="card-text">Aranmula Kannadi is a unique handmade mirror from Kerala, known for its intricate craftsmanship and believed to bring prosperity and luck to its owners.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Coconut_shell.png" class="card-img-top" alt="Product 4">
<div class="card-body">
<h5 class="card-title">Coconut shell</h5>
<p class="card-text">Coconut shells in Kerala are creatively repurposed into eco-friendly handicrafts, utensils, and decorative items.
</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Spices1.jpg" class="card-img-top" alt="Product 5">
<div class="card-body">
<h5 class="card-title">Spices</h5>
<p class="card-text">Spices in Kerala are prized globally for their exceptional quality, diversity, and role in shaping the region's rich culinary traditions.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Hospitals Section -->
<section id="hospitals" class="container my-5">
<h2>Hospitals</h2>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Sunrise_hsptl.png" class="card-img-top" alt="Place 1">
<div class="card-body">
<h5 class="card-title">Sunrise Hospital</h5>
<p class="card-text">Sunrise Hospital in Kerala is a leading healthcare institution known for its advanced medical facilities.
</p>
<a href="https://www.google.com/maps/dir//Sunrise+Hospital+Kochi,+Seaport+-+Airport+Rd,+Thrikkakara,+Kakkanad,+Kerala+682030/@10.0252931,76.3364233,17z/data=!4m16!1m7!3m6!1s0x3b080c927e4c2dad:0x680045c873b70587!2sSunrise+Hospital+Kochi!8m2!3d10.0252931!4d76.3389982!16s%2Fg%2F11clgp4vh8!4m7!1m0!1m5!1m1!1s0x3b080c927e4c2dad:0x680045c873b70587!2m2!1d76.3389982!2d10.0252931?entry=ttu">
Location <i class="fa-solid fa-location-dot"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Caritas_hsptl.jpg" class="card-img-top" alt="Place 2">
<div class="card-body">
<h5 class="card-title">Caritas Hospital</h5>
<p class="card-text">Caritas Hospital in Kerala is a renowned healthcare facility recognized for its comprehensive medical services.
</p>
<a href="https://www.google.com/maps/dir//Caritas+Hospital+-+Multispeciality+Hospital,+Kottayam,+Caritas+Hospital,+Thellakom,+Kerala+686630/@9.6464699,76.5473015,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3b07d357e35d61ad:0x27680d9b2d78f03!2m2!1d76.5498764!2d9.6464699?entry=ttu">
Location <i class="fa-solid fa-location-dot"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Gautham_hsptl.png" class="card-img-top" alt="Place 3">
<div class="card-body">
<h5 class="card-title">Gautham Hospital</h5>
<p class="card-text">Gautham Hospital in Kerala is a trusted healthcare provider known for its specialized treatments.</p>
<a href="https://www.google.com/maps/dir//Gautham+Hospital,+PB-868,+Mother+Teresa+Rd,+Panayappilly,+Chullickal,+Kochi,+Kerala+682005/@9.9471158,76.25373,17z/data=!4m16!1m7!3m6!1s0x3b086d315aaaaa8d:0x553c8dd6728a5ecc!2sGautham+Hospital!8m2!3d9.9471158!4d76.2563049!16s%2Fm%2F07k8z2h!4m7!1m0!1m5!1m1!1s0x3b086d315aaaaa8d:0x553c8dd6728a5ecc!2m2!1d76.2563049!2d9.9471158?entry=ttu">
Location <i class="fa-solid fa-location-dot"></i>
</a>
</div>
</div>
</div>1
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Aster_hsptl.jpg" class="card-img-top" alt="Place 4">
<div class="card-body">
<h5 class="card-title">Aster Medcity</h5>
<p class="card-text">Aster Medcity Hospital in Kerala is a world-class healthcare facility offering advanced medical treatments and comprehensive care services.
</p>
<a href="https://www.google.com/maps/dir//Aster+Medcity,+Kuttisahib+Road+Cheranelloor,+South+Chittoor,+Kochi,+Kerala+682027/@10.0441292,76.2753063,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3b08121955555593:0x58437a57aa75f29b!2m2!1d76.2778812!2d10.0441292?entry=ttu">
Location <i class="fa-solid fa-location-dot"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Lourdes.jpg" class="card-img-top" alt="Place 5">
<div class="card-body">
<h5 class="card-title">Lourdes Hospital</h5>
<p class="card-text">Lourdes Hospital in Kerala is a prominent healthcare institution known for its compassionate care and modern medical facilities.
</p>
<a href="https://www.google.com/maps/dir//Lourdes+Hospital,+Lourdes+hospital+Road+Pachalam+P+O,+Kochi,+Kerala+682012/@10.006475,76.2748384,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3b062785ea4b333b:0x1932c7092fddb7e!2m2!1d76.2774133!2d10.006475?entry=ttu">
Location <i class="fa-solid fa-location-dot"></i>
</a>
</div>
</div>
</div>
</div>
</section>