-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
118 lines (115 loc) · 5.58 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/52eedade82.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./Css/about.css">
<link rel="stylesheet" href="./Css/media.css">
<title>About</title>
</head>
<body>
<header>
<div class="social-and-personal-settings">
<div class="centered-item">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#">Language</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Signin</a></li>
</ul>
</div>
</div>
<div class="nav-background">
<nav class="centered-item">
<div class="branch">
<img src="./Css/Assets/Images/logo.png" alt="">
<p>PSL</p>
<p>Season 5</p>
</div>
<input type="checkbox" id="menu"><label for="menu" class="menu-btn"><i class="fas fa-bars"></i></label>
<ul class="nav-menu">
<li><a href="./Index.html">Main</a></li>
<li><a href="./about.html">About</a></li>
<li><a href="#">Program</a></li>
<li><a href="#">Sponsor</a></li>
<li><a class="tickets-link" href="./tickets.html">BUY YOUR TICKETS!</a></li>
</ul>
</nav>
</div>
</header>
<main class="centered-item">
<h1>Pakistan Leauge 2020</h1>
<hr>
<p>Pakistan Super League (Urdu: پاکستان سپر لیگ; PSL) is a professional Twenty20 cricket league, founded on 9
September 2015 with five teams and now comprises six teams. Instead of operating as an association of
independently owned teams, the league is a single entity in which each franchise is owned and controlled by
investors.</p>
<p>Please contact us if you have any questions about hour events ></p>
</main>
<div class="game-history">
<article class="centered-item">
<h3>Game short history</h3>
<hr>
<p>The PSL season runs between the months of February and March, with each team playing matches in double
round robin format; the top four teams with the best record qualify for the playoffs and culminates in
the championship game, the PSL Cup Final. The league is based out of the Pakistan Cricket Board office
in Lahore. <a href="#">Click here</a> to go to the PSL site and explore other games</p>
</article>
<article class="centered-item">
<h2 class="mr-4">PK</h2>
<img class="ml-4" src="./Css/Assets/Images/gaia.png" alt="">
</article>
</div>
<section class="centered-item mt-5 our-game">
<h3>Our game</h3>
<hr>
<p class="mb-4 font-weight-bold">Watch tutorials and past events!</p>
<div class="container-fluid">
<div class="row justify-content-between">
<div class="article-background-img-1 article-background-img col-md mt-2">
<article class="d-flex flex-column justify-content-center align-items-center">
<h4>PSL 2020</h4>
<p>Hosted in Dubai</p>
</article>
</div>
<div class="article-background-img-2 article-background-img col-md mt-2">
<article class="d-flex flex-column justify-content-center align-items-center">
<h4>The game is turning 5 this year!</h4>
<p>See how we will celebrate</p>
</article>
</div>
</div>
<div class="row justify-content-between">
<div class="article-background-img-3 article-background-img col-md mt-2">
<article class="d-flex flex-column justify-content-center align-items-center">
<h4>From noob to pro</h4>
<p>Watch this awesome tutorials of the profesional player Beibi b and step up your game</p>
</article>
</div>
<div class="article-background-img-4 article-background-img col-md mt-2">
<article class="d-flex flex-column justify-content-center align-items-center">
<h4>The future of PSL</h4>
<p>Navigate through our project for 2021!</p>
</article>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<div class="centered-item not-main-footer">
<div class="d-flex">
<img src="./Css/Assets/Images/logo-white.png" alt="">
<p>PSL</p>
</div>
<div>
<p>All rigths reserved</p>
</div>
</div>
</footer>
</body>
</html>