-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
188 lines (158 loc) · 9.91 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
<!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>Pakistan</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/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/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 active" aria-current="page" href="#">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" 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="founder">
<div class="wrap-banner-bg">
<img src="images/quaid.png" alt="" height="500px" style=" border-radius: 80px; margin-top: 50px">
</div>
</section>
<section class="location">
<div class="location-text">
<h1>Location</h1>
<br>
<p>
Pakistan lies between 23 degrees 35 minutes to 37 degrees 05 minutes North latitude and 60 degrees 50 minutes to 77 degrees 50 minutes east longitude. It touches the Hindukush Mountains in the north and extends from the Pamirs to the Arabian Sea.
</p>
</div>
<div class="location-img">
<img src="images/location.png" alt="" style=" border-radius: 80px;height: 300px;">
</div>
</section>
<section class="row m-5">
<h1 style="text-align: center">Here are 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="images/hunza.png" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body" style="text-align: center;" >
<h5 class="card-title">Hunza Valley</h5>
<p class="card-text">Hunza Valley is a hidden gem of Pakistan, located in the Gilgit Baltistan province. It is a secluded valley, sitting between the Himalayas and the Karakoram mountain ranges.</p>
</div>
</div>
</div>
<div class="col-sm-4 mt-4">
<div class="card" style="border-radius: 30px; background: #AFE1AF ;">
<img src="images/fairy.png" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body" style="text-align: center;">
<h5 class="card-title">Fairy Meadows</h5>
<p class="card-text">Fairy Meadows is a beautiful little base site for the Nanga Parbat mountain range. It is located in the Diamer district of Gilgit Baltistan. Blessed with matchless beauty, Fairy Meadows is easily one of the most beautiful places in Pakistan. </p>
</div>
</div>
</div>
<div class="col-sm-4 mt-4">
<div class="card" style="border-radius: 30px; background: #AFE1AF ;">
<img src="images/neelum.png" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body" style="text-align: center;">
<h5 class="card-title">Neelum Valley</h5>
<p class="card-text">Neelum valley is located in Azad Kashmir near the capital Muzaffarabad. Neelum Valley literally translates to Blue Gem valley.</p>
</div>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="card" style="border-radius: 30px; background: #AFE1AF ;">
<img src="images/badshahi.png" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body" style="text-align: center;">
<h5 class="card-title">Badshahi Mosque</h5>
<p class="card-text">Badshahi Mosque is a relic of the great Mughal dynasty, which ruled over the Indian subcontinent for nearly three centuries. It is a historic monument that can house over 100,000 worshippers</p>
</div>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="card" style="border-radius: 30px; background: #AFE1AF ;">
<img src="images/attahbad.png" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body" style="text-align: center;">
<h5 class="card-title">Attahbad Lake</h5>
<p class="card-text">In time, from disaster, an area of spectactular beauty took from. Attabad Lake is defined by its blue turquoise waters, shimmering between a myriad of small mountains</p>
</div>
</div>
</div>
<div class="col-sm-4 mt-5">
<div class="card" style="border-radius: 30px; background: #AFE1AF ;">
<img src="images/ranikort.png" class="card-img-top" alt="..." style="border-radius: 30px;">
<div class="card-body" style="text-align: center;">
<h5 class="card-title">Ranikort Fort</h5>
<p class="card-text">Ranikot Fort is the largest fort in the world, also called the ‘Great Wall of Sindh’. It is a magnificent piece of architecture, located near Jamshoro, Sindh. Though difficult to access due to poor development in the region, Ranikot Fort is still a must-see piece of Pakistani beauty if you are visiting Sindh.</p>
</div>
</div>
</div>
</section>
<section class="fun-facts">
<h1 style="text-align: center;">Some Amazing Facts About <span style="color:#0b5e0b">Pakistan</span></h1>
<br>
<div class="card" style="width: 100%; background:#0b5e0b; border-radius: 80px; box-shadow: 0 0 0 #ffffff;">
<div class="card-body">
<ul class="card-text" >
<li class="list-item">✔ Pakistan is home to the second highest mountain K2, third highest Tirich Mir and the three highest mountain ranges in the world (Hindukush, Karakoram and Himalayas).</li>
<li class="list-item">✔ The world's largest deep sea port, Gwadar, is in Pakistan.</li>
<li class="list-item">✔ Pakistan’s Sialkot produces over half the world’s footballs, making the country world’s largest producer of hand-sewed footballs. The official footballs in the last two FIFA World Cups were made in Pakistan.</li>
<li class="list-item">✔ World’s second largest salt mines (Khewra Mines) are located in Pakistan. The world's famous pink Himalayan salt is also mined in Pakistan.</li>
<li class="list-item">✔ Tarbela Dam of Pakistan is the largest earth-filled dam in the world, and also the largest dam by structural volume.</li>
<li class="list-item">✔ Sharmeen Obaid-Chinoy is a Pakistani journalist, filmmaker and activist, who is the recipient of two Oscars, six Emmy Awards and a Knight International Journalism Award. Her Academy Award win for Saving Face made her the first Pakistani to win an Academy Award. She is the only female film director to have won two academy awards by the age of 37 and one of only eleven female directors who have ever won an Oscar for a non-fiction film.</li>
<li class="list-item">✔ Pakistan is the only Muslim nuclear power country in the world.</li>
<li class="list-item">✔ The world’s oldest and largest civilizations (Indus Valley Civilization) flourished in the region that is today Pakistan.</li>
<li class="list-item">✔ From 1981 to 1986, Jahangir Khan of Pakistan was unbeaten and during that time, he won 555 consecutive matches – the longest winning streak by any athlete in top-level professional spor</li>
<li class="list-item">✔ World's highest paved road, the eighth wonder of the world (the China-Pakistan friendship highway or the Karakoram Highway) is in Pakistan!</li>
</ul>
</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>