-
Notifications
You must be signed in to change notification settings - Fork 0
/
mumbai.html
339 lines (299 loc) · 14.5 KB
/
mumbai.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
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
html,body{
background-image: url("bg2.png");
background-repeat: no-repeat;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<title>TripTravelTour Guide</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-md navbar-light bg-light sticky-top">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="logo.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="about1.html">About</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="team1.html">Team</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="index.php">Review</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="form.html">Feedback</a>
</li>
</ul>
</div>
</nav>
<!-- Mumbai -->
<div class="container">
<div class="row welcome text-center">
<div class="col-12">
<h1 class="display-4">MUMBAI: The City of Dreams</h1>
<hr class="light">
</div>
<hr>
<div class="container">
<span>
<p class="lead"><b>Mumbai (formerly called Bombay) is a densely populated city on India’s west coast. A financial center, it's India's largest city.Mumbai is in all ways a mega-city driven by power, wealth, glamour and fame which attracts people to give shape to their dreams and aspirations. But it is also a city with strong historical links, wonderful British architecture, museums, beaches, places of worship, and above all, a true galaxy of stars where Bollywood reigns supreme.</b></p>
</span>
</div>
</div>
<!-- Places to VIsit -->
<br>
<div class="container">
<div class="row welcome text-center">
<div class="col-12">
<h1 class="display-3">Places to Visit</h1>
<hr class="light">
</div>
<hr>
<div class= "columns" >
<div class="card-deck">
<div class="card">
<img class="card-img-top" src="g.png" alt="Card image cap">
<div class="card-body bg-dark">
<h5 class="card-title text-center text-white">Gateway of India</h5>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModalm">See More</button>
<!-- Modal -->
<div class="modal fade" id="myModalm" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Gateway of India</h4>
</div>
<div class="modal-body">
<p class="modal-text">The Gateway of India is an arch monument built during the 20th century in Mumbai, India. The monument was erected to commemorate the landing of King George V and Queen Mary at Apollo Bunder on their visit to India in 1911. The structure is an arch made of basalt, 26 metres (85 feet) high.The Gateway was later used as a symbolic ceremonial entrance to India for Viceroys and the new Governors of Bombay. It served to allow entry and access to India.</p>
<p class="modal-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<img class="card-img-top" src="cst.png" alt="Card image cap">
<div class="card-body bg-dark">
<h5 class="card-title text-white text-center">Chatrapati Shivaji Terminus</h5>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal1m">See More</button>
<!-- Modal -->
<div class="modal fade" id="myModal1m" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Chatrapati Shivaji Terminus</h4>
</div>
<div class="modal-body">
<p class="modal-text">Chhatrapati Shivaji Maharaj Terminus, formerly known as Victoria Terminus, is a historic railway station and a UNESCO World Heritage Site in Mumbai, Maharashtra, India which serves as the headquarters of the Central Railways. The station was designed by Frederick William Stevens according to the concept of Victorian Italianate Gothic Revival architecture and meant to be a similar revival of Indian Goth (classical era) architecture. The station was built in 1887 in the Bori Bunder area of Mumbai to commemorate the Golden Jubilee of Queen Victoria. The station's name was changed from Victoria Terminus to Chhatrapati Shivaji Terminus in March 1996 in honour of Emperor Chhatrapati Shivaji, founder of the Maratha Empire. In 2017, the station was again renamed Chhatrapati Shivaji Maharaj Terminus.</p>
<p class="modal-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<img class="card-img-top" src="n.jpg" alt="Card image cap">
<div class="card-body bg-dark">
<h5 class="card-title text-white text-center">Marine Drive</h5>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal2m">See More</button>
<!-- Modal -->
<div class="modal fade" id="myModal2m" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Marine Drive</h4>
</div>
<div class="modal-body">
<p class="modal-text">Marine Drive is a 3.6-kilometre-long Boulevard in South Mumbai in the city of Mumbai, India. The road was constructed by late philanthropist Bhagojisheth Keer & Pallonji Mistry. It is a 'C'-shaped six-lane concrete road along the coast, which is a natural bay. The road links Nariman Point to Babulnath and Malabar Hill. Marine Drive is situated on reclaimed land facing west-south-west. A promenade lies parallel to this road. Marine Drive is also known as the Queen's Necklace because, if viewed at night from an elevated point anywhere along the drive, the street lights resemble a string of pearls in a necklace.</p>
<p class="modal-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<div class= "columns" >
<div class="card-deck">
<div class="card">
<img class="card-img-top" src="s.jpg" alt="Card image cap">
<div class="card-body bg-dark">
<h5 class="card-title text-center text-white">Shree Siddhivinayak Mandir</h5>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal3m">See More</button>
<!-- Modal -->
<div class="modal fade" id="myModal3m" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Shree Siddhivinayak Mandir</h4>
</div>
<div class="modal-body">
<p class="modal-text">The Shree Siddhivinayak Ganapati Mandir is a Hindu temple dedicated to Lord Shri Ganesh. It was originally built by Laxman Vithu and Deubai Patil on 19 November 1801. It is one of the richest temples in Mumbai. The temple has a small mandap with the shrine for Siddhi Vinayak. The wooden doors to the sanctum are carved with images of the Ashtavinayak (the eight manifestations of Ganesha in Maharashtra). The inner roof of the sanctum is plated with gold, and the central statue is of Ganesha. In the periphery, there is a Hanuman temple as well.</p>
<p class="modal-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<img class="card-img-top" src="w.jpg" alt="Card image cap">
<div class="card-body bg-dark">
<h5 class="card-title text-white text-center">Bandra-Worli Sealink</h5>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal4m">See More</button>
<!-- Modal -->
<div class="modal fade" id="myModal4m" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Bandra-Worli Sealink</h4>
</div>
<div class="modal-body">
<p class="modal-text">The Bandra–Worli Sea Link is a cable-stayed bridge with pre-stressed concrete-steel viaducts on either side that links Bandra in the Western Suburbs of Mumbai with Worli in South Mumbai. The bridge is a part of the proposed Western Freeway that will link the Western Suburbs to Nariman Point in Mumbai's main business district. The sea-link reduces travel time between Bandra and Worli during peak hours from 20-30 minutes to 10 minutes.</p>
<p class="modal-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<img class="card-img-top" src="h.jpg" alt="Card image cap">
<div class="card-body bg-dark">
<h5 class="card-title text-center text-white">Haji Ali Dargah</h5>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal5m">See More</button>
<!-- Modal -->
<div class="modal fade" id="myModal5m" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Haji Ali Dargah</h4>
</div>
<div class="modal-body">
<p class="modal-text">The Haji Ali Dargah is a mosque and dargah located on an islet off the coast of Worli in the southern part of Mumbai. Near the heart of the city proper, the dargah is one of the most recognisable landmarks of Mumbai.</p>
<p class="modal-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="container">
<div class="row welcome text-center">
<div class="container">
<h2>Other Attractions</h2>
</div>
<div class="container">
<span>
<button type="button" class="btn btn-danger btn-lg" data-toggle="modal" data-target="#myModal">Click Here!</button>
</span>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h3>Do not Miss!!</h3>
</div>
<div class="modal-body">
<div class="container">
<span>
<div class="list-group">
<a href="https://en.wikipedia.org/wiki/Colaba_Causeway" class="list-group-item list-group-item-primary ">Colaba Causeway</a>
<a href="https://en.wikipedia.org/wiki/Juhu#Juhu_Beach" class="list-group-item list-group-item-secondary">Juhu Beach</a>
<a href="https://en.wikipedia.org/wiki/Hanging_Gardens_of_Mumbai" class="list-group-item list-group-item-dark">Hanging Garden</a>
<a href="https://en.wikipedia.org/wiki/Film_City" class="list-group-item list-group-item-danger">Film City</a>
<a href="https://en.wikipedia.org/wiki/Bandstand_Promenade" class="list-group-item list-group-item-success">Bandstand Promenade</a>
</div>
</span>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class= "container text-right" >
<span>
<marquee behavior="scroll" direction="left" speed="30" text="serif"><b><i><u>For other details visit official website of Mumbai Tourism</u></i></b></marquee>
<div class="container text-center">
<a class="btn btn-success btn-lg" href="https://www.maharashtratourism.gov.in/destination/mumbai" role="button">VISIT</a>
</div>
</span>
</div>
<div class="container">
<div class="row welcome text-center">
<div class="container">
<span>
<h2>Where would you like to go?</h2>
<a class="btn btn-info btn-md" href="delhi.html" role="button">Delhi</a>
<a class="btn btn-info btn-md" href="mumbai.html" role="button">Mumbai</a>
<a class="btn btn-info btn-md" href="kolkata.html" role="button">Calcutta</a>
<a class="btn btn-info btn-md" href="chennai.html" role="button">Chennai</a>
</span>
</div>
</div>
</body>
</html>