-
Notifications
You must be signed in to change notification settings - Fork 0
/
Ooty.html
279 lines (274 loc) · 18.7 KB
/
Ooty.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ooty</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">
<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">
<!-- <i class="fa-regular fa-heart"></i> -->
<!-- <i class="fa-solid fa-heart"></i> -->
<img src="./images/celeste_by_mindscape.jpg" class="card-img-top" alt="Food Item 2">
<div class="card-body">
<h5 class="card-title">Celeste By Mindscape</h5>
<p class="card-text">Celeste By Mindscape epitomizes luxury and tranquility amidst the Nilgiri hills, offering a serene retreat with unparalleled views and sophisticated accommodations, perfect for a rejuvenating getaway.</p>
<a href="https://www.google.com/maps/dir//Celeste+by+Mindescapes,+Panchayat,+7%2F7B4A,+Yellanalli+-+Mynala+Road,+Yellanalli+-+Kethorai+Rd,+near+Namdhari+Farm,+Ketti+Valley,+Ooty,+Tamil+Nadu+643243/@11.3843608,76.7437184,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3ba89515b54987f3:0x331babc6c053eb30!2m2!1d76.7462933!2d11.3843608?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/le_cafe.jpg" class="card-img-top" alt="Food Item 3">
<div class="card-body">
<h5 class="card-title">Le Cafe</h5>
<p class="card-text">Le Cafe in Ooty is a charming retreat where visitors can savor delightful treats amidst the lush greenery of the Nilgiri Mountains, creating a memorable culinary experience in a picturesque setting.</p>
<a href="https://www.google.com/maps/dir//Le+Cafe,+Littlearth+Square,+Oriental+Buildings+Commissioner's+Road,+Ooty,+Tamil+Nadu+643001/@11.4130352,76.6996549,17z/data=!4m16!1m7!3m6!1s0x3ba8bd2590c03c49:0xa02229bd564cb3d0!2sLe+Cafe!8m2!3d11.4130352!4d76.7022298!16s%2Fg%2F11fq88hsxw!4m7!1m0!1m5!1m1!1s0x3ba8bd2590c03c49:0xa02229bd564cb3d0!2m2!1d76.7022298!2d11.4130361?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/earls_secret.jpg" class="card-img-top" alt="Food Item 1">
<div class="card-body">
<h5 class="card-title">Earls's Secret Restaurant</h5>
<p class="card-text">Earl's Secret Restaurant in Ooty exudes colonial charm with its cozy ambiance and delectable menu, offering a delightful fusion of heritage and culinary excellence amidst the Nilgiri hills.</p>
<a href="https://www.google.com/maps/dir//Earl's+Secret,+Havelock+Rd,+Police+Quarters,+Pudumund,+Ooty,+Tamil+Nadu+643001/@11.4199915,76.6957091,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3ba8bd88ffffffff:0x52705e2bccf6edcb!2m2!1d76.698284!2d11.4199915?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/hbh.jpg" class="card-img-top" alt="Food Item 4">
<div class="card-body">
<h5 class="card-title">Hyderabad Biryani House</h5>
<p class="card-text">Hyderabad Biryani House in Ooty delights food enthusiasts with its authentic flavors, bringing the rich culinary heritage of Hyderabad to the serene hills of Ooty.</p>
<a href="https://www.google.com/maps/dir//Hyderabad+Biryani+House,+Hill+Bunk+Junction,+Ooty-Mysore+Main+Road,+Near+Hotel+Welbeck+Residency,+Ooty,+Tamil+Nadu+643001/@11.4138921,76.6960032,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3ba8bd8c49814bd9:0x1625195dd4a096bb!2m2!1d76.6985808!2d11.4138881?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_periodic_table.jpg" class="card-img-top" alt="Food Item 5">
<div class="card-body">
<h5 class="card-title">The Periodic Table</h5>
<p class="card-text">The Periodic Table in Ooty is a delightful fusion of gastronomy and ambiance, where culinary excellence meets the charm of the Nilgiri Hills, promising a memorable dining.</p>
<a href="https://www.google.com/maps/dir//The+Periodic+Table,+Littlearth+Square,+Oriental+Buildings+Commissioner's+Road,+Ooty,+Tamil+Nadu+643001/@11.4128774,76.6995678,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3ba8bd63bfdc1b4d:0x323ce00dbc60c04c!2m2!1d76.7021315!2d11.4129216?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/pykara_falls.jpg" class="card-img-top" alt="Place 1">
<div class="card-body">
<h5 class="card-title">Pykara Falls</h5>
<p class="card-text">
Pykara Falls in Ooty cascades gracefully amidst lush greenery, offering a serene retreat and a perfect spot to immerse oneself in nature's raw beauty in the Nilgiris.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/ooty_lake.jpg" class="card-img-top" alt="Place 2">
<div class="card-body">
<h5 class="card-title">Ooty Lake</h5>
<p class="card-text">Ooty Lake, nestled in the heart of Ooty, invites visitors to unwind by its serene waters and enjoy boating amidst picturesque surroundings, creating timeless memories of tranquility and charm.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/avalanche_lake.jpg" class="card-img-top" alt="Place 5">
<div class="card-body">
<h5 class="card-title">Avalanche Lake</h5>
<p class="card-text">Avalanche Lake in Ooty captivates with its pristine waters nestled amidst dense forests, creating a serene haven where visitors can revel in untouched natural beauty and tranquility.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/doddabetta_peak.jpg" class="card-img-top" alt="Place 3">
<div class="card-body">
<h5 class="card-title">Doddabetta Peak</h5>
<p class="card-text">Doddabetta Peak in Ooty stands as the highest point in the Nilgiri Mountains, offering breathtaking panoramic views that captivate visitors with its scenic beauty and tranquil atmosphere.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/gvt_rose_garden.jpg" class="card-img-top" alt="Place 4">
<div class="card-body">
<h5 class="card-title">Government Rose Garden</h5>
<p class="card-text">The Government Rose Garden in Ooty is a blooming paradise boasting thousands of vibrant rose varieties, drawing visitors with its colorful displays and tranquil ambiance nestled in the Nilgiri Hills.</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/pottery.jpg" class="card-img-top" alt="Product 1">
<div class="card-body">
<h5 class="card-title">Pottery</h5>
<p class="card-text">Pottery in Ooty showcases the region's artistic heritage, blending traditional craftsmanship with the charm of the Nilgiri hills.</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/shell_craft.jpg" class="card-img-top" alt="Product 2">
<div class="card-body">
<h5 class="card-title">Shell Craft</h5>
<p class="card-text">Shell Craft in Ooty showcases intricate craftsmanship, blending local creativity with natural beauty, offering unique souvenirs that reflect the region's artistic heritage.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/arom_oil.webp" class="card-img-top" alt="Product 3">
<div class="card-body">
<h5 class="card-title">Aromatic oils</h5>
<p class="card-text">In Ooty, aromatic oils crafted from the region's rich botanical diversity offer a fragrant essence, capturing the essence of the hill station's natural bounty.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/pashima_shawls.jfif" class="card-img-top" alt="Product 5">
<div class="card-body">
<h5 class="card-title">Pashima Shawls</h5>
<p class="card-text">Pashmina shawls in Ooty are renowned for their exquisite craftsmanship and luxurious warmth, showcasing the region's rich heritage of weaving and textile artistry.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-custom">
<img src="./images/choc.jpeg" class="card-img-top" alt="Product 4">
<div class="card-body">
<h5 class="card-title">Homemade Chocolates</h5>
<p class="card-text">Homemade chocolates in Ooty are a delectable treat, crafted with local expertise and nestled in the cool climate of the Nilgiris, promising a delightful taste.</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/BS_Hospital.jpg" class="card-img-top" alt="Place 1">
<div class="card-body">
<h5 class="card-title">BS Hospital</h5>
<p class="card-text">BS Hospital in Ooty is renowned for its advanced healthcare services and compassionate patient care, set against the backdrop of Ooty's serene hills and tea estates.</p>
<a href="https://www.google.com/maps/dir//BS+Hospital+Ooty,+190,+Ettines+Rd,+Race+Course,+Ooty,+Tamil+Nadu+643001/@11.4009468,76.6991699,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3ba8970313589939:0x8bddb3aff606f42e!2m2!1d76.7017448!2d11.4009416?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/shiva_shakthi_hsptl.avif" class="card-img-top" alt="Place 4">
<div class="card-body">
<h5 class="card-title">Shiva Shakthi Hospital</h5>
<p class="card-text">Shiva Shakthi Hospital in Ooty blends state-of-the-art healthcare services with the serene ambiance of the Nilgiri hills, providing compassionate care amidst nature's tranquility.</p>
<a href="https://www.google.com/maps/dir//Siva+Shakthi+Hospital,,+Bue+mountain,+School+Rd,+Davisdale,+Ooty,+Tamil+Nadu+643001/@11.4013758,76.7003738,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3ba8bd89d8b73dbb:0x95c4c4c18ef946cf!2m2!1d76.7029925!2d11.4013401?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/sm_hsptl.jfif" class="card-img-top" alt="Place 5">
<div class="card-body">
<h5 class="card-title">SM Hospital</h5>
<p class="card-text">SM Hospital in Ooty blends compassionate healthcare services with the serene surroundings of the Nilgiris, ensuring patients receive care in a peaceful and rejuvenating environment.</p>
<a href="https://www.google.com/maps/dir//29,+S+M+Hospital,+108,+Coonoor+Rd,+charring+cross,+Bombay+Castel,+Ooty,+Tamil+Nadu+643001/@11.4102365,76.7081991,17z/data=!4m16!1m7!3m6!1s0x3ba8bd8d329ced71:0xe8fb82951d1d25c7!2sS+M+Hospital!8m2!3d11.4102365!4d76.710774!16s%2Fg%2F1tgwqpyx!4m7!1m0!1m5!1m1!1s0x3ba8bd8d329ced71:0xe8fb82951d1d25c7!2m2!1d76.710774!2d11.4102365?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/vijaya_hsptl.jpg" class="card-img-top" alt="Place 3">
<div class="card-body">
<h5 class="card-title">Vijaya Hospital</h5>
<p class="card-text">Vijaya Hospital in Ooty is renowned for its commitment to healthcare excellence amidst the scenic splendor of the Nilgiri hills, providing compassionate medical services to residents and visitors alike.</p>
<a href="https://www.google.com/maps/dir//CP55%2BWPF+Vijaya+Hospital,+Ettines+Road,+Ooty,+Tamil+Nadu+643001/@11.409815,76.7067244,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3ba8bd8cdf2bf4b5:0xc2fd70fc4ef91677!2m2!1d76.7092993!2d11.4098098?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/gtmo_hsptl.jpg" class="card-img-top" alt="Place 2">
<div class="card-body">
<h5 class="card-title">G.T.M.O Hospital</h5>
<p class="card-text">G.T.M.O Hospital in Ooty is renowned for its commitment to healthcare excellence, serving the community against the backdrop of Ooty's serene hills and refreshing climate.</p>
<a href="https://www.google.com/maps/dir//Sri+Harihar+Hospital+Manali+-+Best+Multispeciality+Hospital+%2F+Private+Hospital+in+Mandi+%2F+Hospital+%2F+Ortho+Surgeon+in+Manali,+NH21,+Rangri,+Manali,+Himachal+Pradesh+175131/@32.2282498,77.1858779,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3904892e9af1c13d:0xd30cb92ddcddba02!2m2!1d77.1884528!2d32.2282498?entry=ttu">
Location <i class="fa-solid fa-location-dot"></i>
</a>
</div>
</div>
</div>
</div>
</section>