-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathAboutUs.html
106 lines (103 loc) · 6.3 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
102
103
104
105
106
<!DOCTYPE html>
<html >
<head>
<title>About Us</title>
<link rel="icon" href="src/images/icon.png">
<link rel="stylesheet" type="text/css" href="css/AboutUs.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/all.min.css">
</head>
<body>
<nav>
<div class="container" >
<div class="nav-logo" onclick="window.location.href='index.html'">
<p>Emoji<span>war</span></p>
</div>
<div class="nav-items">
<ul>
<li class="deactive"><a href="index.html">Home</a></li>
<li class="deactive"><a href="Badges.html">Badges</a></li>
<li class="deactive"><a href="LevelAndCharacter.html">characters</a></li>
<li class="active"><a href="AboutUs.html">About</a></li>
</ul>
</div>
<div class="nav-login" id="nav-login">
<button class="btn-login" id="btn-login" onclick="window.location.href='loginRegister.html'">Login</button>
<button class="btn-login hidden" id="btn-logout" >logout</button>
</div>
</div>
</nav>
<section class="page">
<div class="about">
<h2>About</h2>
<p class="styledPar"><span>We Create</span>Awesome Stuff</p>
<p class="last-p"> We are a team consisting of four people, our work is organized based on cooperation and dividing tasks between us <br>
and we will be doing everything by ourselves without using any framework or libraries
<br> make with all love.
</p>
<div class="teams">
<div class="item">
<img src="src/images/teams/aalaa.jpg"/>
<div class="caption">
<h1>Aalaa Habib</h1>
<h3>BackEnd Developer</h3>
<p>Hello I'm responsible for web application logic and integration of front-end web developers do.</p>
<div class="social-icon">
<a href="https://www.linkedin.com/in/aalaa-habib/" target="_blanck"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.facebook.com/AalaaHabib.ah" target="_blanck"> <i class="fab fa-facebook-f"></i></a>
<a href="#"> <i class="fab fa-whatsapp" target="_blanck"></i></a>
<a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=aalaahabib.ah@gmail.com" target="_blanck"> <i class="far fa-envelope"></i></a>
</div>
</div>
</div>
<div class="item">
<img src="src/images/teams/raouf.jpeg"/>
<div class="caption">
<h1>Mohamed AbdulRaouf</h1>
<h3>Software Developer</h3>
<p>Hello I'm responsible for web application logic and integration of front-end web developers do.</p>
<div class="social-icon">
<a href="https://www.linkedin.com/in/mohamed-abdelraouf-687aa9122/" target="_blanck"><i class="fab fa-linkedin-in"></i></a>
<a href="#" target="_blanck"> <i class="fab fa-facebook-f"></i></a>
<a href="#" target="_blanck"> <i class="fab fa-whatsapp"></i></a>
<a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=moh.raoufff@gmail.com" target="_blanck"> <i class="far fa-envelope"></i></a>
</div>
</div>
</div>
<div class="item">
<img src="src/images/teams/may.jpg"/>
<div class="caption">
<h1>May Esmail</h1>
<h3>IoT Developer</h3>
<p>Hello I'm responsible for web application logic and integration of front-end web developers do.</p>
<div class="social-icon">
<a href="https://www.linkedin.com/in/may-esmail/" target="_blanck"><i class="fab fa-linkedin-in"></i></a>
<a href="#" target="_blanck"> <i class="fab fa-facebook-f"></i></a>
<a href="#" target="_blanck"> <i class="fab fa-whatsapp"></i></a>
<a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=mayesmail12998@gmail.com" target="_blanck"> <i class="far fa-envelope"></i></a>
</div>
</div>
</div>
<div class="item">
<img src="src/images/teams/ibrahim.png">
<div class="caption">
<h1>Ibrahim Salama</h1>
<h3>Java Developer</h3>
<p>Hello I'm responsible for web application logic and integration of front-end web developers do.</p>
<div class="social-icon">
<a href="https://www.linkedin.com/in/ibrahim-moh-salama/" target="_blanck"><i class="fab fa-linkedin-in"></i></a>
<a href="#" target="_blanck"> <i class="fab fa-facebook-f"></i></a>
<a href="#" target="_blanck"> <i class="fab fa-whatsapp"></i></a>
<a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=Ibrah.salama@outlook.com" target="_blanck"> <i class="far fa-envelope"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="js/all.min.js"></script>
<script src="js/AboutUs.js"></script>
<script src="js/is_login.js"></script>
</body>
</html>