-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbalochistan.html
232 lines (192 loc) · 12.6 KB
/
balochistan.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
<!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>Balochistan</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" 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 active" aria-current="page" 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://www.economy.pk/wp-content/uploads/2022/02/Pishin-Valley-Balochistan.jpg); background-size: cover">
<div class="wrap-banner-bg">
<h1> Balochistan</h1>
<p>The Land of Abundant Natural Resources</p>
</div>
</section>
<section class="location">
<div class="location-text">
<h1>Here's a Little Intro ;)</h1>
<br>
<p>
Balochistan, also spelled Balūchistān, westernmost province of Pakistan. It is bordered by Iran (west), by Afghanistan (northwest), by Khyber Pakhtunkhwa and Punjab provinces (northeast and east), by Sindh province (southeast), and by the Arabian Sea (south).
Although an indigenous population of the region passed through the Stone and Bronze ages and was part of Alexander the Great’s empire, the Baloch people themselves did not enter the region until the 14th century CE. The Baloch and Pashtun (Pathan) people constitute the two major and more distinct ethnic groups; a mixed ethnic stock, mainly of Sindhi origin, forms the third major group. Balochi, Brahui, Pashto, and Sindhi are the main languages. Balochistan was established as a separate province in its present form in 1970. It is the largest and most sparsely populated province in Pakistan. Its capital is Quetta.
</p>
</div>
<div class="location-img">
<img src="https://images.unsplash.com/photo-1514558427911-8e293bebf18c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80" alt="" height="300px" style=" border-radius: 80px;">
</div>
</section>
<section class="history">
<h1 style="text-align: center;">History of Balochistan</h1>
<br>
<p>
Balochistan has an eventful history dating back to the Stone Age. Recent research and archaeological excavations at Mehrgarh have revealed 9000 years old civilization. Human settlement pattern at Mehrgarh was unparalleled and unique, inaugurating the distinct shift from a hunting gathering to a settled life for the first time in human history. Domestication of animals, cultivation of plants, and perfume export were modern features of Mehrgarh civilization. Alexander the great passed through Balochistan in 325 B. C. After his death Balochistan came under the rule of Selecus Nicator whose descendents lost power to the Graeco-Bactrians. The province has also witnessed the march of a number of great conquerors and warriors such as Macedonians, Arabs, Ghaznavies, Mangols and Mughals in the past.
The Muslim rule began in 712 A.D. The parts of Balochistan which were ruled by the Arabs were called by them Turan (Jhallawan area) having capital at Khuzdar and Nudha or Buddha (Kachhi). In the 11th century, Balochistan fell into the hands of Nasir-ud-din Subuktagin marking the beginning of Ghaznivid dynasty. Ghorids succeeded the Ghaznivids. In 1219, it was annexed to the dominion of Sultan Mohammad Khan of Khwarizm (Khiva). The year 1223 saw the danger of the Yellow Peril, the Mongols, in the south of Mekran. In the 1595 it became a part of the Mughal Empire and later Nadir Shah of Persia captured it . Ahmed Shah Durrani of Afghanistan was successful to establish his rule in 1747. The Khanate of Kalat emerged in 1758 when Nasir Khan-I revolted against the Afghans.
The Muslim rule was followed by the British rule in 1839. Two Afghan wars between 1839 and 1879 helped the British to consolidate their power in Balochistan. Sir Robert Sandeman, who later became the Chief Commissioner of Balochistan, was the architect of British strategy in the region and he negotiated a number of treaties with the Khan of Kalat during 1854 to 1901. Through these treaties the British Government gained control over the leased territory of Chaghi, Bolan Pass, Quetta and other areas. The princely states of Mekran, Kharan, Lasbela and a little later Kalat state acceded to Pakistan after it came into being in 1947. In 1955, Balochistan was merged into one unit of West Pakistan. After the dissolution of one-Unit, Balochistan emerged as one of the four new provinces of Pakistan.
</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-tbn3.gstatic.com/licensed-image?q=tbn:ANd9GcThJuv9mE409V1iY4I3Ux7tVEfpUFp27_pASyt-MPB91E-eSy5j0EN5I34L7oN9Iv9gmPQQsOdLtI07PbBnd7cchA" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Hingol National Park</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-4">
<div class="card" style="border-radius: 30px; background: #AFE1AF ;">
<img src="Balochistan.jpg" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Bolan Pass</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-4">
<div class="card" style="border-radius: 30px; background: #AFE1AF ;">
<img src="https://encrypted-tbn2.gstatic.com/licensed-image?q=tbn:ANd9GcTdGspov-FJmvyGVyxl-5vGTqBW8iJI6VbUkI8JqvFGLPKc16HP-FqzcStb8mNYrI_k_SktN7VoxwFhUjqn0fDUcQ" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Princess of Hope</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:ANd9GcR3Ajfuyp9gtkRoRCWHFkhsa-yQDuCUkImRTbVPv0Iz_u1wNmRPgZvKLMg-Sejd7m8mPDtzWMJN0ArTI3ufV8qx4A" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Kund Malir Beach</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:ANd9GcTgqRHo9bp2PHSU_RMnmo1gzgXdwok0tHIdMSsAGUYqCI-RevZ-XpUKjsTo2tjIWX7tHn3GxyP7c4lMcpPLpi9hiA" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Moola Chuttok Waterfalls</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="card" style="border-radius: 30px; background: #AFE1AF ;">
<img src="https://encrypted-tbn3.gstatic.com/licensed-image?q=tbn:ANd9GcTI071W097ih4kQP6DJHAwGAMTCcidaM6zZO8mmWREhoARt-uQBNWQYr10Gqw-0KS9Dfof83Izs_wdWkNmUb0HJyg" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Wali Tangi Dam</h5>
</div>
</div>
</div>
</section>
<section class="row m-5">
<h1 style="text-align: center">A Visual Peek in the Culture of Balochistan</h1>
<div class="col-sm-4 mt-4">
<div class="card" style="border-radius: 30px;">
<img src="https://img.dunyanews.tv/news/2018/June/06-12-18/news_big_images/443549_60933057.jpg" alt="traditional dresses" style="width:100%; border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Tradtional Dresses</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-4">
<div class="card" style="border-radius: 30px;">
<img src="https://balochliberationmovement.files.wordpress.com/2011/03/184353_114724768602371_107403196001195_114485_4338032_n.jpg" alt="jewellery" style="width:100%; border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Traditional Jewellery</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-4">
<div class="card" style="border-radius: 30px; ">
<img src="https://www.arabnews.pk/sites/default/files/styles/n_670_395/public/2018/03/02/1117066-1076575883.jpg?itok=5KciSyxU" alt="Dance" style="width:100%; border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Balochi Dance</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="card" style="border-radius: 30px; ">
<img src="https://www.pakistantravelblog.com/wp-content/uploads/2020/06/6-Sajji.jpg" alt="food" style="width:100%; border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Sajji</h5>
</div>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="card" style="border-radius: 30px; ">
<img src="https://www.pakistantravelblog.com/wp-content/uploads/2020/06/1-kaak-or-kurnoo.jpg" alt="Food" style="width:100%; border-radius: 30px;">
<h5 class="card-title" style="text-align: center;">Kaak - a type of Roti</h5>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="card" style="border-radius: 30px;">
<img src="https://www.pakistantravelblog.com/wp-content/uploads/2020/06/3-Abgoosht.jpg" alt="More food" style="width:100%; border-radius: 30px; height: 300px;" >
<div class="card-body">
<h5 class="card-title" style="text-align: center;">Abgoosht</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>