-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
639 lines (639 loc) · 48 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
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>CV</title>
<link rel="stylesheet" href="./CSS/index.1.css" />
<link rel="stylesheet" href="./CSS/index.dark.1.css" />
<link rel="stylesheet" href="./CSS/index.2.css" />
<link rel="stylesheet" href="./CSS/index.3.css" />
<link rel="stylesheet" href="./CSS/index.3.dark.css" />
<link rel="stylesheet" href="./CSS/index.4.css" />
<link rel="stylesheet" href="./CSS/index.4.dark.css" />
<link rel="stylesheet" href="./CSS/index.5.css" />
<link rel="stylesheet" href="./CSS/index.6.css" />
<link rel="stylesheet" href="./CSS/index.6.dark.css" />
<link rel="stylesheet" href="./CSS/index.7.css" />
<link rel="stylesheet" href="./CSS/index.media.1.css" />
<link rel="stylesheet" href="./CSS/index.media.2.css" />
<link rel="stylesheet" href="./CSS//index.media.3.css" />
<link rel="stylesheet" href="./CSS/index.media.4.css" />
<script defer src="./Js/index.1.js"></script>
<script defer src="./Js/index.2.js"></script>
</head>
<body class="normal">
<div class="section-contianer">
<div class="container-nav-bar">
<div class="container-logo">
<svg width="70px" height="70px" viewBox="0 0 24 24" role="img">
<title>About.me icon</title>
<path
d="M19.536 9.15c-1.373 0-2.133 1.014-2.294 2.116h4.608c-.125-1.05-.867-2.115-2.314-2.115m-2.26 3.617c.235 1.156 1.193 1.97 2.532 1.97.725 0 1.77-.27 2.384-.914l1.175 1.35c-1.064 1.11-2.653 1.426-3.74 1.426-2.64 0-4.697-1.906-4.697-4.606 0-2.535 1.894-4.62 4.57-4.62 2.585 0 4.5 1.98 4.5 4.604v.766h-6.723v.023zm-6.487 3.83v-5.69c0-.976-.435-1.536-1.338-1.536-.814 0-1.355.585-1.717 1.007v6.24h-2.35v-5.7c0-.976-.415-1.532-1.318-1.532-.813 0-1.375.586-1.717 1.006v6.24H0V7.508h2.35v1.15c.4-.464 1.302-1.26 2.71-1.26 1.247 0 2.096.525 2.477 1.59.524-.762 1.5-1.59 2.91-1.59 1.7 0 2.69 1.01 2.69 2.962v6.24h-2.353l.005-.006z"
/>
</svg>
</div>
<div class="contianer-list">
<ul class="container-li">
<li class="container-item">
<a href="#" class="container-text">
<p>Home</p>
</a>
</li>
<li class="container-item">
<a href="#" class="container-text">
<p>Project</p>
</a>
</li>
<li class="container-item">
<a href="#" class="container-text">
<p>About</p>
</a>
</li>
<li class="container-item">
<a href="#" class="container-text">
<p>Contact</p>
</a>
</li>
</ul>
</div>
<div class="container-button">
<button class="btn-contact">Contact Now</button>
</div>
</div>
<div class="container-info">
<div class="container-text-right">
<div class="container-name">Yousef Romany 🖐️</div>
<div class="container-job">
<p></p>
<nav class="text-job">Front-End</nav>
</div>
<div class="container-infoo">
I'm creative designer based in Luxor, and i'm ver passionate and
dedicated to my work
</div>
<div class="container-buttons">
<button>Say Hello 🛸</button>
<button>My Works ↗️</button>
</div>
</div>
<div class="container-left-image">
<div class="clip-path1"></div>
<div class="clip-path2"></div>
<div class="clip-path3">⭐</div>
<div class="clip-path4">⭐</div>
<div class="clip-path5">⭐</div>
<div class="clip-path6">⭐</div>
<div class="clip-path7">🇪🇬</div>
<div class="clip-path8">💪</div>
<div class="clip-path9">🤗</div>
<div class="clip-path10">😇</div>
<img src="./MEDIA/images/me.png" alt="" />
</div>
</div>
</div>
<div class="container-mode">
<p class="container-sun">☀️</p>
<p class="container-moon">🌑</p>
</div>
<div class="section-contianer-2">
<div class="container-right-section2">
<div class="container-number">4</div>
<div class="container-text-years">Years of Experience</div>
<div class="container-name-me">Yousef Romany</div>
</div>
<div class="container-left-section2">
<div class="container-emoji">🧐</div>
<div class="container-large-text">
<div class="container-address">About me</div>
<div class="container-line">
<p></p>
</div>
</div>
<div class="container-many-litter-more">
You can express yourself however you want and whenever you want, for
free. You can customize a template or make your own from scratch, with
an immersive library at your disposal.
</div>
<div class="container-btn-download">
<button>Download CV</button>
</div>
</div>
</div>
<div class="section-container-3">
<div class="container-top">
<div class="container-block-left">
<div class="container-ex">
My expert areas
<p></p>
</div>
<div class="container-body">
You can express yourself however you want and whenever you want, for
free. You can customize a template or make your own from scratch,
with an immersive library at your disposal.
<br />
<br />
<br />
You can customize a template or make your own from scratch, with an
immersive library at your disposal.
</div>
<div class="container-btn-resume">
<button>My Resume 📁</button>
</div>
</div>
<div class="container-block-right">
<div class="container-silders">
<ul>
<li class="container-item-slide" id="tech">tech ↗️</li>
<li class="container-item-slide" id="Experience">
Experience ↗️
</li>
</ul>
</div>
<div class="container-body-sliderss">
<ul class="container-slider-ul">
<li class="container-item-slider-ul">
<div class="container-tech">
<svg
fill="#000000"
viewBox="0 0 50 50"
width="50px"
height="50px"
>
<path
d="M 5.28125 2 C 4.765625 2.09375 4.410156 2.574219 4.46875 3.09375 L 8 42.53125 C 8.046875 42.933594 8.332031 43.265625 8.71875 43.375 L 24.71875 47.96875 C 24.902344 48.023438 25.097656 48.023438 25.28125 47.96875 L 41.28125 43.375 C 41.667969 43.265625 41.953125 42.933594 42 42.53125 L 45.53125 3.09375 C 45.558594 2.8125 45.464844 2.535156 45.273438 2.324219 C 45.082031 2.117188 44.8125 2 44.53125 2 L 5.46875 2 C 5.4375 2 5.40625 2 5.375 2 C 5.34375 2 5.3125 2 5.28125 2 Z M 6.5625 4 L 43.4375 4 L 40.09375 41.65625 L 25 45.9375 L 9.90625 41.65625 Z M 12.53125 10.0625 C 12.015625 10.15625 11.660156 10.636719 11.71875 11.15625 L 13.0625 25.9375 C 13.09375 26.453125 13.515625 26.859375 14.03125 26.875 L 30 26.875 L 29.5625 31.46875 L 25.03125 32.4375 L 20.4375 31.46875 L 20.28125 29.84375 C 20.25 29.316406 19.808594 28.90625 19.28125 28.90625 L 14.40625 28.90625 C 14.125 28.90625 13.855469 29.023438 13.664063 29.230469 C 13.472656 29.441406 13.378906 29.71875 13.40625 30 L 13.96875 36.125 C 14 36.527344 14.269531 36.875 14.65625 37 L 24.59375 40.03125 L 24.71875 40.0625 C 24.902344 40.117188 25.097656 40.117188 25.28125 40.0625 L 35.34375 37 C 35.742188 36.886719 36.027344 36.539063 36.0625 36.125 L 37.375 21.09375 C 37.402344 20.816406 37.3125 20.542969 37.128906 20.335938 C 36.945313 20.128906 36.683594 20.007813 36.40625 20 L 19.375 20 L 19.125 16.90625 L 36.84375 16.90625 C 37.363281 16.910156 37.796875 16.515625 37.84375 16 L 38.28125 11.15625 C 38.308594 10.875 38.214844 10.597656 38.023438 10.386719 C 37.832031 10.179688 37.5625 10.0625 37.28125 10.0625 L 12.71875 10.0625 C 12.65625 10.054688 12.59375 10.054688 12.53125 10.0625 Z M 13.8125 12.0625 L 36.1875 12.0625 L 35.9375 14.90625 L 18.03125 14.90625 C 17.75 14.90625 17.480469 15.023438 17.289063 15.230469 C 17.097656 15.441406 17.003906 15.71875 17.03125 16 L 17.5 21.09375 C 17.546875 21.597656 17.964844 21.988281 18.46875 22 L 35.3125 22 L 34.125 35.28125 L 25 38.03125 L 15.875 35.28125 L 15.5 30.90625 L 18.375 30.90625 L 18.5 32.375 C 18.53125 32.816406 18.847656 33.183594 19.28125 33.28125 L 24.84375 34.4375 C 24.976563 34.464844 25.117188 34.464844 25.25 34.4375 L 30.71875 33.28125 C 31.152344 33.183594 31.46875 32.816406 31.5 32.375 L 32.09375 25.9375 C 32.109375 25.660156 32.011719 25.390625 31.824219 25.191406 C 31.632813 24.988281 31.371094 24.875 31.09375 24.875 L 14.9375 24.875 Z"
/>
</svg>
</div>
<div class="container-text-tech">HTML (90%)</div>
</li>
<li class="container-item-slider-ul">
<div class="container-tech">
<svg
fill="#000000"
viewBox="0 0 50 50"
width="50px"
height="50px"
fill-rule="evenodd"
>
<path
fill-rule="evenodd"
d="M 39 40 L 25 44 L 11 40 L 8 6 L 42 6 C 41 17.332031 40 28.667969 39 40 Z M 39.816406 8 L 10.183594 8 L 12.871094 38.453125 L 25 41.921875 L 37.128906 38.453125 Z M 16.800781 28 L 20.800781 28 L 20.898438 30.5 L 25 31.898438 L 29.101563 30.5 L 29.398438 26 L 20.601563 26 L 20.398438 22 L 29.601563 22 L 29.898438 18 L 16.101563 18 L 15.800781 14 L 34.101563 14 L 33.601563 22 L 32.898438 33.5 L 25 36.101563 L 17.101563 33.5 Z"
/>
</svg>
</div>
<div class="container-text-tech">CSS (90%)</div>
</li>
<li class="container-item-slider-ul">
<div class="container-tech">
<svg
fill="#000000"
viewBox="0 0 50 50"
width="50px"
height="50px"
>
<path
d="M 5.4648438 2 A 1.0001 1.0001 0 0 0 4.46875 3.0898438 L 7.9882812 42.515625 A 1.0001 1.0001 0 0 0 8.7089844 43.388672 L 24.71875 47.960938 A 1.0001 1.0001 0 0 0 25.267578 47.960938 L 41.292969 43.388672 A 1.0001 1.0001 0 0 0 42.013672 42.515625 L 45.53125 3.0898438 A 1.0001 1.0001 0 0 0 44.535156 2 L 5.4648438 2 z M 6.5585938 4 L 43.441406 4 L 40.083984 41.654297 L 24.994141 45.960938 L 9.9199219 41.654297 L 6.5585938 4 z M 19 10 A 1.0001 1.0001 0 0 0 18 11 L 18 29.628906 L 12.267578 28.041016 A 1.0001 1.0001 0 0 0 11 29.003906 L 11 33.949219 A 1.0001 1.0001 0 0 0 11.732422 34.912109 L 22.732422 37.962891 A 1.0001 1.0001 0 0 0 24 37 L 24 11 A 1.0001 1.0001 0 0 0 23 10 L 19 10 z M 27 10 A 1.0001 1.0001 0 0 0 26 11 L 26 28 A 1.0001 1.0001 0 0 0 27.169922 28.986328 L 32.917969 27.996094 L 32.798828 29.767578 L 26.734375 31.435547 A 1.0001 1.0001 0 0 0 26 32.398438 L 26 37 A 1.0001 1.0001 0 0 0 27.265625 37.964844 L 37.265625 35.214844 A 1.0001 1.0001 0 0 0 37.996094 34.335938 L 39.050781 22.085938 A 1.0001 1.0001 0 0 0 37.914062 21.009766 L 32 21.847656 L 32 16 L 38.654297 16 A 1.0001 1.0001 0 0 0 39.650391 15.085938 L 39.996094 11.085938 A 1.0001 1.0001 0 0 0 39 10 L 27 10 z M 20 12 L 22 12 L 22 35.685547 L 13 33.189453 L 13 30.318359 L 18.732422 31.908203 A 1.0001 1.0001 0 0 0 20 30.945312 L 20 12 z M 28 12 L 37.910156 12 L 37.736328 14 L 31 14 A 1.0001 1.0001 0 0 0 30 15 L 30 23 A 1.0001 1.0001 0 0 0 31.140625 23.990234 L 36.951172 23.166016 L 36.0625 33.470703 L 28 35.6875 L 28 33.162109 L 34.015625 31.507812 A 1.0001 1.0001 0 0 0 34.748047 30.611328 L 34.998047 26.861328 A 1.0001 1.0001 0 0 0 33.830078 25.808594 L 28 26.8125 L 28 12 z"
/>
</svg>
</div>
<div class="container-text-tech" style="flex-direction: column">
Javascript
<p>(90%)</p>
</div>
</li>
<li class="container-item-slider-ul">
<div class="container-tech">
<svg
fill="#000000"
viewBox="0 0 50 50"
width="50px"
height="50px"
>
<path
d="M 25 4 C 25.566406 4 26.097656 4.21875 26.496094 4.621094 L 45.378906 23.503906 C 46.207031 24.328125 46.207031 25.671875 45.378906 26.496094 L 26.496094 45.378906 C 26.097656 45.78125 25.566406 46 25 46 C 24.433594 46 23.902344 45.78125 23.503906 45.378906 L 4.621094 26.496094 C 3.792969 25.671875 3.792969 24.328125 4.621094 23.503906 L 16.941406 11.183594 L 19.214844 13.457031 C 18.667969 15.488281 19.21875 17.703125 20.757813 19.242188 C 21.125 19.609375 21.542969 19.925781 22 20.1875 L 22 29.816406 C 20.179688 30.867188 19 32.824219 19 35 C 19 38.308594 21.691406 41 25 41 C 28.308594 41 31 38.308594 31 35 C 31 32.824219 29.820313 30.867188 28 29.816406 L 28 22.242188 L 29.214844 23.457031 C 28.667969 25.488281 29.21875 27.703125 30.757813 29.242188 C 31.890625 30.375 33.398438 31 35 31 C 36.601563 31 38.109375 30.375 39.242188 29.242188 C 41.582031 26.902344 41.582031 23.097656 39.242188 20.757813 C 38.113281 19.628906 36.617188 19.007813 35.019531 19.007813 C 34.492188 19.007813 33.964844 19.078125 33.457031 19.214844 L 30.785156 16.542969 C 31.332031 14.511719 30.78125 12.296875 29.242188 10.757813 C 28.113281 9.628906 26.617188 9.007813 25.019531 9.007813 C 24.492188 9.007813 23.964844 9.078125 23.457031 9.214844 L 21.183594 6.941406 L 23.503906 4.621094 C 23.902344 4.21875 24.433594 4 25 4 M 25 2 C 23.945313 2 22.890625 2.402344 22.089844 3.207031 L 18.355469 6.941406 L 22.976563 11.5625 C 23.605469 11.195313 24.3125 11.007813 25.019531 11.007813 C 26.035156 11.007813 27.050781 11.394531 27.828125 12.171875 C 29.144531 13.488281 29.335938 15.488281 28.433594 17.019531 L 32.976563 21.5625 C 33.605469 21.195313 34.3125 21.007813 35.019531 21.007813 C 36.035156 21.007813 37.050781 21.394531 37.828125 22.171875 C 39.390625 23.734375 39.390625 26.265625 37.828125 27.828125 C 37.046875 28.609375 36.023438 29 35 29 C 33.976563 29 32.953125 28.609375 32.171875 27.828125 C 30.855469 26.511719 30.664063 24.511719 31.566406 22.976563 L 27.023438 18.433594 C 26.699219 18.625 26.355469 18.765625 26 18.855469 L 26 31.140625 C 27.722656 31.585938 29 33.136719 29 35 C 29 37.210938 27.210938 39 25 39 C 22.792969 39 21 37.210938 21 35 C 21 33.136719 22.277344 31.585938 24 31.140625 L 24 18.855469 C 23.332031 18.683594 22.695313 18.351563 22.171875 17.828125 C 20.855469 16.511719 20.664063 14.511719 21.566406 12.980469 L 16.941406 8.355469 L 3.207031 22.089844 C 1.597656 23.695313 1.597656 26.304688 3.207031 27.910156 L 22.089844 46.792969 C 22.890625 47.597656 23.945313 48 25 48 C 26.054688 48 27.109375 47.597656 27.910156 46.792969 L 46.792969 27.910156 C 48.402344 26.304688 48.402344 23.695313 46.792969 22.089844 L 27.910156 3.207031 C 27.109375 2.402344 26.054688 2 25 2 Z"
/>
</svg>
</div>
<div class="container-text-tech">Git (90%)</div>
</li>
<li class="container-item-slider-ul">
<div class="container-tech">
<svg
fill="#000000"
viewBox="0 0 32 32"
width="50px"
height="50px"
>
<path
d="M 15.994141 3 C 15.629141 3 15.264219 3.0895313 14.949219 3.2695312 L 5.0390625 8.9902344 C 4.3990625 9.3602344 4 10.060781 4 10.800781 L 4 21.179688 C 4 21.929688 4.3990625 22.620234 5.0390625 22.990234 L 7.640625 24.490234 C 8.900625 25.110234 9.3499219 25.109375 9.9199219 25.109375 C 11.789922 25.109375 12.859375 23.979531 12.859375 22.019531 L 12.859375 11.310547 C 12.859375 11.150547 12.730312 11.019531 12.570312 11.019531 L 11.320312 11.019531 C 11.150313 11.019531 11.029297 11.150547 11.029297 11.310547 L 11.029297 22.009766 C 11.029297 22.889766 10.120391 23.749531 8.6503906 23.019531 L 5.9296875 21.449219 C 5.8296875 21.399219 5.7695313 21.289687 5.7695312 21.179688 L 5.7695312 10.810547 C 5.7695312 10.690547 5.8296875 10.589297 5.9296875 10.529297 L 15.839844 4.8105469 C 15.929844 4.7505469 16.050391 4.7505469 16.150391 4.8105469 L 26.060547 10.529297 C 26.160547 10.589297 26.220703 10.690781 26.220703 10.800781 L 26.220703 21.179688 C 26.220703 21.289687 26.160313 21.399219 26.070312 21.449219 L 16.150391 27.179688 C 16.060391 27.229688 15.929844 27.229688 15.839844 27.179688 L 13.289062 25.669922 C 13.219062 25.619922 13.120781 25.610391 13.050781 25.650391 C 12.340781 26.050391 12.210781 26.100078 11.550781 26.330078 C 11.390781 26.380078 11.140625 26.479766 11.640625 26.759766 L 14.949219 28.720703 C 15.269219 28.900703 15.630234 29 15.990234 29 C 16.360234 29 16.719062 28.900703 17.039062 28.720703 L 26.960938 22.990234 C 27.600938 22.620234 28 21.929688 28 21.179688 L 28 10.810547 C 28 10.060547 27.600938 9.37 26.960938 9 L 17.039062 3.2695312 C 16.724063 3.0895313 16.359141 3 15.994141 3 z M 18.660156 11.005859 C 15.830156 11.005859 14.140625 12.205078 14.140625 14.205078 C 14.140625 16.375078 15.819062 16.974141 18.539062 17.244141 C 21.789062 17.564141 22.039062 18.045547 22.039062 18.685547 C 22.039062 19.785547 21.150547 20.255859 19.060547 20.255859 C 16.430547 20.255859 15.850156 19.594922 15.660156 18.294922 C 15.640156 18.154922 15.520859 18.054688 15.380859 18.054688 L 14.089844 18.054688 C 13.929844 18.054688 13.810547 18.185938 13.810547 18.335938 C 13.810547 20.005937 14.720547 21.994141 19.060547 21.994141 C 22.200547 21.994141 24 20.755703 24 18.595703 C 24 16.455703 22.549766 15.884609 19.509766 15.474609 C 16.419766 15.074609 16.109375 14.864531 16.109375 14.144531 C 16.109375 13.544531 16.380156 12.755859 18.660156 12.755859 C 20.690156 12.755859 21.449766 13.194453 21.759766 14.564453 C 21.789766 14.694453 21.899062 14.794922 22.039062 14.794922 L 23.330078 14.794922 C 23.410078 14.794922 23.479063 14.755313 23.539062 14.695312 C 23.589062 14.645313 23.619375 14.564609 23.609375 14.474609 C 23.409375 12.114609 21.840156 11.005859 18.660156 11.005859 z"
/>
</svg>
</div>
<div class="container-text-tech">Node (70%)</div>
</li>
<li class="container-item-slider-ul">
<div class="container-tech">
<svg width="50px" height="50px" viewBox="0 0 32 32">
<path
d="M 15.144531 5.0136719 C 13.731238 4.939082 12.142266 5.1556875 10.587891 5.6953125 C 8.1178906 6.5523125 5.4463906 7.90025 3.5253906 9.65625 C 1.2433906 11.74625 0.87734375 13.565172 1.0273438 14.326172 C 1.5613438 17.025172 5.367625 18.785891 6.890625 20.087891 C 6.815625 20.128891 6.7456875 20.164172 6.6796875 20.201172 C 5.9156875 20.572172 3.0814688 22.029656 2.3554688 23.597656 C 1.5354688 25.375656 2.4911406 26.648266 3.1191406 26.822266 C 5.0781406 27.354266 7.01675 26.424516 8.09375 24.853516 C 9.17175 23.281516 9.0419219 21.229922 8.5449219 20.294922 C 8.5399219 20.280922 8.5303906 20.271812 8.5253906 20.257812 C 8.7223906 20.142813 8.923 20.027109 9.125 19.912109 C 9.514 19.687109 9.8935625 19.481734 10.226562 19.302734 C 10.038562 19.797734 9.9030312 20.394859 9.8320312 21.255859 C 9.7480313 22.263859 10.173563 23.568031 10.726562 24.082031 C 10.970562 24.307031 11.265266 24.3125 11.447266 24.3125 C 12.094266 24.3125 12.385031 23.790016 12.707031 23.166016 C 13.105031 22.405016 13.457031 21.521484 13.457031 21.521484 C 13.457031 21.521484 13.017656 23.912109 14.222656 23.912109 C 14.662656 23.912109 15.103781 23.358219 15.300781 23.074219 L 15.300781 23.078125 C 15.300781 23.078125 15.308031 23.060437 15.332031 23.023438 C 15.379031 22.954438 15.402344 22.914063 15.402344 22.914062 L 15.402344 22.900391 C 15.580344 22.602391 15.970641 21.919969 16.556641 20.792969 C 17.315641 19.335969 18.041016 17.515625 18.041016 17.515625 C 18.111016 17.915625 18.208031 18.310266 18.332031 18.697266 C 18.463031 19.132266 18.740938 19.609266 18.960938 20.072266 C 18.782937 20.310266 18.673828 20.447266 18.673828 20.447266 C 18.673828 20.451266 18.676687 20.455031 18.679688 20.457031 C 18.538688 20.640031 18.378844 20.836297 18.214844 21.029297 C 17.614844 21.726297 16.901594 22.524906 16.808594 22.753906 C 16.695594 23.023906 16.724453 23.224859 16.939453 23.380859 C 17.098453 23.499859 17.381781 23.518094 17.675781 23.496094 C 18.214781 23.459094 18.594344 23.330047 18.777344 23.248047 C 19.114344 23.130047 19.432656 22.967672 19.722656 22.763672 C 20.308656 22.341672 20.665812 21.736453 20.632812 20.939453 C 20.613813 20.499453 20.467062 20.058484 20.289062 19.646484 C 20.341062 19.573484 20.398219 19.495969 20.449219 19.417969 C 21.377219 18.093969 22.09375 16.640625 22.09375 16.640625 C 22.16375 17.040625 22.260766 17.435266 22.384766 17.822266 C 22.497766 18.193266 22.717922 18.601 22.919922 19 C 22.048922 19.692 21.508313 20.494484 21.320312 21.021484 C 20.973312 21.997484 21.246813 22.436109 21.757812 22.537109 C 21.987813 22.583109 22.314594 22.478906 22.558594 22.378906 C 22.920594 22.260906 23.261313 22.089141 23.570312 21.869141 C 24.156312 21.447141 24.723547 20.856688 24.685547 20.054688 C 24.671547 19.692688 24.569594 19.330422 24.433594 18.982422 C 25.169594 18.680422 26.12475 18.515344 27.34375 18.652344 C 29.95375 18.950344 30.465187 20.544984 30.367188 21.208984 C 30.269188 21.873984 29.720109 22.245469 29.537109 22.355469 C 29.354109 22.465469 29.2985 22.506844 29.3125 22.589844 C 29.3355 22.708844 29.419219 22.703781 29.574219 22.675781 C 29.790219 22.638781 30.942141 22.135344 30.994141 20.902344 C 31.069103 19.345129 29.53861 17.63228 26.826172 17.644531 L 26.822266 17.644531 C 25.880607 17.645115 24.95225 17.856237 24.107422 18.263672 C 23.830422 17.718672 23.544047 17.241766 23.498047 16.884766 C 23.442047 16.467766 23.382266 16.220562 23.447266 15.726562 C 23.513266 15.231563 23.807734 14.529516 23.802734 14.478516 C 23.797734 14.428516 23.736813 14.176875 23.132812 14.171875 C 22.528812 14.166875 22.007266 14.286406 21.947266 14.441406 C 21.840266 14.726406 21.757219 15.018406 21.699219 15.316406 C 21.591219 15.852406 20.490187 17.768578 19.867188 18.767578 C 19.661188 18.377578 19.488172 18.034766 19.451172 17.759766 C 19.395172 17.342766 19.333437 17.095562 19.398438 16.601562 C 19.464437 16.106562 19.760859 15.404516 19.755859 15.353516 C 19.750859 15.303516 19.689938 15.051875 19.085938 15.046875 C 18.481938 15.041875 17.959437 15.161406 17.898438 15.316406 C 17.837438 15.472406 17.771391 15.838406 17.650391 16.191406 C 17.528391 16.544406 16.061734 19.735453 15.677734 20.564453 C 15.480734 20.986453 15.311453 21.325688 15.189453 21.554688 C 15.170453 21.591687 15.157437 21.614813 15.148438 21.632812 C 15.162437 21.609813 15.171875 21.586703 15.171875 21.595703 C 15.068875 21.792703 15.007813 21.902344 15.007812 21.902344 L 15.007812 21.90625 C 14.927812 22.05325 14.838875 22.1875 14.796875 22.1875 C 14.768875 22.1875 14.707547 21.802391 14.810547 21.275391 C 15.030547 20.166391 15.551875 18.442813 15.546875 18.382812 C 15.541875 18.350812 15.643125 18.052578 15.203125 17.892578 C 14.776125 17.741578 14.623937 17.994141 14.585938 17.994141 C 14.547937 17.994141 14.519531 18.085938 14.519531 18.085938 C 14.519531 18.085938 14.991375 16.142578 13.609375 16.142578 C 12.746375 16.142578 11.546031 17.06825 10.957031 17.90625 C 10.587031 18.10325 9.7854063 18.530375 8.9414062 18.984375 C 8.6184062 19.158375 8.2866562 19.336859 7.9726562 19.505859 C 7.9496563 19.482859 7.93025 19.4605 7.90625 19.4375 C 6.22825 17.6865 3.1307188 16.448656 3.2617188 14.097656 C 3.3087188 13.240656 3.61475 10.991766 9.21875 8.2597656 C 13.81275 6.0237656 17.485188 6.6369531 18.117188 8.0019531 C 19.026187 9.9499531 16.152813 13.575656 11.382812 14.097656 C 9.5648125 14.294656 8.7272813 13.526531 8.4882812 13.269531 C 8.2402813 12.999531 8.2014219 12.985156 8.1074219 13.035156 C 7.9524219 13.117156 8.0514219 13.356047 8.1074219 13.498047 C 8.2484219 13.860047 8.8750469 14.427047 9.8730469 14.748047 C 10.750047 15.028047 12.763797 15.263109 15.341797 14.287109 C 18.237797 13.196109 20.450062 10.232453 19.789062 7.6894531 C 19.368437 6.0738281 17.50002 5.1379883 15.144531 5.0136719 z M 13.607422 17.289062 C 13.680719 17.294469 13.735125 17.321547 13.765625 17.373047 C 13.929625 17.644047 13.195813 19.638891 13.007812 20.087891 C 12.707812 20.807891 12.074453 22.641922 11.689453 22.544922 C 11.361453 22.462922 11.159047 21.064453 11.623047 19.689453 C 11.857047 18.997453 12.354391 18.172563 12.650391 17.851562 C 13.005141 17.463062 13.387531 17.272844 13.607422 17.289062 z M 23.347656 19.550781 C 23.402656 19.710781 23.431547 19.878875 23.435547 20.046875 C 23.430547 21.078875 22.676656 21.463047 22.222656 21.623047 C 22.128656 21.559047 22.141078 21.342828 22.455078 20.673828 C 22.577078 20.412828 22.859656 19.972781 23.347656 19.550781 z M 7.6035156 20.6875 C 7.9925156 22.0805 7.6179844 23.309344 6.7089844 24.277344 C 5.8469844 25.198344 4.6371875 25.546906 4.1171875 25.253906 C 3.5591875 24.936906 3.77975 23.579656 4.84375 22.597656 C 5.49075 22.001656 6.3259063 21.452281 6.8789062 21.113281 C 7.0059062 21.040281 7.1871094 20.929875 7.4121094 20.796875 C 7.4501094 20.773875 7.46875 20.765625 7.46875 20.765625 C 7.51075 20.738625 7.5565156 20.7155 7.6035156 20.6875 z M 19.380859 20.847656 C 19.380859 20.870656 19.386719 20.894875 19.386719 20.921875 C 19.380719 21.741875 18.573031 22.295625 18.207031 22.515625 L 18.210938 22.515625 L 18.210938 22.517578 C 18.083938 22.581578 17.966156 22.621844 17.910156 22.589844 C 17.868156 22.566844 17.962891 22.480469 17.962891 22.480469 C 17.962891 22.480469 18.614094 21.796375 18.871094 21.484375 C 19.021094 21.301375 19.193859 21.085656 19.380859 20.847656 z"
/>
</svg>
</div>
<div class="container-text-tech">Sass (70%)</div>
</li>
<li class="container-item-slider-ul">
<div class="container-tech">
<svg width="50px" height="50px" viewBox="0 0 32 32">
<path
d="M16 13.146c-1.573 0-2.854 1.281-2.854 2.854s1.281 2.854 2.854 2.854c1.573 0 2.854-1.281 2.854-2.854s-1.281-2.854-2.854-2.854zM8.010 21.672l-0.63-0.156c-4.688-1.188-7.38-3.198-7.38-5.521s2.693-4.333 7.38-5.521l0.63-0.156 0.177 0.625c0.474 1.635 1.083 3.229 1.818 4.771l0.135 0.281-0.135 0.286c-0.734 1.536-1.344 3.13-1.818 4.771zM7.089 11.932c-3.563 1-5.75 2.536-5.75 4.063s2.188 3.057 5.75 4.063c0.438-1.391 0.964-2.745 1.578-4.063-0.615-1.318-1.141-2.672-1.578-4.063zM23.99 21.672l-0.177-0.625c-0.474-1.635-1.083-3.229-1.818-4.766l-0.135-0.286 0.135-0.286c0.734-1.536 1.344-3.13 1.818-4.771l0.177-0.62 0.63 0.156c4.688 1.188 7.38 3.198 7.38 5.521s-2.693 4.333-7.38 5.521zM23.333 15.995c0.641 1.385 1.172 2.745 1.578 4.063 3.568-1.005 5.75-2.536 5.75-4.063s-2.188-3.057-5.75-4.063c-0.438 1.385-0.964 2.745-1.578 4.063zM7.078 11.927l-0.177-0.625c-1.318-4.646-0.917-7.979 1.099-9.141 1.979-1.141 5.151 0.208 8.479 3.625l0.453 0.464-0.453 0.464c-1.182 1.229-2.26 2.552-3.229 3.958l-0.182 0.255-0.313 0.026c-1.703 0.135-3.391 0.406-5.047 0.813zM9.609 3.089c-0.359 0-0.677 0.073-0.943 0.229-1.323 0.766-1.557 3.422-0.646 7.005 1.422-0.318 2.859-0.542 4.313-0.672 0.833-1.188 1.75-2.323 2.734-3.391-2.078-2.026-4.047-3.172-5.458-3.172zM22.396 30.234c-0.005 0-0.005 0 0 0-1.901 0-4.344-1.427-6.875-4.031l-0.453-0.464 0.453-0.464c1.182-1.229 2.26-2.552 3.229-3.958l0.177-0.255 0.313-0.031c1.703-0.13 3.391-0.401 5.052-0.813l0.63-0.156 0.177 0.625c1.318 4.646 0.917 7.974-1.099 9.135-0.49 0.281-1.042 0.422-1.604 0.411zM16.932 25.729c2.078 2.026 4.047 3.172 5.458 3.172h0.005c0.354 0 0.672-0.078 0.938-0.229 1.323-0.766 1.563-3.422 0.646-7.005-1.422 0.318-2.865 0.542-4.313 0.667-0.833 1.193-1.75 2.323-2.734 3.396zM24.922 11.927l-0.63-0.161c-1.661-0.406-3.349-0.677-5.052-0.813l-0.313-0.026-0.177-0.255c-0.969-1.406-2.047-2.729-3.229-3.958l-0.453-0.464 0.453-0.464c3.328-3.417 6.5-4.766 8.479-3.625 2.016 1.161 2.417 4.495 1.099 9.141zM19.667 9.651c1.521 0.141 2.969 0.365 4.313 0.672 0.917-3.583 0.677-6.24-0.646-7.005-1.318-0.76-3.797 0.406-6.401 2.943 0.984 1.073 1.896 2.203 2.734 3.391zM9.609 30.234c-0.563 0.010-1.12-0.13-1.609-0.411-2.016-1.161-2.417-4.49-1.099-9.135l0.177-0.625 0.63 0.156c1.542 0.391 3.24 0.661 5.047 0.813l0.313 0.031 0.177 0.255c0.969 1.406 2.047 2.729 3.229 3.958l0.453 0.464-0.453 0.464c-2.526 2.604-4.969 4.031-6.865 4.031zM8.021 21.667c-0.917 3.583-0.677 6.24 0.646 7.005 1.318 0.75 3.792-0.406 6.401-2.943-0.984-1.073-1.901-2.203-2.734-3.396-1.453-0.125-2.891-0.349-4.313-0.667zM16 22.505c-1.099 0-2.224-0.047-3.354-0.141l-0.313-0.026-0.182-0.26c-0.635-0.917-1.24-1.859-1.797-2.828-0.563-0.969-1.078-1.958-1.557-2.969l-0.135-0.286 0.135-0.286c0.479-1.010 0.995-2 1.557-2.969 0.552-0.953 1.156-1.906 1.797-2.828l0.182-0.26 0.313-0.026c2.234-0.188 4.479-0.188 6.708 0l0.313 0.026 0.182 0.26c1.276 1.833 2.401 3.776 3.354 5.797l0.135 0.286-0.135 0.286c-0.953 2.021-2.073 3.964-3.354 5.797l-0.182 0.26-0.313 0.026c-1.125 0.094-2.255 0.141-3.354 0.141zM13.073 21.057c1.969 0.151 3.885 0.151 5.859 0 1.099-1.609 2.078-3.302 2.927-5.063-0.844-1.76-1.823-3.453-2.932-5.063-1.948-0.151-3.906-0.151-5.854 0-1.109 1.609-2.089 3.302-2.932 5.063 0.849 1.76 1.828 3.453 2.932 5.063z"
/>
</svg>
</div>
<div class="container-text-tech">React (90%)</div>
</li>
<li class="container-item-slider-ul">
<div class="container-tech">
<svg
width="50px"
class="svg3"
height="50px"
viewBox="-20 0 296 296"
version="1.1"
preserveAspectRatio="xMidYMid"
>
<g>
<polygon
fill="transparent"
points="128 0 256 73.8999491 256 221.699847 128 295.599796 0 221.699847 0 73.8999491"
></polygon>
<path
d="M34.8647584,220.478469 C51.8814262,242.25881 105.959701,225.662965 157.014868,185.774297 C208.070035,145.885628 237.255632,97.428608 220.238964,75.6482664 C203.222296,53.8679249 149.144022,70.4637701 98.0888543,110.352439 C47.0336869,150.241107 17.8480906,198.698127 34.8647584,220.478469 Z M42.1343351,214.798853 C36.4908625,207.575537 38.9565723,193.395881 49.7081913,175.544904 C61.0297348,156.747677 80.2490923,135.997367 103.76847,117.622015 C127.287848,99.2466634 152.071368,85.6181573 173.049166,79.1803727 C192.970945,73.066665 207.325915,74.1045667 212.969387,81.3278822 C218.61286,88.5511977 216.14715,102.730854 205.395531,120.581832 C194.073987,139.379058 174.85463,160.129368 151.335252,178.50472 C127.815874,196.880072 103.032354,210.508578 82.054556,216.946362 C62.1327769,223.06007 47.7778077,222.022168 42.1343351,214.798853 Z"
fill="black"
></path>
<path
d="M220.238964,220.478469 C237.255632,198.698127 208.070035,150.241107 157.014868,110.352439 C105.959701,70.4637701 51.8814262,53.8679249 34.8647584,75.6482664 C17.8480906,97.428608 47.0336869,145.885628 98.0888543,185.774297 C149.144022,225.662965 203.222296,242.25881 220.238964,220.478469 Z M212.969387,214.798853 C207.325915,222.022168 192.970945,223.06007 173.049166,216.946362 C152.071368,210.508578 127.287848,196.880072 103.76847,178.50472 C80.2490923,160.129368 61.0297348,139.379058 49.7081913,120.581832 C38.9565723,102.730854 36.4908625,88.5511977 42.1343351,81.3278822 C47.7778077,74.1045667 62.1327769,73.066665 82.054556,79.1803727 C103.032354,85.6181573 127.815874,99.2466634 151.335252,117.622015 C174.85463,135.997367 194.073987,156.747677 205.395531,175.544904 C216.14715,193.395881 218.61286,207.575537 212.969387,214.798853 Z"
fill="black"
></path>
<path
d="M127.551861,167.666971 C138.378632,167.666971 147.155465,158.890139 147.155465,148.063368 C147.155465,137.236596 138.378632,128.459764 127.551861,128.459764 C116.72509,128.459764 107.948257,137.236596 107.948257,148.063368 C107.948257,158.890139 116.72509,167.666971 127.551861,167.666971 L127.551861,167.666971 Z"
fill="black"
></path>
</g>
</svg>
</div>
<div class="container-text-tech" style="flex-direction: column">
Electron.js
<p>(70%)</p>
</div>
</li>
<li class="container-item-slider-ul">
<div class="container-tech">
<svg
version="1.1"
id="Capa_1"
height="50px"
width="50px"
x="0px"
y="0px"
viewBox="0 0 27.269 27.269"
style="enable-background: new 0 0 27.269 27.269"
xml:space="preserve"
>
<g>
<path
d="M25.322,1.947H1.949C0.869,1.947,0,2.818,0,3.898v19.477c0,1.074,0.869,1.947,1.949,1.947h23.373
c1.07,0,1.947-0.873,1.947-1.947V3.898C27.27,2.818,26.393,1.947,25.322,1.947z M9.312,3.41c0.537,0,0.973,0.436,0.973,0.975
c0,0.537-0.436,0.973-0.973,0.973c-0.539,0-0.975-0.436-0.975-0.973C8.338,3.845,8.773,3.41,9.312,3.41z M6.33,3.41
c0.537,0,0.975,0.436,0.975,0.975c0,0.537-0.438,0.973-0.975,0.973c-0.539,0-0.975-0.436-0.975-0.973
C5.355,3.845,5.791,3.41,6.33,3.41z M3.406,3.41c0.541,0,0.975,0.436,0.975,0.975c0,0.537-0.434,0.973-0.975,0.973
c-0.535,0-0.971-0.436-0.971-0.973C2.436,3.845,2.871,3.41,3.406,3.41z M25.322,23.375H1.949V6.838h23.373
C25.322,6.838,25.322,23.375,25.322,23.375z"
/>
<path
d="M14.797,15.566L5.844,20.16v-1.332l7.602-3.781v-0.039l-7.602-3.782V9.894l8.953,4.572V15.566z"
/>
<path d="M21.422,14.334v1.232h-4.764v-1.232H21.422z" />
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
</g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
<g></g>
</svg>
</div>
<div class="container-text-tech">Command Line (95%)</div>
</li>
<li class="container-item-slider-ul">
<div class="container-tech">
<svg
class="flutter"
width="50px"
height="50px"
viewBox="0 0 24 24"
>
<g>
<path fill="none" d="M0 0h24v24H0z" />
<path
fill-rule="nonzero"
d="M13.503 2.001l-10 10 3.083 3.083 13.08-13.083h-6.163zm-.006 9.198L8.122 16.62 13.494 22h6.189l-5.387-5.4 5.389-5.4h-6.188z"
/>
</g>
</svg>
</div>
<div class="container-text-tech">Flutter (0%)</div>
</li>
</ul>
<ul class="container-expreience">
yousefromany527
</ul>
</div>
</div>
</div>
</div>
<div class="section-4-contianer">
<div class="container-body-section-4">
<div class="container-title">
<div class="container-left-section-4">
Services I provide
<p></p>
</div>
<div class="container-right-section-4">
<button>Explore ↗️</button>
</div>
</div>
<div class="container-ul-section-4">
<ul class="ull">
<li>
<div class="container-number-section-4">01</div>
<div class="contianer-name-section4">Web Development</div>
<div class="container-body-section-4-li">
You can customize a template or make your own from scratch, with
an immersive library at your disposal....
</div>
<idv class="container-arrow-section-4-li"> ↗️ </idv>
</li>
<li>
<div class="container-number-section-4">02</div>
<div class="contianer-name-section4">tauri.js</div>
<div class="container-body-section-4-li">
You can customize a template or make your own from scratch, with
an immersive library at your disposal....
</div>
<idv class="container-arrow-section-4-li"> ↗️ </idv>
</li>
<li>
<div class="container-number-section-4">03</div>
<div class="contianer-name-section4">Electron.js</div>
<div class="container-body-section-4-li">
You can customize a template or make your own from scratch, with
an immersive library at your disposal....
</div>
<idv class="container-arrow-section-4-li"> ↗️ </idv>
</li>
<li>
<div class="container-number-section-4">04</div>
<div class="contianer-name-section4">Flutter</div>
<div class="container-body-section-4-li">
You can customize a template or make your own from scratch, with
an immersive library at your disposal....
</div>
<idv class="container-arrow-section-4-li"> ↗️ </idv>
</li>
<li>
<div class="container-number-section-4">05</div>
<div class="contianer-name-section4">Speed</div>
<div class="container-body-section-4-li">
You can customize a template or make your own from scratch, with
an immersive library at your disposal....
</div>
<idv class="container-arrow-section-4-li"> ↗️ </idv>
</li>
<li>
<div class="container-number-section-4">06</div>
<div class="contianer-name-section4">Responsive</div>
<div class="container-body-section-4-li">
You can customize a template or make your own from scratch, with
an immersive library at your disposal....
</div>
<idv class="container-arrow-section-4-li"> ↗️ </idv>
</li>
<li>
<div class="container-number-section-4">07</div>
<div class="contianer-name-section4">Clean code</div>
<div class="container-body-section-4-li">
You can customize a template or make your own from scratch, with
an immersive library at your disposal....
</div>
<idv class="container-arrow-section-4-li"> ↗️ </idv>
</li>
<div class="container-up-down">
<div class="container-top-arrow">🔼</div>
<div class="container-bottom-arrow">🔽</div>
</div>
</ul>
</div>
</div>
</div>
<div class="container-section5">
<div class="container-body-section-5">
<div class="container-top-recent">
<div class="contaienr-left-recent">
<div class="text">
<p>Look at my</p>
<p>recent project</p>
</div>
<div class="line">
<p></p>
</div>
</div>
<div class="container-right-recent">
<ul class="container-ul-recent">
<li>All ↗️</li>
<li>Branding ↗️</li>
<li>Social Media Marketing ↗️</li>
</ul>
</div>
</div>
<div class="container-bottom-sliders-section-5">
<div class="container-left-sliders-section-5">⬅️</div>
<div class="container-middle-sliders-section-5">
<ul class="container-ul-slider--section5">
<li class="container-li-section-5">
<div class="container-image-slide-section-5"></div>
<div class="container-type-of-section-5">Branding for</div>
<div class="container-name-of-project-section-5">
Food delivery company
</div>
</li>
<li class="container-li-section-5">
<div class="container-image-slide-section-5"></div>
<div class="container-type-of-section-5">
Social Media Markting for
</div>
<div class="container-name-of-project-section-5">
Car Export Company
</div>
</li>
<li class="container-li-section-5">
<div class="container-image-slide-section-5"></div>
<div class="container-type-of-section-5">
Search Engine Marheting for
</div>
<div class="container-name-of-project-section-5">
Ecommerce website
</div>
</li>
<li class="container-li-section-5">
<div class="container-image-slide-section-5"></div>
<div class="container-type-of-section-5">
Search Engine Marheting for
</div>
<div class="container-name-of-project-section-5">
Ecommerce website
</div>
</li>
<li class="container-li-section-5">
<div class="container-image-slide-section-5"></div>
<div class="container-type-of-section-5">Engine</div>
<div class="container-name-of-project-section-5">Ecommerce</div>
</li>
<li class="container-li-section-5">
<div class="container-image-slide-section-5"></div>
<div class="container-type-of-section-5">Marheting for</div>
<div class="container-name-of-project-section-5">website</div>
</li>
<li class="container-li-section-5">
<div class="container-image-slide-section-5"></div>
<div class="container-type-of-section-5">Search</div>
<div class="container-name-of-project-section-5">Ecommerce</div>
</li>
</ul>
</div>
<div class="container-right-sliders-section-5">➡️</div>
</div>
</div>
</div>
<div class="container-section-6">
<div class="container-body-section-6">
<div class="container-left-section-6">
<div class="container-text-section-6">
<p class="name-section-6">My Achievements</p>
<p class="line-section-6"></p>
</div>
<div class="container-image-section-6"></div>
</div>
<div class="container-right-section-6">
<ul class="container-ul-section-6">
<li class="container-li-section-6">
<div class="container-date-section-6">2020</div>
<div class="container-yousef-how-section-6">
<div class="contianer-line-section-6">
<p class="container-line-section-6"></p>
</div>
<div class="container-text-section-6-6">Best Designer</div>
</div>
<div class="container-body-section-6-6">
You can customize a template or make your own from scratch, with
an immersive library at your disposal.
</div>
</li>
<li class="container-li-section-6">
<div class="container-date-section-6">2021</div>
<div class="container-yousef-how-section-6">
<div class="contianer-line-section-6">
<p class="container-line-section-6"></p>
</div>
<div class="container-text-section-6-6">Best Designer</div>
</div>
<div class="container-body-section-6-6">
You can customize a template or make your own from scratch, with
an immersive library at your disposal.
</div>
</li>
<li class="container-li-section-6">
<div class="container-date-section-6">2022</div>
<div class="container-yousef-how-section-6">
<div class="contianer-line-section-6">
<p class="container-line-section-6"></p>
</div>
<div class="container-text-section-6-6">Best Designer</div>
</div>
<div class="container-body-section-6-6">
You can customize a template or make your own from scratch, with
an immersive library at your disposal.
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="container-section-7">
<footer class="container-footer">
<div class="container-footer-top">
<div class="container-left-footer">
<div class="container-top-footer">Let's Work together 🎆</div>
<div class="container-bottom-footer">
You can express yourself however you want and whenever you want,
for free. You can customize a template or make your own from
scratch, with an immersive library at your disposal.
</div>
</div>
<div class="contianer-right-footer">
<button>Say Hello 🛸</button>
</div>
</div>
<div class="container-footer-bottom">
<div class="container-left-footer-2">
<div class="container-item-footer">
<div class="container-top-item">Call : ⤵️</div>
<div class="container-bottom-item">+201282066148</div>
</div>
<div class="container-item-footer">
<div class="container-top-item">Email : ⤵️</div>
<div class="container-bottom-item">[email protected]</div>
</div>
</div>
<div class="container-right-footer-2">
<svg
fill="#6244c6"
width="70px"
height="70px"
viewBox="0 0 24 24"
role="img"
>
<title>About.me icon</title>
<path
d="M19.536 9.15c-1.373 0-2.133 1.014-2.294 2.116h4.608c-.125-1.05-.867-2.115-2.314-2.115m-2.26 3.617c.235 1.156 1.193 1.97 2.532 1.97.725 0 1.77-.27 2.384-.914l1.175 1.35c-1.064 1.11-2.653 1.426-3.74 1.426-2.64 0-4.697-1.906-4.697-4.606 0-2.535 1.894-4.62 4.57-4.62 2.585 0 4.5 1.98 4.5 4.604v.766h-6.723v.023zm-6.487 3.83v-5.69c0-.976-.435-1.536-1.338-1.536-.814 0-1.355.585-1.717 1.007v6.24h-2.35v-5.7c0-.976-.415-1.532-1.318-1.532-.813 0-1.375.586-1.717 1.006v6.24H0V7.508h2.35v1.15c.4-.464 1.302-1.26 2.71-1.26 1.247 0 2.096.525 2.477 1.59.524-.762 1.5-1.59 2.91-1.59 1.7 0 2.69 1.01 2.69 2.962v6.24h-2.353l.005-.006z"
/>
</svg>
</div>
</div>
</footer>
</div>
</body>
</html>