-
Notifications
You must be signed in to change notification settings - Fork 0
/
Shimla.html
274 lines (269 loc) · 18.6 KB
/
Shimla.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shimla</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/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/the_brew_estate.jpg" class="card-img-top" alt="Food Item 1">
<div class="card-body">
<h5 class="card-title">The Brew Estate Restaurant</h5>
<p class="card-text">The Brew Estate Restaurant in Shimla blends the charm of colonial architecture with a contemporary brewpub ambiance, offering a delightful fusion of flavors and stunning views of the Shimla hills.</p>
<a href="https://www.google.com/maps/dir//The+Brew+Estate,+near+Christ+Church+The+Ridge,+Lakkar+Bazar,+Shimla,+Himachal+Pradesh+171001/@31.1039779,77.1740654,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x390579aa1dcb0fdd:0x542ef33a58e915a2!2m2!1d77.1766403!2d31.1039779?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/devicos_restaurant.jpg" class="card-img-top" alt="Food Item 3">
<div class="card-body">
<h5 class="card-title">Devicos Restaurant</h5>
<p class="card-text">Devicos Restaurant in Shimla captivates diners with its cozy ambiance and delectable offerings, providing a delightful culinary experience amidst the charming hill station surroundings.</p>
<a href="https://www.google.com/maps/dir//5,+Mall+Rd,+Vijaya+Bank,+The+Mall,+Shimla,+Himachal+Pradesh+171001/@31.1053308,77.0883337,12z/data=!3m1!4b1!4m8!4m7!1m0!1m5!1m1!1s0x390578f20b8011b7:0xd2d24662ff27f76d!2m2!1d77.170735!2d31.105357?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/the_restaurant.jpg" class="card-img-top" alt="Food Item 4">
<div class="card-body">
<h5 class="card-title">The Restaurant</h5>
<p class="card-text">The Restaurant in Shimla blends colonial charm with panoramic mountain views, offering a culinary journey that complements the city's historic ambiance and scenic beauty.</p>
<a href="https://www.google.com/maps/dir//The+Restaurant,+Wildflower+Hall,+Shimla+in+the+Himalayas,+Charabra,+Shimla,+Himachal+Pradesh+171012/@31.1041305,77.1099767,12z/data=!4m8!4m7!1m0!1m5!1m1!1s0x39058377ee97655d:0x77505736cc6b16!2m2!1d77.2476734!2d31.1139375?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">
<!-- <i class="fa-regular fa-heart"></i> -->
<!-- <i class="fa-solid fa-heart"></i> -->
<img src="./images/eighteen_cafe.png" class="card-img-top" alt="Food Item 2">
<div class="card-body">
<h5 class="card-title">Eighteen71 CookHouse And Bar</h5>
<p class="card-text">Eighteen71 CookHouse And Bar in Shimla blends colonial charm with contemporary flavors, offering a delightful culinary experience amidst the picturesque Himalayan vistas.</p>
<a href="https://www.google.com/maps/dir//Eighteen71+Cookhouse+%26+Bar+(Indian+%26+Oriental+Fine+Dining+Restaurant+in+Shimla),+near+Tourism+Lift+Hotel+Willow+Banks,+The+Mall,+Shimla,+Himachal+Pradesh+171001/@31.1009666,77.1738618,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x39057895cdf746fb:0xbf2d467bfc8cf43f!2m2!1d77.1764367!2d31.1009666?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/the_central.jpg" class="card-img-top" alt="Food Item 5">
<div class="card-body">
<h5 class="card-title">The Central</h5>
<p class="card-text">The Central in Shimla stands as a historic landmark, blending colonial charm with modern comforts, offering visitors a nostalgic retreat amidst the scenic splendor of the Himalayan hill station.</p>
<a href="https://www.google.com/maps/dir//45%2F1,+45+The+Central,+The+Mall,+Mall+Rd,+Middle+Bazar,+The+Mall,+Shimla,+Himachal+Pradesh+171001/@31.1029264,77.1731824,18z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3905789364ec3d4f:0x284bf9f20a24a4be!2m2!1d77.1735778!2d31.1044046?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/kali_bari_tmpl.jpg" class="card-img-top" alt="Place 1">
<div class="card-body">
<h5 class="card-title">Kali Bari Temple</h5>
<p class="card-text">Kali Bari Temple in Shimla, nestled amidst pine-clad hills, is a spiritual oasis revered for its tranquil surroundings and cultural significance, drawing devotees and tourists alike to experience its serene ambiance.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/viceregal_lodge.jfif" class="card-img-top" alt="Place 2">
<div class="card-body">
<h5 class="card-title">Viceregal Lodge</h5>
<p class="card-text">The Viceregal Lodge in Shimla, a majestic architectural marvel amidst the lush greenery of the Himalayan foothills, stands as a poignant reminder of India's colonial history.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/kalka_shimla.jpg" class="card-img-top" alt="Place 5">
<div class="card-body">
<h5 class="card-title">Kalka Shimla Train Ride</h5>
<p class="card-text">The Kalka-Shimla train ride is a nostalgic journey through lush pine forests and quaint hillside villages, offering travelers a scenic and historic experience on one of India's most picturesque.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/tara_devi_tmpl.jpg" class="card-img-top" alt="Place 3">
<div class="card-body">
<h5 class="card-title">Tara Devi Temple</h5>
<p class="card-text">Tara Devi Temple in Shimla is a revered hilltop sanctuary, where devotees and visitors alike seek spiritual solace amidst the serene pine forests and panoramic views of the Shimla valley below.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/chadwick_falls.jfif" class="card-img-top" alt="Place 4">
<div class="card-body">
<h5 class="card-title">Chadwick Falls</h5>
<p class="card-text">Chadwick Falls in Shimla cascades gracefully amidst lush greenery, offering a refreshing escape and a serene spot to reconnect with nature's beauty in the heart of the Himalayas.</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/himachali_hats.jfif" class="card-img-top" alt="Product 1">
<div class="card-body">
<h5 class="card-title">Himachali Hats</h5>
<p class="card-text">Himachali Hats in Shimla showcase the vibrant culture of Himachal Pradesh, blending traditional craftsmanship with contemporary designs, making them a symbol of local identity and artistry.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<!-- <i class="fa-regular fa-heart"></i> -->
<!-- <i class="fa-regular fa-heart"></i> -->
<img src="./images/local_handicrafts.jpg" class="card-img-top" alt="Product 2">
<div class="card-body">
<h5 class="card-title">Local Handicrafts</h5>
<p class="card-text">Shimla's local handicrafts showcase the region's rich cultural heritage, blending traditional craftsmanship with the picturesque mountain vistas that inspire their creation.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/woolen_items.jpeg" class="card-img-top" alt="Product 3">
<div class="card-body">
<h5 class="card-title">Woolen Items</h5>
<p class="card-text">In Shimla, Woolen Items shops showcase the region's renowned craftsmanship, offering cozy blankets, stylish shawls, and warm attire that reflect the Himalayan charm and traditional artistry.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/wood_craft.jpg" class="card-img-top" alt="Product 5">
<div class="card-body">
<h5 class="card-title">Wood Craft</h5>
<p class="card-text">Shimla's woodcraft reflects the region's rich craftsmanship, blending traditional techniques with intricate designs that showcase the natural beauty of Himalayan wood.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/metal_craft.png" class="card-img-top" alt="Product 4">
<div class="card-body">
<h5 class="card-title">Metal Craft</h5>
<p class="card-text">Metal Craft in Shimla showcases the region's skilled craftsmanship, blending traditional techniques with contemporary designs to create exquisite metalwork that reflects Shimla's rich cultural heritage.</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/life_care_hsptl.avif" class="card-img-top" alt="Place 4">
<div class="card-body">
<h5 class="card-title">Life Care Hospital</h5>
<p class="card-text">Life Care Hospital in Shimla is renowned for its advanced healthcare services set against the backdrop of Shimla's scenic mountain vistas, ensuring patients receive top-notch medical care</p>
<a href="https://www.google.com/maps/dir//Life+Care+Hospital,+VPO+MANPURA,+NARAHARH+TO+BADDI+ROAD,+NH-21A,+Baddi,+Himachal+Pradesh+173205/@31.1088484,76.6428318,10z/data=!4m8!4m7!1m0!1m5!1m1!1s0x39055f9e731776d9:0x39c924f05fceea90!2m2!1d76.7520344!2d30.9836362?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/mukat_hsptl.jpg" class="card-img-top" alt="Place 1">
<div class="card-body">
<h5 class="card-title">Mukat Hospital</h5>
<p class="card-text">Nestled in the serene hills of Shimla, Mukat Hospital blends advanced healthcare facilities with the soothing charm of the Himalayan landscapes, providing a healing environment amidst nature's splendor.</p>
<a href="https://www.google.com/maps/dir//S.C.O+47,+Mukat+Hospital+%7C+Top+Rated+Hospital+Chandigarh+%7C+Cardiology+%7C+Neurology+%7C+Nephrology+%7C+Urology+%7C+Medicine+%7C+Gastroenterology,+49,+Dakshin+Marg,+Sector+34B,+Sector+34,+Chandigarh,+160022/@30.7228152,76.7677776,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x390fedb315555551:0x31a8410f96dd6b9!2m2!1d76.7703525!2d30.7228152?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/sparsh_ms_hsptl.webp" class="card-img-top" alt="Place 5">
<div class="card-body">
<h5 class="card-title">Sparsh Multispeciality Hospital</h5>
<p class="card-text">Nestled in the heart of Shimla, Sparsh Multispeciality Hospital provides advanced medical care amidst the serene beauty of the Himalayan mountains, ensuring health and comfort in a picturesque setting.</p>
<a href="https://www.google.com/maps/dir//SPARSH+MULTI-SPECIALITY+HOSPITAL,+ISBT+Tutikandi,+Block-B,+Tutikandi,+Shimla,+Himachal+Pradesh+171004/@31.0975033,77.1489583,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x390579d4b1fe48cd:0xf44413588bdc437d!2m2!1d77.1515332!2d31.0975033?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/sri_ram_hsptl.jpeg" class="card-img-top" alt="Place 3">
<div class="card-body">
<h5 class="card-title">Sri Ram Hospital</h5>
<p class="card-text">Sri Ram Hospital in Shimla blends state-of-the-art healthcare facilities with the serene charm of Shimla's mountainous landscape, providing compassionate medical care amidst the cool mountain air.</p>
<a href="https://www.google.com/maps/dir//Shree+Ram+Hospital,+18-D,+Lane+Number+4,+Sector+1,+New+Shimla,+Shimla,+Himachal+Pradesh+171009/@31.0840044,77.1681616,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x390578c83296c8ab:0x70fb20a8e4a1eb9b!2m2!1d77.1707365!2d31.0840044?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/shimla_sanitarium_hsptl.avif" class="card-img-top" alt="Place 2">
<div class="card-body">
<h5 class="card-title">Shimla Sanitorium Hospital</h5>
<p class="card-text">Shimla Sanitorium Hospital in Shimla blends colonial charm with advanced medical facilities, providing healing amidst the scenic hills and pine forests of the Himalayan foothills.</p>
<a href="https://www.google.com/maps/dir//4534%2B68V+Simla+Sanitarium+%26+Hospital,+Chaura+Maidan+Rd,+Chaura+Maidan,+Shimla,+Himachal+Pradesh+171004/@31.1031228,77.1532296,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x390578e43d0bae55:0x895bfd6f18067ba3!2m2!1d77.1558045!2d31.1031228?entry=ttu">
Location <i class="fa-solid fa-location-dot"></i>
</a>
</div>
</div>
</div>
</div>
</section>