-
Notifications
You must be signed in to change notification settings - Fork 0
/
Mysore.html
273 lines (264 loc) · 15.6 KB
/
Mysore.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
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mysore</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="places.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.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/Pai_Vista.jpg" class="card-img-top" alt="Food Item 1">
<div class="card-body">
<h5 class="card-title">Hotel Pai Vista</h5>
<p class="card-text">Hotel Pai Vista in Mysore blends contemporary comfort with traditional hospitality, offering a tranquil retreat near the city's cultural landmarks and ensuring a memorable stay.</p>
<a href="https://maps.app.goo.gl/vRvqVLsNRw4hdwNR8">
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/Silent_Shores_Resort.jpg" class="card-img-top" alt="Food Item 2">
<div class="card-body">
<h5 class="card-title">Silent Shores Resort</h5>
<p class="card-text">Silent Shores Resort in Mysore is a tranquil retreat nestled by the serene waters of a lake, offering a blend of luxury accommodation and natural beauty, perfect for both relaxation.</p>
<a href="https://maps.app.goo.gl/NBD7NbZGvp5zER8p8">
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/Southern_Star.jpg" class="card-img-top" alt="Food Item 3">
<div class="card-body">
<h5 class="card-title">Southern Star Restaurant</h5>
<p class="card-text">The Southern Star Restaurant in Mysore is renowned for its delectable cuisine and warm hospitality, offering a delightful dining experience that captures the essence of local flavors.</p>
<a href="https://maps.app.goo.gl/AeBqsnwsdZ2qvX5b6">
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/spring_restaurant.jpg" class="card-img-top" alt="Food Item 4">
<div class="card-body">
<h5 class="card-title">Spring Restaurant</h5>
<p class="card-text">Spring Restaurant in Mysore is renowned for its delightful blend of local flavors and contemporary dining experiences, offering a culinary journey that celebrates the essence of South Indian cuisine.</p>
<a href="https://maps.app.goo.gl/ZMwTCfsLp16HRhh27">
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/My_South.jpg" class="card-img-top" alt="Food Item 5">
<div class="card-body">
<h5 class="card-title">My South Restaurant</h5>
<p class="card-text">My South Restaurant in Mysore captures the essence of traditional South Indian cuisine with its authentic flavors and warm hospitality, inviting diners to savor a culinary journey.</p>
<a href="https://maps.app.goo.gl/JiBMvLNUDg7cgyiE9">
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/Mysore_Palace.jpg" class="card-img-top" alt="Place 3">
<div class="card-body">
<h5 class="card-title">Mysore Palace</h5>
<p class="card-text">The Mysore Palace in Mysore is a majestic symbol of royal grandeur, renowned for its Indo-Saracenic architecture adorned with intricate carvings and vibrant paintings.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Somnathpur_Temple.jpg" class="card-img-top" alt="Place 2">
<div class="card-body">
<h5 class="card-title">Somnathpur Temple</h5>
<p class="card-text">Somnathpur Temple near Mysore is a masterpiece of Hoysala architecture, renowned for its intricate stone carvings and spiritual significance.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Railway_Muesuem.jpeg" class="card-img-top" alt="Place 1">
<div class="card-body">
<h5 class="card-title">Railway Muesuem</h5>
<p class="card-text">The Railway Museum in Mysore showcases a captivating journey through time, highlighting the rich heritage of Indian railways.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Karanji_Lake.jpeg" class="card-img-top" alt="Place 4">
<div class="card-body">
<h5 class="card-title">Karanji Lake</h5>
<p class="card-text">Karanji Lake in Mysore is a serene oasis renowned for its scenic beauty and rich avian diversity, offering visitors a peaceful retreat amidst lush greenery and tranquil waters.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Namdroling_Monastery.jpg" class="card-img-top" alt="Place 5">
<div class="card-body">
<h5 class="card-title">Namdroling Monestry</h5>
<p class="card-text">Namdroling Monastery in Mysore is a majestic center of Tibetan Buddhism, renowned for its ornate architecture, serene prayer halls, and vibrant cultural celebrations.</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/Wooden_Toys.webp" class="card-img-top" alt="Product 1">
<div class="card-body">
<h5 class="card-title">Wooden Toys</h5>
<p class="card-text">Mysore is renowned for its exquisite wooden toys, meticulously handcrafted by skilled artisans, reflecting the city's rich cultural heritage and artistic finesse.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Stone_Sculptures.jpg" class="card-img-top" alt="Product 2">
<div class="card-body">
<h5 class="card-title">Stone Sculptures</h5>
<p class="card-text">The stone sculptures in Mysore, a testament to the region's rich cultural heritage, showcase intricate craftsmanship and artistic excellence.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Coffepowder.webp" class="card-img-top" alt="Product 3">
<div class="card-body">
<h5 class="card-title">Coffe Powder</h5>
<p class="card-text">Renowned for its rich aroma and robust flavor, coffee powder from Mysore is a prized commodity, reflecting the region's legacy.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Mysore_Pak.jpg" class="card-img-top" alt="Product 4">
<div class="card-body">
<h5 class="card-title">Mysore Pak</h5>
<p class="card-text">Mysore Pak, a delectable sweet treat originating from Mysore, is renowned for its rich, buttery flavor and melt-in-the-mouth texture, making it a beloved delicacy for both locals and visitors.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/Sandalwoodproducts.webp" class="card-img-top" alt="Product 5">
<div class="card-body">
<h5 class="card-title">Sandalwood Products</h5>
<p class="card-text">Mysore is renowned for its exquisite sandalwood products, including intricately carved artifacts, aromatic oils, and luxurious soaps, reflecting the city's rich heritage and craftsmanship.</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/Nayana_Kumar_Hosp.jpg" class="card-img-top" alt="Place 1">
<div class="card-body">
<h5 class="card-title">Nayana Kumar Hospital</h5>
<p class="card-text">Nayana Kumar Hospital in Mysore is renowned for its exceptional healthcare services, combining advanced medical technology with compassionate care to serve the community effectively.</p>
<a href="https://maps.app.goo.gl/gG7MCAfym6ShAuKs6">
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/DRM_Hosp.webp" class="card-img-top" alt="Place 4">
<div class="card-body">
<h5 class="card-title">DRM Hospital</h5>
<p class="card-text">DRM Hospital in Mysore is renowned for its state-of-the-art facilities and compassionate care, serving as a trusted healthcare provider for the local community and beyond.</p>
<a href="https://maps.app.goo.gl/8GA9nKEW3XUphRwN9">
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/Manipal_Hospitals.png" class="card-img-top" alt="Place 5">
<div class="card-body">
<h5 class="card-title">Manipal Hospital</h5>
<p class="card-text">Manipal Hospital in Mysore is a state-of-the-art healthcare facility renowned for its comprehensive medical services and patient-centered care, serving the community.</p>
<a href="https://maps.app.goo.gl/s4eMeJfSpoGnXvaY6">
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/Sigma_Hospital.jpg" class="card-img-top" alt="Place 2">
<div class="card-body">
<h5 class="card-title">Sigma Hospital</h5>
<p class="card-text">Sigma Hospital in Mysore is renowned for its commitment to providing high-quality healthcare services, combining advanced medical technology with compassionate patient care.</p>
<a href="https://maps.app.goo.gl/bSNJzfVVJkDBsi21A">
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/Bhanavi_Hosp.avif" class="card-img-top" alt="Place 3">
<div class="card-body">
<h5 class="card-title">Bhanavi Hospital</h5>
<p class="card-text">Bhanavi Hospital in Mysore is renowned for its state-of-the-art facilities and compassionate care, serving the community with a commitment to medical excellence and patient well-being.</p>
<a href="https://maps.app.goo.gl/AttDBHAMdUyMcq8GA">
Location <i class="fa-solid fa-location-dot"></i>
</a>
</div>
</div>
</div>
</div>
</section>