-
Notifications
You must be signed in to change notification settings - Fork 0
/
Coorg.html
271 lines (265 loc) · 15.3 KB
/
Coorg.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>Coorg</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/Capitol_Village.avif" class="card-img-top" alt="Food Item 1">
<div class="card-body">
<h5 class="card-title">Capitol Village Restaurant</h5>
<p class="card-text">Capitol Village Restaurant provides a tranquil retreat, combining scenic views with authentic Coorgi cuisine for a memorable dining and stay experience.</p>
<a href="https://maps.app.goo.gl/HiqBgjMrVKgdyA4E6">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/Green_land.jpg" class="card-img-top" alt="Food Item 2">
<div class="card-body">
<h5 class="card-title">The Green Land Hotel</h5>
<p class="card-text">The Green Hotel is celebrated for its eco-friendly practices and tranquil ambiance, offering sustainable accommodation amidst the lush landscapes of the region.</p>
<a href="https://maps.app.goo.gl/4FEnoX6ZFrKSJmqM7">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/Coorg_cuisine.webp" class="card-img-top" alt="Food Item 3">
<div class="card-body">
<h5 class="card-title">Coorg Cuisine Restaurant</h5>
<p class="card-text">The Coorg Cuisine Restaurant in Coorg showcases authentic Kodava flavors, serving traditional dishes that highlight the region's rich culinary heritage.</p>
<a href="https://maps.app.goo.gl/UDRVJKEmKuSGjdY67">
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/east_end.jpg" class="card-img-top" alt="Food Item 4">
<div class="card-body">
<h5 class="card-title">The East End Hotel</h5>
<p class="card-text">The East End Hotel is a comfortable retreat known for its scenic location and warm hospitality, offering a tranquil stay amidst the lush landscapes of the region.</p>
<a href="https://maps.app.goo.gl/npNhv57rpZYWEnFe9">
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/coorg-gate.avif" class="card-img-top" alt="Food Item 5">
<div class="card-body">
<h5 class="card-title">The Coorg Gate Restaurant</h5>
<p class="card-text">The Coorg Gate Restaurant in Coorg is celebrated for its authentic Coorgi cuisine served in a cozy setting, embodying the region's rich culinary heritage.</p>
<a href="https://maps.app.goo.gl/AbTEyZ1AbMzptiBp6">
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/Abbey_falls.jpg" class="card-img-top" alt="Place 3">
<div class="card-body">
<h5 class="card-title">Abbey Falls</h5>
<p class="card-text">Abbey Falls in Coorg cascades beautifully amidst lush greenery, offering a tranquil escape and breathtaking views of nature's splendor.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Bhagamandala_tmpl.jpg" class="card-img-top" alt="Place 1">
<div class="card-body">
<h5 class="card-title">Bhagamandala Temple</h5>
<p class="card-text">Bhagamandala Temple is a sacred Hindu pilgrimage site where the Triveni Sangama (confluence) of three rivers, including the holy Kaveri River, is revered by devotees.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Dubare_elephant_camp.jpg" class="card-img-top" alt="Place 2">
<div class="card-body">
<h5 class="card-title">Dubare Elephants Camp</h5>
<p class="card-text">Dubare Elephant Camp offers a unique opportunity to interact closely with elephants, including bathing and feeding them, amidst the scenic beauty.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Golden_tmpl.jpg" class="card-img-top" alt="Place 4">
<div class="card-body">
<h5 class="card-title">Namdroling Monastery</h5>
<p class="card-text">Namdroling Monastery in Coorg is a serene Tibetan Buddhist monastery known for its ornate architecture, vibrant prayer halls, and tranquil surroundings.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Talakaveri.jpg" class="card-img-top" alt="Place 5">
<div class="card-body">
<h5 class="card-title">Talakaveri</h5>
<p class="card-text">Talakaveri in Coorg is known as the sacred source of the river Kaveri, celebrated for its serene beauty and significant spiritual importance in South India.</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/Handbag.jpg" class="card-img-top" alt="Product 1">
<div class="card-body">
<h5 class="card-title">Handmade Bags</h5>
<p class="card-text">Handmade bags made in Coorg showcase meticulous craftsmanship and local artistry, blending traditional designs with modern aesthetics for unique and sustainable fashion statements.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Organic_Spices.jpg" class="card-img-top" alt="Product 2">
<div class="card-body">
<h5 class="card-title">Organic Spices</h5>
<p class="card-text">Coorg is renowned for its rich spice plantations, producing a diverse range of aromatic organic spices, including cardamom, pepper, cinnamon, cloves, and nutmeg.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Honey.webp" class="card-img-top" alt="Product 3">
<div class="card-body">
<h5 class="card-title">Homemade Honey</h5>
<p class="card-text">Coorg honey, also known as Kodagu honey, is a unique and sought-after variety of honey that originates from the Coorg district, known for its essence of wildflowers, orange, and coffee blossoms.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Roasted_coffee.webp" class="card-img-top" alt="Product 4">
<div class="card-body">
<h5 class="card-title">Roasted Coffee</h5>
<p class="card-text">Roasted coffee from Coorg, often referred to as the "Coffee Cup of India," is renowned for its rich aroma, smooth flavor, and vibrant notes, cultivated in Karnataka.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Terracota_Decor.webp" class="card-img-top" alt="Product 5">
<div class="card-body">
<h5 class="card-title">Terracota Decor</h5>
<p class="card-text">Coorg's terracotta décor blends traditional artistry with nature's rustic elegance, enhancing the serene beauty of this lush region.</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/LMC_hsptl" class="card-img-top" alt="Place 1">
<div class="card-body">
<h5 class="card-title">Lopamudra Multispeciality</h5>
<p class="card-text">Lopamudra Multispeciality Centre in Coorg's Gonikoppal offers comprehensive medical services, including emergency care, cardiology, and pediatrics.</p>
<a href="https://maps.app.goo.gl/3iurYaqnymeCBiga6">
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/Disrtict_hsptl.jpg" class="card-img-top" alt="Place 4">
<div class="card-body">
<h5 class="card-title">District Hospital At Madikeri</h5>
<p class="card-text">The District Hospital at Madikeri in Coorg, Karnataka, is a key healthcare facility providing essential medical services to the local community and surrounding areas.</p>
<a href="https://maps.app.goo.gl/Pno39ZE5b4cSuuSR8">
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/iksha_hsptl" class="card-img-top" alt="Place 5">
<div class="card-body">
<h5 class="card-title">Iksha Mulitspeciality Hospital</h5>
<p class="card-text">Iksha Multispeciality Hospital in Coorg is a modern healthcare facility offering comprehensive medical services across various specialties.</p>
<a href="https://maps.app.goo.gl/7Ry57biBC9LWneVX7">
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/pnm_hsptl.avif" class="card-img-top" alt="Place 2">
<div class="card-body">
<h5 class="card-title">PNM Hospital</h5>
<p class="card-text">PNM Hospital in Coorg is a reputed healthcare facility offering comprehensive medical services to the local community and visitors.</p>
<a href="https://maps.app.goo.gl/pdobcXq4HvgucxTJ7">
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/vivus_hsptl" class="card-img-top" alt="Place 3">
<div class="card-body">
<h5 class="card-title">Vivus Hospital</h5>
<p class="card-text">Vivus Hospital, is a well-regarded medical facility known for its comprehensive healthcare services, including emergency care and specialized treatments. </p>
<a href="https://maps.app.goo.gl/THoGj2p6mLaA9QXP9">
Location <i class="fa-solid fa-location-dot"></i>
</a>
</div>
</div>
</div>
</div>
</section>
</body>