-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutUs.html
101 lines (101 loc) · 6.9 KB
/
aboutUs.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
<!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>About Us</title>
<link rel="stylesheet" href="aboutUs.css">
</head>
<body>
<div class="main">
<div id="navigation-part">
<img src="Images/weight.png" alt="" height="50px" width="50px">
<h3>Yasir Top Gym</h3>
<ul>
<li><a href="index.html" class="list">Home</a></li>
<li><a href="" class="list">Content</a></li>
<li><a href="" class="list">Services</a></li>
<li><a href="aboutUs.html" class="list">About</a></li>
<li><a href="email.html" class="list">Sign in</a></li>
</ul>
</div>
<a href="#" id="iconbar" onclick="responsive_menu()"><img src="Images/menu.png" alt="" height="40px" width="40px"></a>
<h2 id="about">About Us</h2>
<div class="pic-trainer">
<div class="pic" id="aimal">
<div class="overlay">
<div class="content">Aimal Afghan</div>
</div>
</div>
<div class="pic" id="wakil">
<div class="overlay">
<div class="content">Abdul Wakil</div>
</div>
</div>
<div class="pic" id="mohib">
<div class="overlay">
<div class="content">Mohibullah</div>
</div>
</div>
<div class="pic" id="me">
<div class="overlay">
<div class="content">Mohammad Yasir</div>
</div>
</div>
</div>
<div class="container">
<div class="circle" id="wakil2"></div>
<h1 class="trainer-h1">Abdul Wakil Alam Sahak</h1>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem, enim. Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti corporis dolorum repudiandae sunt itaque velit voluptates et officiis rerum. Enim dolorem aspernatur illo quae laborum tempore vero quibusdam blanditiis laboriosam quia, recusandae dicta optio officiis unde fuga culpa rem ipsum nobis quo quasi, neque perspiciatis sit? Facere distinctio ab cum aliquam culpa incidunt quis aspernatur! Explicabo amet aspernatur fugiat. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nam quo officiis tenetur, aspernatur repudiandae et veniam, architecto modi, eaque minima necessitatibus dolorem. Facere voluptatum eligendi Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati est ducimus unde quod culpa a hic incidunt officiis explicabo cumque! non eos ab eveniet fugit!</p>
</div>
<div class="container">
<div class="circle2" id="aimal2"></div>
<h1 class="trainer-h1">Mohammad Aimal Afghan</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nam quo officiis tenetur, aspernatur repudiandae et veniam, architecto modi, eaque minima necessitatibus dolorem. Facere voluptatum eligendi Lorem ipsum dolor sit amet Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est quisquam ullam cum. Vero voluptas quaerat modi sapiente, similique adipisci itaque a quidem cupiditate neque cumque nobis magnam necessitatibus consequatur, sint vitae aperiam enim amet, repellendus repudiandae quos? Repellat, animi fugiat? consectetur, adipisicing elit. Obcaecati est ducimus unde quod culpa a hic incidunt officiis explicabo cumque! non eos ab eveniet fugit!</p>
</div>
<div class="container">
<div class="circle" id="mohib2"></div>
<h1 class="trainer-h1">Mohibullah Alokozay</h1>
<p>Lorem ipsum dolor sit, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, reprehenderit! amet consectetur adipisicing elit. Nam quo officiis tenetur, aspernatur repudiandae et veniam, architecto modi, eaque minima necessitatibus dolorem. Facere voluptatum eligendi Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati est ducimus unde quod culpa a hic incidunt officiis explicabo cumque! non eos ab eveniet fugit!</p>
</div>
<div class="container">
<div class="circle2" id="yasir2"></div>
<h1 class="trainer-h1">Mohammad Yasir Sahibzada</h1>
<p> molestias soluta? Fuga deserunt consequuntur nemo qui nostrum a explicabo temporibus adipisci ex tempora? Exercitationem, deserunt! Saepe assumenda velit, repellendus quas natus expedita adipisci perferendis dolores. Mollitia culpa iure adipisci odio nisi molestiae inventore! sit, amet consectetur adipisicing elit. Nam quo officiis tenetur, aspernatur repudiandae et veniam, architecto modi, eaque minima necessitatibus dolorem. Facere voluptatum eligendi Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati est ducimus unde quod culpa a hic incidunt officiis explicabo cumque! non eos ab eveniet fugit!</p>
</div>
</div>
<div id="footer-part">
<div class="footer-left">
<div class="l">
<img src="Images/weight.png" alt="">
<h2 id="h2">Yasir Top <span>Gym</span></h2>
</div>
<a href="index.html" class="list2">Home</a>
<a href="aboutUs.html" class="list2">About</a>
<a href="" class="list2">Contact</a>
<a href="" class="list2">Service</a>
<h4 style="margin-top: 10px;">CopyRight 2022 | Yasir Sahibzada ❤</h4>
</div>
<div class="footer-center">
<div class="l2">
<img src="Images/Adress2.png" alt="" class="social">
<p>: 1 Street Right Hand , Malik Akram Main Street , Qalae Shahnan , Ahmad Shah baba mena , 12 Nahea , Kabul , Afghanistan</p>
</div>
<div class="l2">
<img src="Images/Phone2.png" alt="" class="social">
<p>: 0093-783036882 | 0093-788263223 | 0093-787459604</p>
</div>
<div class="l2">
<a href=""><img src="Images/facebook.png" alt="" class="social"></a>
<a href=""><img src="Images/instagram.png" alt="" class="social"></a>
<a href=""><img src="Images/linkedin.png" alt="" class="social"></a>
<a href=""><img src="Images/twitter.png" alt="" class="social"></a>
</div>
</div>
<div class="footer-right">
<h3><span>Advice</span> of Today</h3>
<p style="font-size: 20px;">Sergi Constance was born and brought up in Valencia, Spain. Sergi has always been particularly fascinated by sports, and his favorite subject at school was physical education. Due to his strong athletic abilities, he decided to continue his education and go to university in Valencia.</p>
</div>
</body>
</html>