-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsindh.html
224 lines (189 loc) · 11.7 KB
/
sindh.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 http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sindh</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"/>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
</head>
<body>
<header>
<nav class="navbar navbar-expand-xl navbar-dark" style="background-color: #0b5e0b; padding: 15px;" >
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="images/logo.png" alt="Logo" width="50" height="30" class="d-inline-block align-text-top">
Pakistan
</a>
<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" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="punjab.html">Punjab</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="sindh.html">Sindh</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kpk.html">KPK</a>
</li>
<li class="nav-item">
<a class="nav-link" href="balochistan.html">Balochistan</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gb.html">Gilgit Baltistan</a>
</li>
</ul>
<button class="btn btn-light d-flex" type="submit" style="border-radius: 60px; color:darkgreen">Subscribe to our Newsletter</button>
</div>
</div>
</nav>
</header>
<section class="wrap-banner" style="background:url(https://zameenblog.s3.amazonaws.com/blog/wp-content/uploads/2020/02/Tourist-Attractions-in-Sindh-Cover-13-02.jpg); background-size: cover">
<div class="wrap-banner-bg">
<h1> Sindh</h1>
<p>The Land of Diverse Geography</p>
</div>
</section>
<section class="location">
<div class="location-text">
<h1>Here's a Little Intro ;)</h1>
<br>
<p>
Sindh, also spelled Sind, province of southeastern Pakistan. It is bordered by the provinces of Balochistān on the west and north, Punjab on the northeast, the Indian states of Rajasthan and Gujarat to the east, and the Arabian Sea to the south. Sindh is essentially part of the Indus River delta and has derived its name from that river, which is known in Pakistan as the Sindhu. The province of Sindh was established in 1970. The provincial capital, Karāchi, is situated on the southwestern coast. Area 54,407 square miles (140,914 square km). Pop. (2006 est.) 35,864,000.
</p>
</div>
<div class="location-img">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/43/Mazar_Quaid-e-Azam.jpg/800px-Mazar_Quaid-e-Azam.jpg" alt="" height="300px" style=" border-radius: 80px;">
</div>
</section>
<section class="history">
<h1 style="text-align: center;">History of Sindh</h1>
<br>
<p>The area of present-day Sindh province was the centre of the ancient Indus valley civilization, as represented by the sites of Mohenjo-daro, Amre, and Kot Diji. This early civilization existed from about 2300 to 1750 BCE. There is then a gap of more than a millennium before the historical record is renewed with Sindh’s annexation to the (Persian) Achaemenid empire under Darius I in the late 6th century BCE. Nearly two centuries later, Alexander the Great conquered the region in 326 and 325 BCE. After his death, Sindh came under the domination of the empires of Seleucus I Nicator, Chandragupta Maurya (c. 305 BCE), the Indo-Greeks and Parthians in the 3rd–2nd century BCE, and the Scythians and the Kushāns from about 100 BCE to 200 CE. Sindh’s population adopted Buddhism under the Kushān rulers in the 1st century CE. From the 3rd to the 7th century CE, the area remained under the rule of the Persian Sāsānids.
The Arab conquest of Sindh in 711 heralded the entry of Islam into the Indian subcontinent. Sindh was part of the administrative province of Al-Sind in the Umayyad and ʿAbbāsid empires from 712 to about 900, with its capital at Al-Manṣūrah, 45 miles (72 km) north of present-day Hyderabad. With the eventual weakening of central authority in the caliphate, the Arab governors of Al-Sindh established their own dynastic rule of the region from the 10th to the 16th century. In the 16th and 17th centuries Sindh was ruled by the Mughals (1591–1700) and then by several independent Sindhian dynasties, the last of which lost the region to the British in 1843. At that time most of Sindh was annexed to the Bombay Presidency. In 1937 Sindh was established as a separate province in British India, but after Pakistani independence it was integrated into the province of West Pakistan from 1955 to 1970, at which time it was reestablished as a separate province.
</p>
</section>
<section class="row m-5">
<h1 style="text-align: center">Some beautiful places worth a visit ;)</h1>
<div class="col-sm-4 mt-4">
<div class="card" style="border-radius: 30px; background: #AFE1AF ;">
<img src="https://encrypted-tbn0.gstatic.com/licensed-image?q=tbn:ANd9GcR-9nIOHEvJ_KwVOPEG-YO1a8tWCwSDI5ZwLHejpm-63GNY-pRHsEfuKFG4BOTDlxMFaoJuwlaUZsHx9mRGPoDKqw" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Mohenjo-daro</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-4">
<div class="card" style="border-radius: 30px; background: #AFE1AF ;">
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQLWS2LVxSc8Lr13Y4Re5sSN7GEUZHrqZ4I6OW2WH9SwXgIpxSSUXvZ_aVI0qUFVvg3Xp7axRvkZvDD3lJC6jWb0w" class="card-img-top" alt="..." style="border-radius: 30px; height: 250px;" >
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Mohatta Palace Museum</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-4">
<div class="card" style="border-radius: 30px; background: #AFE1AF ;">
<img src="https://encrypted-tbn1.gstatic.com/licensed-image?q=tbn:ANd9GcQpjqpDKhQfFZ8Im1EQMY0siPOM4U14XXdau7dxx7CGSY-aBaeW4ThUVXDrs3VotbwgCuOppiWCTGpqo1HemcYpBQ" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Chaukundi Tombs</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="card" style="border-radius: 30px; background: #AFE1AF ;">
<img src="https://encrypted-tbn1.gstatic.com/licensed-image?q=tbn:ANd9GcSr0gbVAjpnV74b_j93vB8TXecZjOoqzypwqUD_iZ5WNQPbG3Z8ftdx3tzVMMXbgGQ516lzp1Ed4IlSXLSVtnjckQ" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Shah Jahan Masjid Thatta</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="card" style="border-radius: 30px; background: #AFE1AF ;">
<img src="https://encrypted-tbn0.gstatic.com/licensed-image?q=tbn:ANd9GcSREen9zjhWF_j-WRrClofy9gPMqcYK7FDvlHpimntXfUzQv3-XzOQ-wDFveOMrJdz5XWJLGHSI7NsBQPkTQdHvtg" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Shamspir Island</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="card" style="border-radius: 30px; background: #AFE1AF ; ">
<img src="https://encrypted-tbn1.gstatic.com/licensed-image?q=tbn:ANd9GcTJ6uqeSZtxsexrcERFppoobIGRSWop18c_Up85lIyMALmXDVXxYpehz9Qge4vwAbz-iEINmrTCHIqc8TXDuL_bpw" class="card-img-top" alt="..."style="border-radius: 30px;" >
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Kirthar Mountains</h5>
</div>
</div>
</div>
</section>
<section class="row m-5">
<h1 style="text-align: center">A Visual Peek in the Culture of Sindh</h1>
<div class="col-sm-4 mt-4">
<div class="card" style="border-radius: 30px; ">
<img src="https://www.pakstyle.pk/images/blog/l/b37-an-overview-to-sindhi-cultural-products_3.jpg" alt="traditional dresses" style="width:100%; border-radius: 30px; height: 270px">
<h5 class="card-title" style="text-align: center;">Traditional dresses</h5>
</div>
</div>
<div class="col-sm-4 mt-4">
<div class="card" style="border-radius: 30px; ">
<img src="https://upload.wikimedia.org/wikipedia/commons/6/65/Sindhi_shoes.jpg" alt="mojari" style="width:100%; border-radius: 30px; height: 270px">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Mojari</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-4">
<div class="card" style="border-radius: 30px; ">
<img src="https://www.kohkaf.com/uploaded-images/lifestyle/fashion/sindh-cultural1.jpg" alt="Dance" style="width:100%; border-radius: 30px">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Sindhi Dance</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="card" style="border-radius: 30px;">
<img src="https://i1.sndcdn.com/artworks-000064623433-dheb78-t500x500.jpg" alt="ajrak" style="width:100%; border-radius: 30px; height: 300px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Ajrak and Topi</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="card" style="border-radius: 30px;">
<img src="Seyun.webp" alt="Food" style="width:100%; border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Seyun Patata</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="card" style="border-radius: 30px;">
<img src="https://clickpakistan.org/wp-content/uploads/2021/04/bolani-min.jpg" alt="More food" style="width:100%; border-radius: 30px; height: 300px" >
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Bolani</h5>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="footer-content">
<a href="https://github.com/anashakeem123"><i class="fab fa-github-square" style="font-size:28px; color:white;"></i></a>
<a href="https://portfolio-website-h1uk.vercel.app/"><i class="fab fa-dribbble-square" style="font-size:28px; color:white;"></i></a>
<a href="https://www.instagram.com/abdulhakeem5335?igsh=YzljYTk1ODg3Zg=="><img src="instagram.png" alt="instagram" class="img2"></a>
<a href="https://www.facebook.com/share/cp9TYSgNGsoAU8my/"><img src="facebook.png" alt="facebook" class="img3"></a>
<a href="https://www.linkedin.com/in/anas-hakeem-235348274/"><img src="linkedin.png" alt="linkedin" class="img4"></a>
<br>
<br>
<p>Made with love by <u>Anas Hakeem</u> 🤍 </p>
© 2024, PAKISTAN. All rights reserved!
</div>
</footer>
</body>
</html>