-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
224 lines (215 loc) · 14.7 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>metro city blog</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-dark">
<div class="container-fluid">
<button type="button" class="btn btn-primary mx-4" href="index.html"> <a
class="navbar-brand text-white mx-2 fw-bold" href="index.html">iblogger</a></button>
<button class="navbar-toggler " type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item ">
<a class="nav-link active text-white" aria-current="page" href="bihar.html"
target="_blank">Bihar</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="pilgrimage.html" target="_blank">Pilgrimage Sites</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-white" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Metro City
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item text-dark" href="mumbai.html" target="_blank">Mumbai</a></li>
<li><a class="dropdown-item text-dark" href="delhi.html" target="_blank">Delhi</a></li>
<li><a class="dropdown-item text-dark" href="kolkata.html" target="_blank">Kolkata</a></li>
<li><a class="dropdown-item text-dark " href="chennai.html" target="_blank">Chennai</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link active text-white" aria-current="page" href="food.html"
target="_blank">Foods</a>
</li>
<li class="nav-item">
<a class="nav-link active text-white" data-bs-toggle="modal" data-bs-target="#contactus"
aria-current="page" href="#">Contact us</a>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-primary text-white" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<div class="modal fade" id="contactus" tabindex="-1" aria-labelledby="contactusLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="contactusLabel">Contact us</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Phone: +918749873944 <br>
<br>
Email: ankitdev2468@gail.com
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div id="carouselExampleSlidesOnly" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<a href="mumbai.html" target="_blank">
<img src="mitesh-fH5Snkh8cCA-unsplash.jpg" class="d-block w-100" height="550" alt="..."></a>
<div class="carousel-caption d-none d-md-block">
<h1>Mumbai</h1>
<p>Mumbai, formerly Bombay, city, capital of Maharashtra state, southwestern India. It is the
country’s financial and commercial centre and its principal port on the Arabian Sea.Located on
Maharashtra’s coast, Mumbai is India’s most-populous city, and it is one of the largest and most
densely populated urban areas in the world. It was built on a site of ancient settlement, and it
took its name from the local goddess Mumba—a form of Parvati, the consort of Shiva, one of the
principal deities of Hinduism—whose temple once stood in what is now the southeastern section of
the city.</p>
</div>
</div>
<div class="carousel-item">
<a href="delhi.html" target="_blank">
<img src="laurentiu-morariu-8XZTZIfuNrM-unsplash.jpg" class="d-block w-100" height="550"
alt="..."></a>
<div class="carousel-caption d-none d-md-block">
<h1>Delhi</h1>
<p>Delhi, city and national capital territory, north-central India. The city of Delhi actually
consists of two components: Old Delhi, in the north, the historic city; and New Delhi, in the
south, since 1947 the capital of India, built in the first part of the 20th century as the
capital of British India. One of the country’s largest urban agglomerations, Delhi sits astride
(but primarily on the west bank of) the Yamuna River, a tributary of the Ganges (Ganga) River,
about 100 miles (160 km) south of the Himalayas. The national capital territory embraces Old and
New Delhi and the surrounding.</p>
</div>
</div>
<div class="carousel-item">
<a href="kolkata.html" target="_blank">
<img src="kolkata.jpg" class="d-block w-100" height="550" alt="..."></a>
<div class="carousel-caption d-none d-md-block">
<h1>Kolkata</h1>
<p>Kolkata, Bengali Kalikata, formerly Calcutta, city, capital of West Bengal state, and former
capital (1772–1911) of British India. It is one of India’s largest cities and one of its major
ports. The city is centred on the east bank of the Hugli (Hooghly) River, once the main channel
of the Ganges (Ganga) River, about 96 miles (154 km) upstream from the head of the Bay of
Bengal; there the port city developed as a point of transshipment from water to land and from
river to sea. A city of commerce, transport, and manufacture, Kolkata is the dominant urban
centre of eastern India.
</p>
</div>
</div>
<div class="carousel-item">
<a href="chennai.html" target="_blank">
<img src="chennai.jpg" class="d-block w-100" height="550" alt="..."></a>
<div class="carousel-caption d-none d-md-block">
<h1>Chennai</h1>
<p>Chennai, formerly Madras, city, capital of Tamil Nadu state, southern India, located on the
Coromandel Coast of the Bay of Bengal. Known as the “Gateway to South India,” Chennai is a major
administrative and cultural centre. Pop. (2011) city, 4,646,732; urban agglom.8,696,010.Chennai
is located on the Coromandel Coast along the Bay of Bengal. The Cooum (Koovam) River flows
through its centre and the Adyar River through its southern portion. The Buckingham Canal runs
parallel to the coast, joining the Kortalaiyar (Kosasthalaiyar) River in the northern edges of
the city and the Muttukadu Backwaters south of the city.</p>
</div>
</div>
</div>
</div>
<footer class="bd-footer py-2 py-md-3 mt-3 bg-light">
<div class="container py-4 py-md-5 px-4 px-md-3">
<div class="row">
<div class="col-lg-3 mb-3">
<a class="d-inline-flex align-items-center mb-2 link-dark text-decoration-none" href="/"
aria-label="Bootstrap">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" class="d-block me-2"
viewBox="0 0 118 94" role="img">
<title>iblogger</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"
fill="currentColor"></path>
</svg>
<span class="fs-5 fw-bold">iblogger</span>
</a>
<ul class="list-unstyled small text-muted">
<li class="mb-2">Designed and built by the help of Bootstrap by <a
href="https://www.linkedin.com/in/ankit-dev-428926253/">ANKIT DEV</a> with the help of <a
href="https://www.linkedin.com/in/rachit-verma-6a329b200/">our contributors</a>.</li>
<li class="mb-2">Code licensed <a href="https://github.com/twbs/bootstrap/blob/main/LICENSE"
target="_blank" rel="license noopener">MIT</a>, docs <a
href="https://creativecommons.org/licenses/by/3.0/" target="_blank"
rel="license noopener">CC BY 3.0</a>.</li>
<li class="mb-2">Currently v5.2.3.</li>
</ul>
</div>
<div class="col-6 col-lg-2 offset-lg-1 mb-3">
<h5>Links</h5>
<ul class="list-unstyled">
<li class="mb-2 "><a class="link-dark text-decoration-none" href="index.html">Home</a></li>
<li class="mb-2"><a class="link-dark text-decoration-none" href="bihar.html">Bihar</a></li>
<li class="mb-2"><a class="link-dark text-decoration-none"
href="mumbai.html">Mumbai</a></li>
<li class="mb-2"><a class="link-dark text-decoration-none"
href="delhi.html">Delhi</a></li>
</ul>
</div>
<div class="col-6 col-lg-2 mb-3">
<h5>Guides</h5>
<ul class="list-unstyled">
<li class="mb-2"><a class="link-dark text-decoration-none"
href="kolkata.html">Kolkata</a></li>
<li class="mb-2"><a class="link-dark text-decoration-none"
href="chennai.html">Chennai</a></li>
<li class="mb-2"><a class="link-dark text-decoration-none"
href="pilgrimage.html">Pilgrimage Sites</a></li>
</div>
<div class="col-6 col-lg-2 mb-3">
<h5>Projects</h5>
<ul class="list-unstyled">
<li class="mb-2"><a class="link-dark text-decoration-none" href="https://github.com/twbs/bootstrap">Bootstrap 5</a></li>
<li class="mb-2"><a class="link-dark text-decoration-none" href="https://github.com/twbs/bootstrap/tree/v4-dev">Bootstrap 4</a></li>
<li class="mb-2"><a class="link-dark text-decoration-none" href="https://github.com/twbs/icons">Icons</a></li>
</ul>
</div>
<div class="col-6 col-lg-2 mb-3">
<h5>Contributor</h5>
<ul class="list-unstyled">
<li class="mb-2"><a class="link-dark text-decoration-none" href="https://www.linkedin.com/in/rachit-verma-6a329b200/">Rachit Verma</a></li>
<li class="mb-2"><a class="link-dark text-decoration-none" href="https://www.linkedin.com/in/ankit-dev-428926253/">Ankit Dev</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"
integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V"
crossorigin="anonymous"></script>
</body>
</html>