-
Notifications
You must be signed in to change notification settings - Fork 0
/
Munnar.html
271 lines (265 loc) · 15.8 KB
/
Munnar.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Munnar</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/rapsy-restaurant.jpg" class="card-img-top" alt="Food Item 2">
<div class="card-body">
<h5 class="card-title">Rapsy Restaurant</h5>
<p class="card-text">Rapsy Restaurant in Munnar is a popular eatery known for its delicious and affordable Kerala-style cuisine.</p>
<a href="https://maps.app.goo.gl/Md2ERHmHhTv2Jnkc9">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/Tea_tales.jpg" class="card-img-top" alt="Food Item 3">
<div class="card-body">
<h5 class="card-title">Tea Tales Cafe</h5>
<p class="card-text">Tea Tales Café in Munnar offers a charming spot to enjoy delicious tea and snacks amidst the serene beauty of the hills.</p>
<a href="https://maps.app.goo.gl/bt5jZocnrio2DUFZ8">
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/Gurubhavan.jpg" class="card-img-top" alt="Food Item 1">
<div class="card-body">
<h5 class="card-title">Hotel Gurubhavan</h5>
<p class="card-text">Hotel Gurubhavan in Munnar is renowned for its authentic Kerala cuisine and warm, inviting ambiance.</p>
<a href="https://maps.app.goo.gl/27RAhuukGCAGRbSw7">
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/shree-mahaveer.jpg" class="card-img-top" alt="Food Item 4">
<div class="card-body">
<h5 class="card-title">Shree Mahaveer Bojanalaya</h5>
<p class="card-text">Shree Mahaveer Bojanalaya in Munnar is a popular vegetarian restaurant known for its authentic North Indian cuisine and homely ambiance.</p>
<a href="https://maps.app.goo.gl/WNyTPGkSxBHCUt1G8">
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/Silver_Tips.jpg" class="card-img-top" alt="Food Item 5">
<div class="card-body">
<h5 class="card-title">Silver Tips Restaurant</h5>
<p class="card-text">Silver Tips Restaurant in Munnar offers a unique dining experience with a cinematic theme, reflecting its heritage as a former movie theater.</p>
<a href="https://maps.app.goo.gl/czoVprccG8vUJjjn9">
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/Attukad_falls.jpg" class="card-img-top" alt="Place 1">
<div class="card-body">
<h5 class="card-title">Attukad Falls</h5>
<p class="card-text">Attukad Falls in Munnar is a picturesque waterfall nestled amidst lush green hills, popular for its scenic beauty and trekking opportunities.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Mattupetty_dam.jpg" class="card-img-top" alt="Place 2">
<div class="card-body">
<h5 class="card-title">Mattupetty Dam</h5>
<p class="card-text">The Mattupetty Dam in Munnar, Kerala, is a popular tourist attraction known for its scenic beauty and the tranquil lake formed by the dam, ideal for boating and picnics.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Top_station.jpg" class="card-img-top" alt="Place 5">
<div class="card-body">
<h5 class="card-title">Top Station</h5>
<p class="card-text">Top Station in Munnar offers breathtaking views of the Western Ghats and the Theni Valley, making it a must-visit destination for nature lovers.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Eravikulam.jpg" class="card-img-top" alt="Place 3">
<div class="card-body">
<h5 class="card-title">Eravikulam National Park</h5>
<p class="card-text">Eravikulam National Park in Munnar, is renowned for its lush green hills, the endangered Nilgiri Tahr, and the Neelakurinji flowers which occurs once every twelve years.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Tea_farms.jpg" class="card-img-top" alt="Place 4">
<div class="card-body">
<h5 class="card-title">Tea Farms</h5>
<p class="card-text">Tea farms in Munnar sprawl like verdant quilts over the undulating hills, creating a mesmerizing tapestry in shades of emerald and jade that stretches as far as the eye can see.</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/Homemade_choc.jpg" class="card-img-top" alt="Product 1">
<div class="card-body">
<h5 class="card-title">Homemade Chocolate</h5>
<p class="card-text">In Munnar, homemade chocolates melt hearts with their rich flavors offering a sweet taste of Kerala's highlands.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Idukki_spices.jpg" class="card-img-top" alt="Product 5">
<div class="card-body">
<h5 class="card-title">Idukki Spices</h5>
<p class="card-text">Idukki spices in Munnar offer a tantalizing blend of aromatic flavors that enhance the essence of local cuisine.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Neelakurunji_flwrs.jpg" class="card-img-top" alt="Product 3">
<div class="card-body">
<h5 class="card-title">Neelakurunji Flowers</h5>
<p class="card-text">Neelakurinji flowers in Munnar bloom once every twelve years, painting the hillsides in vibrant shades of purple.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Aromatic_oils.jpg" class="card-img-top" alt="Product 4">
<div class="card-body">
<h5 class="card-title">Aromatic Oils</h5>
<p class="card-text">Munnar is celebrated worldwide for its aromatic oils, a testament to its rich natural beauty and the profoundly soothing essence it offers to visitors.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Tea_varities.jpg" class="card-img-top" alt="Product 2">
<div class="card-body">
<h5 class="card-title">Tea Varieties</h5>
<p class="card-text">Munnar's serene hills in Kerala boast lush tea estates with diverse tea plants, offering a picturesque haven for tea enthusiasts globally.</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/Caritas_hsptl.jpg" class="card-img-top" alt="Place 1">
<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/Excelsior-springs-hospital.jpg" class="card-img-top" alt="Place 4">
<div class="card-body">
<h5 class="card-title">Excelsior Springs Hospital</h5>
<p class="card-text">Excelsior Springs Hospital is a prominent healthcare facility renowned for its exceptional medical care.</p>
<a href="https://maps.app.goo.gl/2U5cUcifRaLg9kFg8">
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 5">
<div class="card-body">
<h5 class="card-title">Gawtham Hospital</h5>
<p class="card-text">Gautham Hospital in Munnar 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>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/aastha_hsptl.jpg" class="card-img-top" alt="Place 3">
<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/Aster_hsptl.jpg" class="card-img-top" alt="Place 2">
<div class="card-body">
<h5 class="card-title">Aster Hospital</h5>
<p class="card-text">Aster Medcity Hospital in Munnar offers 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>
</section>