-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathphotos.html
237 lines (206 loc) · 11 KB
/
photos.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" type="text/css" href="assets/css/mum.css">
<link rel="stylesheet" type="text/css" href="assets/css/tooltip.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Photos of Mumbai" />
<link rel="shortcut icon" href="assets/icons/photos.ico" />
<title>Photos of Mumbai</title>
<style>
/* For mobile view of navbar and footer */
@media screen and (max-width: 600px) {
.navbar {
width: 110%;
}
.footr {
width: 110%;
}
}
</style>
</head>
<body>
<!-- Navigation Bar on Top of Page along with icons from Google-->
<ul class="navbar" id="myTopnav" style="font-family: Lato;">
<!--<li><a href="javascript:void(0);" style="font-size: 15px;" class="icon" onclick="myFunction()">☰</a></li>-->
<li><a href="about.html"> <i class="material-icons md-18 md-light">developer_mode</i> ABOUT</a></li>
<li><a href="index.html#maps"> <i class="material-icons md-18 md-light">map</i> MAP</a></li>
<li class="dropdown1">
<a class="photos"> <i class="material-icons md-18 md-light">location_city</i> MUMBAI</a>
<div class="dropdown-content" >
<a href="history.html" target="_blank"> <i class="material-icons md-18">event_note</i> HISTORY</a>
<a href="#photos"> <i class="material-icons md-18">photo_library</i> PHOTOS</a>
<a href="tourist.html" target="_blank"> <i class="material-icons md-18">local_activity</i> TOURIST PLACES</a>
<a href="shopping.html" target="_blank"> <i class="material-icons md-18">shopping_cart</i> SHOPPING</a>
<a href="hotels.html" target="_blank"> <i class="material-icons md-18">hotel</i> HOTELS</a>
</div>
</li>
<li><a href="index.html#home"><i class="material-icons md-18 md-light">home</i> HOME</a></li>
<li class="left"><a href="index.html">MUMBAI</a></li>
</ul>
<!-- Body and all Photos Gallery -->
<p style="text-align: center; font-size: 30px;" id="development"><strong>PHOTOS</strong></p>
<p style="text-align: center; font-size: 15px;"><i>Here are some of the latest photos of Mumbai<br>Click on the images to make them bigger</i></p>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">Mumbai Locals are the Lifeline of Mumbai. It carries more than 7.5 million commuters daily</span>
<a target="_blank" href="assets/images/local.jpg">
<img src="assets/images/local.jpg" alt="Mumbai Local" width="80%" height="80%">
</a>
<div class="desc">Mumbai Local<br>PC: <a href="https://www.instagram.com/saideep.dicholkar/?hl=en" target="_blank">@saideep.dicholkar</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">The Dadar railway station (western & central) as well as the tracks between Dadar and Elphinstone Road-Parel stations are visible</span>
<a target="_blank" href="assets/images/mum1.jpg">
<img src="assets/images/mum1.jpg" alt="Cityscape" width="80%" height="80%">
</a>
<div class="desc">Cityscape<br>PC: <a href="https://www.instagram.com/towering_goals/?hl=en" target="_blank">@towering_goals</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">The Bandra Worli Sealink which connects Bandra & Worli makes it easy & saves time while travelling from South to Suburbs of Mumbai</span>
<a target="_blank" href="assets/images/mum10.jpg">
<img src="assets/images/mum10.jpg" alt="Bandra Worli Sealink" width="80%" height="80%">
</a>
<div class="desc">Bandra Worli Sealink<br>PC: <a href="https://www.instagram.com/grey.panda/" target="_blank">@grey.panda</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">Usual Traffic on roads of Mumbai</span>
<a target="_blank" href="assets/images/mum3.jpg">
<img src="assets/images/mum3.jpg" alt="Traffic" width="80%" height="80%">
</a>
<div class="desc">Traffic<br>PC: <a href="https://www.instagram.com/vinish.kpavithran/" target="_blank">@vinish.kpavithran</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">Both, sea facing skyscrapers and small huts/slums may be divided on the basis of lifestyle and standard of living but there's one thing in common between them, and it is "The spirit of Mumbai "</span>
<a target="_blank" href="assets/images/mum4.jpg">
<img src="assets/images/mum4.jpg" alt="Shades of Mumbai" width="80%" height="80%">
</a>
<div class="desc">Shades of Mumbai<br>PC: <a href="https://www.instagram.com/riteshgaikwad/" target="_blank">@riteshgaikwad</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">The beautiful Night Skyline of Mumbai shining in its glory</span>
<a target="_blank" href="assets/images/mum12.jpg">
<img src="assets/images/mum12.jpg" alt="Night Skyline of Mumbai" width="80%" height="80%">
</a>
<div class="desc">Night Skyline of Mumbai<br>PC: <a href="https://www.instagram.com/rithiktodi/?hl=en" target="_blank">@rithiktodi</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">The Indian National Flag being waved on the occasion of Republic Day of India</span>
<a target="_blank" href="assets/images/mum23.jpg">
<img src="assets/images/mum23.jpg" alt="Indian Flag" width="80%" height="80%">
</a>
<div class="desc">Indian Flag<br>PC: <a href="https://www.instagram.com/p/BPtnanQBGnq/?taken-by=streets.of.mumbai&hl=en" target="_blank">@streets.of.mumbai</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">The ITC Grand Central Hotel located in central Mumbai reflects the rich heritage of the colonial past and modern times.</span>
<a target="_blank" href="assets/images/mum7.jpg">
<img src="assets/images/mum7.jpg" alt="ITC Grand Central Hotel" width="80%" height="80%">
</a>
<div class="desc">ITC Grand Hotel<br>PC: <a href="https://www.instagram.com/rashmimallya/" target="_blank">@rashmimallya</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">A piece of art "I Love Mumbai" placed at Bandstand, Bandra</span>
<a target="_blank" href="assets/images/mum9.jpg">
<img src="assets/images/mum9.jpg" alt="I Love Mumbai" width="80%" height="80%">
</a>
<div class="desc">I Love Mumbai<br>PC: <a href="https://www.instagram.com/darshanpatil_5006/" target="_blank">@darshanpatil_5006</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">The newly constructed T2 of Chhatrapati Shivaji Maharaj International Airport Mumbai</span>
<a target="_blank" href="assets/images/mum13.jpg">
<img src="assets/images/mum13.jpg" alt="T2" width="80%" height="80%">
</a>
<div class="desc">CSIA T2<br>PC: <a href="https://www.instagram.com/eyeclickstory/" target="_blank">@eyeclickstory</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">The Ariel view of Mumbai captured while flying over Mumbai</span>
<a target="_blank" href="assets/images/mum16.jpg">
<img src="assets/images/mum16.jpg" alt="Ariel View of Mumbai" width="80%" height="80%">
</a>
<div class="desc">Ariel View of Mumbai<br>PC: <a href="https://www.instagram.com/dhanashree.shah/" target="_blank">@dhanashree.shah</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">The Lifeline of Mumbai waiting for passengers to board the train at Andheri station</span>
<a target="_blank" href="assets/images/mum20.jpg">
<img src="assets/images/mum20.jpg" alt="Mumbai Locals" width="80%" height="80%">
</a>
<div class="desc">Mumbai Locals<br>PC: <a href="https://www.instagram.com/soham_kdm_05/" target="_blank">@soham_kdm_05</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">Dadar TT Flyover captured during night & areas of Dadar & Wadala are visible</span>
<a target="_blank" href="assets/images/mum21.jpg">
<img src="assets/images/mum21.jpg" alt="Dadar TT Flyover" width="80%" height="80%">
</a>
<div class="desc">Dadar TT Flyover<br>PC: <a href="https://www.instagram.com/ashwin.nagpal/" target="_blank">@ashwin.nagpal</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">The architectural beauty of Dr. Bhau Daji Lad Museum which has many historic arts of Mumbai</span>
<a target="_blank" href="assets/images/mum24.jpg">
<img src="assets/images/mum24.jpg" alt="Dr. Bhau Daji Lad Museum" width="80%" height="80%">
</a>
<div class="desc">Dr. Bhau Daji Lad Museum<br>PC: <a href="https://www.instagram.com/omkarkokamthankar/" target="_blank">@omkarkokamthankar</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">Mumbai Metro travelling towards its destiny</span>
<a target="_blank" href="assets/images/mum25.jpg">
<img src="assets/images/mum25.jpg" alt="Mumbai Metro" width="80%" height="80%">
</a>
<div class="desc">Mumbai Metro<br>PC: <a href="https://www.instagram.com/towering_goals/?hl=en" target="_blank">@towering_goals</a></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<span class="tooltiptext">Juhu Beach</span>
<a target="_blank" href="assets/images/mum26.jpg">
<img src="assets/images/mum26.jpg" alt="Juhu Beach" width="80%" height="80%">
</a>
<div class="desc">Juhu Beach<br>PC: <a href="https://www.instagram.com/arnoldmathias/" target="_blank">@arnoldmathias</a></div>
</div>
</div>
<!-- The reaking Wall -->
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<!-- Footer -->
<div class="footr" style="background-color: #343a40; height: 100px"><br>
<p class="footer" style="color: white; text-align: center;">Copyright © Mumbai 2017
<script>new Date().getFullYear() > 2017 && document.write("- " + new Date().getFullYear());</script>
</p>
</div>
<!-- Scroll to Top Button Reference -->
</script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<button onclick="scrollToTop()" id="myBtn" title="Go to top">▲</button>
<script src="assets/javascript/myJavaScript.js"></script>
</body>
</html>