-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
358 lines (330 loc) · 15.8 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
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio|AYOUB ELOMARI</title>
<meta name="p:domain_verify" content="dc761a2ebed593222751a64e782ceabb"/>
<--! Pinterest Page Link -->
<meta name="p:domain_verify" content="dc761a2ebed593222751a64e782ceabb"/>
<--! Pinterest Page Link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<a data-tab="intro">Intro</a>
<a data-tab="experience">EXP</a>
<a data-tab="skill">Skill</a>
<a data-tab="project">Project</a>
<a data-tab="contact">Contact</a>
</nav>
</header>
<div class="tab" id="intro">
<div class="container">
<div class="avatar">
<img title="img" src="./images/avatar.png">
</div>
<div class="content">
<div class="name">AYOUB EL OMARI</div>
<div class="job">
I'm a Software<span class="text-gradient">
Developer
</span>
</div>
<div class="des">
I am a creator of digital magic, turning lines of code into seamless experiences that enhance and enrich people's lives.
<br>
<a class="text-gradient" data-tab="skill">See my Skills</a>
</div>
<i class="fa-solid fa-quote-right"></i>
</div>
</div>
</div>
<div class="tab" id="experience">
<div class="container">
<div class="list">
<div class="item">
<div class="time">2020</div>
<i class="fa-solid fa-school-flag"></i>
<div class="content">
<div class="job">Graduated from school</div>
<div class="company">Taghbalt Height School</div>
<div class="des">
Arts and Humanities major
</div>
</div>
</div>
<div class="item">
<div class="time">2020 to 2023</div>
<i class="fa-solid fa-briefcase"></i>
<div class="content">
<div class="job">College Student</div>
<div class="company">University of "IBN ZOHER|AGADIR"</div>
<div class="des">
I joined The College of Law and Rights
</div>
</div>
</div>
<div class="item">
<div class="time">2023</div>
<i class="fa-solid fa-briefcase"></i>
<div class="content">
<div class="job">FrondEnd Developer</div>
<div class="company">Duxcluse Code Cump</div>
<div class="des">
Dosclos Institute is an educational institution located in the city of Agadir, Morocco.
Here I learned the basics of website and software development for about 3 months and received a certificate of success with honor and appreciation from my supervisors.
</div>
</div>
</div>
<div class="item">
<div class="time">2024</div>
<i class="fa-solid fa-briefcase"></i>
<div class="content">
<div class="job">FullStack Developer</div>
<div class="company">FreeLancer</div>
<div class="des">
Since graduating from the institute, I have developed my skills in the world of programming and website development. Over the past years, I have continued to hone my skills by working on various projects and trying to create for myself a set of challenges and thresholds that I have proudly and diligently overcome. This is what made me who I am today, a professional software developer ready to work on any project, no matter how difficult, characterized by patience and diligence. Put your trust in me and together we will build your dream website that will catch the attention of customers.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab" id="skill" >
<div class="container">
<div class="list">
<div class="item">
<i class="fa-brands fa-html5"></i>
<div class="name">HTML5</div>
<div class="des">
<!-- 7 -->
</div>
</div>
<div class="item">
<i class="fa-brands fa-css3-alt"></i>
<div class="name">CSS</div>
<div class="des">
<!-- 7 -->
</div>
</div>
<div class="item">
<i class="fa-brands fa-js"></i>
<div class="name">Javascript</div>
<div class="des">
<!-- 7 -->
</div>
</div>
<div class="item">
<i class="fa-brands fa-bootstrap"></i>
<div class="name">Bootstrap</div>
<div class="des">
<!-- 7 -->
</div>
</div>
<div class="item">
<i class="fa-brands fa-vuejs" style="color:green;"></i>
<div class="name">VEU JS</div>
<div class="des">
<!-- 7 -->
</div>
</div>
<div class="item">
<i class="fa-brands fa-react"></i>
<div class="name">React js</div>
<div class="des">
<!-- 7 -->
</div>
</div>
</div>
</div>
</div>
<div class="tab" id="project" >
<div class="container">
<div class="list">
<!-- Movies_4U -->
<a href="https://aksel-elomari.github.io/Movies_4U/" rel="noopener" target="_blank" title="item-link" class="item">
<img title="img" src="./images/Movies_4U_Home.png">
<div class="index">#1</div>
<div class="name">Movies_4U</div>
<div class="des">
Movies_4U is the best free streaming Movies website 2024. where you can watch movies / TvShoes/ Anime / Animation online for free. no regestration required with a large database and great features. we're confident that Movies_4U is the best free online movie site in the space you just can't mess.
</div>
<div class="author">
<div class="job">FullStack</div>
<div class="time">
2024/03/01
<i class="fa-regular fa-clock"></i>
</div>
</div>
</a>
<!-- Kugni:Wave -->
<a href="https://aksel-elomari.github.io/CogniWave/" rel="noopener" target="_blank" title="item-link" class="item">
<img title="img" src="./images/KugniWave.png">
<div class="index">#2</div>
<div class="name">Kugni:Wave</div>
<div class="des">
Embark on your Mental journey with Professionals <br>
Welcome to mental Mind, your gateway to improved mantals. We're here to help you scuipt a stranger, more resilent mind.
</div>
<div class="author">
<div class="job">FullStack</div>
<div class="time">
2024/04/23
<i class="fa-regular fa-clock"></i>
</div>
</div>
</a>
<!-- Anime_4U -->
<a href="https://aksel-elomari.github.io/Kurosaw/" rel="noopener" target="_blank" title="item-link" class="item">
<img title="img" src="./images/Anime_4U.png">
<div class="index">#3</div>
<div class="name">Anime_4u</div>
<div class="des">
the best free movies streaming website
</div>
<div class="author">
<div class="job">FullStack</div>
<div class="time">
2024/04/23
<i class="fa-regular fa-clock"></i>
</div>
</div>
</a>
<!-- Dashboar Page -->
<a href="https://aksel-elomari.github.io/MoviesDashboard/" rel="noopener" target="_blank" title="item-link" class="item">
<img title="img" src="./images/dashboard.png">
<div class="index">#4</div>
<div class="name">Ecomerce website user Dashboard</div>
<div class="des">
<!-- 20 -->
the best free movies streaming website
</div>
<div class="author">
<div class="job">FullStack</div>
<div class="time">
2024/04/23
<i class="fa-regular fa-clock"></i>
</div>
</div>
</a>
<!-- Books Online Store Landing Page -->
<a href="https://aksel-elomari.github.io/Books/" rel="noopener" target="_blank" title="item-link" class="item">
<img title="img" src="./images/Landing-Books.jpg">
<div class="index">#5</div>
<div class="name">Online Store To sell Books</div>
<div class="des">
<!-- 20 -->
beutifull Landing Page for Online Store to sell Books
</div>
<div class="author">
<div class="job">Front-End</div>
<div class="time">
2024/06/04
<i class="fa-regular fa-clock"></i>
</div>
</div>
</a>
<!-- Usage Dashboard for Online store / Books -->
<a href="https://aksel-elomari.github.io/Books__dash/" rel="noopener" target="_blank" title="item-link" class="item">
<img title="img" src="./images/Dash-Books.jpg">
<div class="index">#6</div>
<div class="name">Online Store || Dashboard</div>
<div class="des">
Beutifull and Responsive Designe for a user Dashbard in Books Website
</div>
<div class="author">
<div class="job">Front-End</div>
<div class="time">
2024/06/04
<i class="fa-regular fa-clock"></i>
</div>
</div>
</a>
<!-- Comming Soon Page -->
<a href="https://aksel-elomari.github.io/CommingSoonPage/" rel="noopener" target="_blank" title="item-link" class="item">
<img title="img" src="./images/Comming.png">
<div class="index">#7</div>
<div class="name">Comming Soon Page</div>
<div class="des">
Beutifull and Responsive Designe for a "Comming Soon Page " for Your Next Comming Project
</div>
<div class="author">
<div class="job">Front-End</div>
<div class="time">
2024/08/20
<i class="fa-regular fa-clock"></i>
</div>
</div>
</a>
<!-- Legal Justice Landing Page -->
<a href="https://aksel-elomari.github.io/legalJustice/" rel="noopener" target="_blank" title="item-link" class="item">
<img title="img" src="./images/legalJustice.png">
<div class="index">#8</div>
<div class="name">Legal Justice Landing Page</div>
<div class="des">
Beutifull and Responsive Designe for a "Lawyer Portfolio Landing Page". Well Designed and ready to use
</div>
<div class="author">
<div class="job">Front-End</div>
<div class="time">
2023/02/12
<i class="fa-regular fa-clock"></i>
</div>
</div>
</a>
<!-- Floristy -->
<a href="https://aksel-elomari.github.io/floristy/" rel="noopener" target="_blank" title="item-link" class="item">
<img title="img" src="./images/main-03.png">
<div class="index">#9</div>
<div class="name">Floristy</div>
<div class="des">
One of the best beutifull and Responsive and user freindly website app for Lawyers and Consilting Companies. to attractive and behave with ther clients.
</div>
<div class="author">
<div class="job">Front-End</div>
<div class="time">
2023/01/20
<i class="fa-regular fa-clock"></i>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="tab" id="contact">
<div class="container">
<div class="content">
<div class="thank text-gradient">Thank you!</div>
<div class="des">
<!-- 50 -->
I'm professional web developer. Feel free to get in touch with me.
<br>
<a data-tab="intro" class="text-gradient">See My Intro</a>
</div>
<div class="list">
<div class="item">
<i class="fa-solid fa-phone"></i>
+212 606970233
</div>
<div class="item">
<i class="fa-brands fa-whatsapp"></i>
+212 704315838
</div>
<div class="item">
<i class="fa-regular fa-envelope"></i>
tagrawla2023@gmail.com
</div>
<div class="item">
<i class="fa-brands fa-facebook"></i>
<a href="https://web.facebook.com/?ref=homescreenpwa&_rdc=1&_rdr" title="link">Ayoub El omari</a>
</div>
</div>
</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>