-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (119 loc) · 5.63 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
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> ahmed's website </title>
<link rel="stylesheet" href="stylesheet.css">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<header id="sec">
<div class="container" >
<h1 class="header"><a href="#">Ahmed salah</a></h1>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#Services">Services</a></li>
<li><a href="#contacts">Contacts</a></li>
<li><a href="#About">About</a></li>
</ul>
</div>
</header>
<section id="home">
<div class="social">
<h1 class="first">Hello I'm <span class="change">Ahmed Salah,</span>
Welcome to my portfolio
</h1>
<h2>
<div class="position">Front End Developer</div>
</h2>
<p class="text">I'm keeping work to make better user experience on websites and applications,
with two years
experience on web development.</p>
</div>
<div class="icons">
<a href="https://web.facebook.com/profile.php?id=100050085421098" target="_blank"><i
class="fa-brands fa-square-facebook"></i></a>
<a href="https://wa.me/01111204305" target="_blank"><i class="fa-brands fa-square-whatsapp"></i></a>
<a href="https://www.linkedin.com/in/ahmed-salah-a6a995139/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/ahmed-salah93" target="_blank"><i class="fa-brands fa-github"></i></a> <br>
<a class="btn" href="https://github.com/ahmed-salah93" target="_blank">View My Projects</a>
</div>
<div class="section2">
<h1 > Services </h1>
</div>
<section id="Services">
<div class="card1" >
<h2> <a href="#"><i class="fa-solid fa-laptop-file"></i> <br>
Websites Front End Development</a></h2>
<p>Lorem ipsum, dolor sit amet consectetur
adipisicing elit. Neque consequuntur,
corrupti
ullam sapiente nihil
ipsum, dolorem possimus culpa amet,
odio fuga iure deserunt nulla earum a
atque sequi assumenda quaerat.</p>
</div>
<div class="card2">
<h2> <a href=""><i class="fa-solid fa-chalkboard-user"></i> <br>Applications(ios/android) Development</a></h2>
<p>Lorem ipsum, dolor sit amet sure have little consectetur adipisicing elit. Tempora architecto illo, beatae
aliquid optio maxime, odio dolorum repellendus consequuntur nisi cupiditate eveniet nemo vel ut dolores
minima, excepturi totam deleniti.</p>
</div>
<div class="card3">
<h2><a href="#"><i class="fa-solid fa-graduation-cap"></i> <br>
Free Courses For Beginners</a></h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatum reprehenderit sed dolorem aliquam quo
veritatis quasi nostrum molestiae accusamus iure impedit doloribus similique error vero, quaerat soluta at
sequi ex!</p>
</div>
</section>
<h5 class="in">Let's Work Together ,<br> give me more details <br>about your project</h5>
<div class="section2">
<h1>contacts</h1>
</div>
<section id="contacts">
<div class="card2">
<h2><a href="https://mail.google.com/mail/u/0/#inbox"><i class="fa-solid fa-envelope-open-text"></i> <br>
Email Address</a> </h2>
<p>[email protected]</p>
</div>
<div class="card1">
<h2><a href="https://wa.me/01111204305"><i class="fa-brands fa-square-whatsapp"></i><br>
What's App </a></h2>
<p>01111204305</p>
</div>
</section>
<div class="section2">
<h1 >About</h1>
</div>
<section id="About">
<div>
<p class="me"> I am an enthusiastic, self-motivated, reliable,
responsible and hard working person, I am a
mature team worker and adaptable
to all challenging situations,
I am able to work well both
in a team
environment as well as using own
initiative, I am able to work well under
pressure and adhere to strict
deadlines.</p>
</div>
</section>
<hr>
<footer class="footer">
<div >
<p>Copy Rights © 2023 Ahmed Salah</p>
</div>
<div>
<a href="https://web.facebook.com/profile.php?id=100050085421098"><i class="fa-brands fa-square-facebook"></i></a>
<a href="https://wa.me/01111204305"><i class="fa-brands fa-square-whatsapp"></i></a>
<a href="https://www.linkedin.com/in/ahmed-salah-a6a995139/"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/ahmed-salah93" target="_blank"><i class="fa-brands fa-github"></i></a></div>
</footer>
</section>
</body>
</html>