-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·918 lines (876 loc) · 50.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
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
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
<!doctype html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- ========= IMPORT CSS FILE ========== -->
<link rel="stylesheet" href="./src/scss/style.scss" />
<!-- ========= IMPORT FAVICON ========== -->
<link rel="shortcut icon" href="./favicon.png" type="image/x-icon" />
<!-- ========= IMPORT GOOGle FONTS ========== -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&family=Noto+Sans+Arabic:wght@100..900&display=swap"
rel="stylesheet"
/>
<title>GOLDEN UNITED WATERPOOFING</title>
</head>
<body data-barba="wrapper">
<!--NOTE: ========= LOADER ========== -->
<div class="loader__wrappper">
<div class="loader loader_first">
<div class="loading-words">
<h2 data-animate="font-weight" class="loader__h2 active init">
.NEDLOG <br />.DETINU <br />.GNIFOOPRETAW
</h2>
<h2 class="loader__h2 arabic">محفظة الأعمال</h2>
<h2 class="loader__h2 arabic">حولنا</h2>
<h2 class="loader__h2 arabic">الذين يثقون بنا</h2>
<h2 class="loader__h2 arabic">اتصل بنا</h2>
<h2 class="loader__h2 arabic active">الصفحة الرئيسية</h2>
</div>
</div>
<div class="loader loader_second"></div>
</div>
<!--NOTE: ========= MOUSE POSE ========== -->
<div class="mouse-pos-list-image active">
<div class="mouse-pos-list-image-bounce">
<div class="float-image-wrap">
<li class="float-image-item">
<div class="overlay-image"></div>
</li>
<li class="float-image-item">
<div class="overlay-image"></div>
</li>
<li class="float-image-item">
<div class="overlay-image"></div>
</li>
<li class="float-image-item">
<div class="overlay-image"></div>
</li>
</div>
</div>
</div>
<div class="mouse-pos-list-btn no-select"></div>
<div class="mouse-pos-list-span no-select">
<p>أعرض</p>
</div>
<div class="main__menu">
<ul class="main__menu__list">
<li>
<a
class="btn-text magnetic"
href="/credits.html"
data-strength="20"
data-strength-text="10"
>
<span> الاعتمادات </span>
<div class="dot btn-text-m"></div>
</a>
</li>
<li>
<a
class="btn-text magnetic"
href="/about.html"
data-strength="20"
data-strength-text="10"
>
<span>حولنا</span>
<div class="dot btn-text-m"></div>
</a>
</li>
<li>
<a
class="btn-text magnetic"
href="/works.html"
data-strength="20"
data-strength-text="10"
>
<span>محفظة الأعمال</span>
<div class="dot btn-text-m"></div>
</a>
</li>
<li>
<a
class="btn-text magnetic"
href="/contact.html"
data-strength="20"
data-strength-text="10"
>
<span> اتصل بنا</span>
<div class="dot btn-text-m"></div>
</a>
</li>
</ul>
<div class="main__menu__background"></div>
<div class="main__menu__img"></div>
</div>
<div data-barba="container" data-barba-namespace="home">
<div class="hamburger-button-wrapper">
<div class="hamburger-btn btn-radius magnetic" data-strength="50" data-strength-text="25">
<div class="btn-fill"></div>
<div class="btn-text btn-text-m">
<span></span>
<span></span>
</div>
</div>
</div>
<!--NOTE: ========= HEADER ========== -->
<header class="header">
<nav class="header__nav">
<a class="header__nav__logo magnetic" href="/index.html">
<img
src="/src/assets/imgs/logo.png"
alt="logo"
class="magnetic"
data-strength="20"
data-strength-text="10"
/>
</a>
<div class="header__nav__container">
<ul class="header__nav__container__menu">
<li>
<a
class="btn-text magnetic"
href="/credits.html"
data-strength="20"
data-strength-text="10"
>
<span> الاعتمادات </span>
<div class="dot btn-text-m"></div>
</a>
</li>
<li>
<a
class="btn-text magnetic"
href="/about.html"
data-strength="20"
data-strength-text="10"
>
<span>حولنا</span>
<div class="dot btn-text-m"></div>
</a>
</li>
<li>
<a
class="btn-text magnetic"
href="/works.html"
data-strength="20"
data-strength-text="10"
>
<span>محفظة الأعمال</span>
<div class="dot btn-text-m"></div>
</a>
</li>
<li>
<a
class="btn-text magnetic"
href="/contact.html"
data-strength="20"
data-strength-text="10"
>
<span> اتصل بنا</span>
<div class="dot btn-text-m"></div>
</a>
</li>
</ul>
<div
class="header__nav__container__btn magnetic"
data-strength="20"
data-strength-text="10"
>
<div></div>
<div></div>
</div>
</div>
</nav>
</header>
<!-- ========= MAIN ========== -->
<main>
<!--NOTE: ========= HERO SECTION ==========-->
<section class="hero__section">
<div class="hero__section__right once-in">
<div class="hero__section__right__top">
<h1 class="hero__section__right__top__title once-in-t">
أخصائيون في تسرب الماء والخرسانة الأولى
</h1>
<p class="hero__section__right__top__text once-in-t">
جولدن يونايتد: خبراء رئيسيون في عزل الماء وإصلاح الخرسانة، نقدم حلولًا مصممة خصيصًا
بجودة لا مثيل لها وخدمة استثنائية لتلبية احتياجات مشروعك.
</p>
<a
href="/contact.html"
type="button"
class="magnetic hero__section__right__top__btn"
data-strength="25"
data-strength-text="10"
>
<span class="btn-text-m btn-solid-horizon">ابدأ</span>
</a>
</div>
<div class="hero__section__right__bottom">
<div>
<div class="once-in-t hero__card__1">
<h2 class="once-in-i">40 فأكثر</h2>
<p class="once-in-i">
سنوات من التميز: قيادة الصناعة في عزل الماء وإصلاح الخرسانة مع شركة الاتحاد
الذهبي للمقاولات.
</p>
</div>
<div class="once-in-t hero__card__2">
<h2 class="once-in-i">أكثر من 1,000</h2>
<p class="once-in-i">
تراث من المشاريع الناجحة والمتميزة والواسعة مع شركة الاتحاد الذهبي للمقاولات.
</p>
</div>
</div>
<div class="once-in-t hero__card__3">
<div>
<h2 class="once-in-i">الخبرة الهيكلية</h2>
<p class="once-in-i">
تجاوز التوقعات مع 98% رضا العملاء، مدعومًا بالخبرة الهيكلية في بناء الأحلام بدقة
وتميز.
</p>
</div>
<picture class="hero__card__img">
<img src="/src/assets/imgs/hero_card_picture.png" alt="hero-section" />
</picture>
</div>
</div>
</div>
<div class="hero__section__left">
<svg
width="165"
height="165"
class="hero__section__left__svg"
viewBox="0 0 165 165"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M164.402 82.5C164.402 127.733 127.733 164.402 82.5 164.402C37.2667 164.402 0.597826 127.733 0.597826 82.5C0.597826 37.2667 37.2667 0.597826 82.5 0.597826C127.733 0.597826 164.402 37.2667 164.402 82.5Z"
fill="white"
stroke="#1C1D20"
stroke-width="1.19565"
/>
<g clip-path="url(#clip0_94_1318)">
<path
class="btn-text-m hero-img-icon"
d="M82.4992 99.2697L79.8987 96.9023C70.6623 88.5268 64.5645 83.0029 64.5645 76.2235C64.5645 70.6996 68.9047 66.3594 74.4286 66.3594C77.5492 66.3594 80.5443 67.8121 82.4992 70.1077C84.4541 67.8121 87.4492 66.3594 90.5699 66.3594C96.0938 66.3594 100.434 70.6996 100.434 76.2235C100.434 83.0029 94.3362 88.5268 85.0998 96.9202L82.4992 99.2697Z"
fill="#1C1D20"
/>
</g>
<g class="animation">
<path
d="M143.087 101.683C143.275 100.853 143.657 100.163 144.234 99.6147C144.811 99.0663 145.536 98.697 146.41 98.5067C147.293 98.3188 148.273 98.3468 149.35 98.5908C150.498 98.851 151.464 99.2746 152.247 99.8617C153.041 100.451 153.601 101.166 153.928 102.005C154.263 102.857 154.314 103.801 154.079 104.837C153.928 105.503 153.711 106.079 153.429 106.565C153.146 107.051 152.824 107.495 152.464 107.899L151.37 107.085C151.704 106.708 151.999 106.311 152.255 105.895C152.508 105.489 152.697 105.014 152.82 104.471C152.966 103.825 152.922 103.211 152.687 102.629C152.463 102.05 152.051 101.537 151.452 101.088C150.85 100.65 150.068 100.322 149.104 100.104C148.243 99.9084 147.474 99.8744 146.799 100.002C146.133 100.131 145.583 100.395 145.148 100.792C144.713 101.189 144.426 101.695 144.287 102.311C144.156 102.885 144.159 103.419 144.295 103.913C144.439 104.42 144.61 104.831 144.808 105.145L147.162 105.679L147.667 103.448L148.82 103.71L148.001 107.324L142.295 106.031L142.588 104.739L143.665 104.983C143.428 104.552 143.235 104.05 143.084 103.477C142.944 102.907 142.945 102.309 143.087 101.683Z"
fill="#1C1D20"
/>
<path
d="M137.905 113.764C138.239 113.014 138.67 112.407 139.2 111.941C139.739 111.479 140.336 111.146 140.991 110.942C141.651 110.753 142.347 110.689 143.079 110.75C143.807 110.821 144.531 111.017 145.251 111.337C146.241 111.778 147.041 112.358 147.652 113.079C148.269 113.814 148.645 114.637 148.78 115.549C148.924 116.465 148.776 117.417 148.336 118.407C148.007 119.146 147.577 119.749 147.048 120.215C146.514 120.691 145.915 121.029 145.25 121.228C144.586 121.427 143.895 121.493 143.177 121.427C142.454 121.37 141.733 121.181 141.012 120.86C140.292 120.54 139.664 120.128 139.128 119.625C138.589 119.131 138.17 118.571 137.874 117.944C137.587 117.322 137.435 116.656 137.417 115.946C137.409 115.24 137.572 114.513 137.905 113.764ZM139.087 114.29C138.757 115.029 138.659 115.728 138.792 116.385C138.925 117.043 139.239 117.631 139.733 118.15C140.232 118.683 140.866 119.121 141.634 119.463C142.153 119.694 142.687 119.839 143.235 119.899C143.784 119.959 144.31 119.929 144.813 119.807C145.325 119.69 145.786 119.47 146.195 119.145C146.6 118.831 146.919 118.409 147.155 117.881C147.467 117.18 147.558 116.495 147.43 115.828C147.297 115.171 146.987 114.573 146.502 114.034C146.012 113.506 145.388 113.072 144.629 112.735C144.111 112.504 143.574 112.351 143.02 112.277C142.472 112.217 141.941 112.246 141.429 112.363C140.916 112.48 140.458 112.696 140.053 113.011C139.644 113.335 139.322 113.761 139.087 114.29Z"
fill="#1C1D20"
/>
<path
d="M132.675 121.457L141.555 128.016L140.665 129.221L132.863 123.459L129.856 127.53L128.778 126.734L132.675 121.457Z"
fill="#1C1D20"
/>
<path
d="M124.895 129.809C125.313 129.379 125.69 129.013 126.028 128.711C126.358 128.416 126.692 128.125 127.03 127.838L134.903 135.485C134.596 135.876 134.286 136.249 133.971 136.603C133.664 136.964 133.298 137.364 132.874 137.801C132.214 138.48 131.541 138.962 130.854 139.247C130.159 139.539 129.473 139.665 128.796 139.622C128.111 139.588 127.451 139.408 126.814 139.082C126.178 138.772 125.58 138.346 125.022 137.804C124.472 137.269 124.028 136.684 123.692 136.05C123.356 135.415 123.16 134.749 123.105 134.051C123.051 133.368 123.163 132.663 123.443 131.938C123.722 131.228 124.207 130.518 124.895 129.809ZM125.801 130.755C125.142 131.434 124.735 132.116 124.582 132.803C124.428 133.489 124.486 134.161 124.756 134.819C125.033 135.484 125.477 136.113 126.088 136.706C126.631 137.234 127.239 137.626 127.912 137.884C128.585 138.142 129.27 138.199 129.967 138.055C130.671 137.918 131.342 137.522 131.979 136.866C132.191 136.647 132.378 136.44 132.539 136.245C132.707 136.056 132.857 135.879 132.988 135.714L126.868 129.769C126.692 129.906 126.516 130.057 126.34 130.223C126.164 130.389 125.984 130.567 125.801 130.755Z"
fill="#1C1D20"
/>
<path
d="M116.767 135.996L122.963 145.132L117.482 148.85L116.756 147.78L120.998 144.903L119.112 142.123L115.458 144.601L114.75 143.557L118.404 141.079L116.253 137.907L112.011 140.784L111.285 139.714L116.767 135.996Z"
fill="#1C1D20"
/>
<path
d="M107.95 140.719L112.626 150.719L110.826 151.561L102.524 145.311L106.412 153.625L105.127 154.226L100.45 144.227L102.222 143.398L110.526 149.578L106.665 141.321L107.95 140.719Z"
fill="#1C1D20"
/>
<path
d="M87.1235 145.883C88.3798 145.683 89.4256 145.9 90.261 146.534C91.0964 147.167 91.6248 148.179 91.8463 149.571L92.9222 156.33L91.4427 156.565L90.4039 150.04C90.2387 149.002 89.8978 148.231 89.3812 147.728C88.8646 147.224 88.1806 147.04 87.3292 147.176C86.4467 147.316 85.8312 147.696 85.4827 148.316C85.1359 148.946 85.0476 149.796 85.2178 150.865L86.2565 157.391L84.8237 157.619L83.7578 150.922C83.6123 150.008 83.658 149.192 83.8949 148.473C84.123 147.766 84.5153 147.187 85.0716 146.737C85.6193 146.298 86.3032 146.014 87.1235 145.883Z"
fill="#1C1D20"
/>
<path
d="M77.6042 145.835L77.0506 156.861L75.0661 156.761L70.6595 147.35L70.1993 156.517L68.7818 156.445L69.3353 145.42L71.2884 145.518L75.7296 154.868L76.1867 145.764L77.6042 145.835Z"
fill="#1C1D20"
/>
<path
d="M64.7669 143.516L61.9605 154.192L60.5116 153.811L63.318 143.135L64.7669 143.516Z"
fill="#1C1D20"
/>
<path
d="M57.6902 141.088L54.4146 150.234L57.6065 151.377L57.1598 152.624L49.3655 149.832L49.8122 148.585L53.0042 149.728L56.2798 140.583L57.6902 141.088Z"
fill="#1C1D20"
/>
<path
d="M50.678 137.49L45.3817 147.176L39.5704 143.998L40.1908 142.863L44.6876 145.322L46.2992 142.375L42.425 140.257L43.0303 139.15L46.9045 141.268L48.7431 137.906L44.2462 135.447L44.8667 134.312L50.678 137.49Z"
fill="#1C1D20"
/>
<path
d="M40.2447 129.942C40.7188 130.308 41.1251 130.642 41.4634 130.944C41.7935 131.239 42.1203 131.538 42.444 131.841L35.7311 140.525C35.308 140.264 34.9029 139.998 34.5157 139.725C34.1221 139.461 33.6841 139.142 33.2017 138.769C32.4531 138.19 31.8985 137.575 31.5378 136.925C31.1689 136.267 30.9673 135.6 30.933 134.922C30.8904 134.238 30.9949 133.562 31.2465 132.892C31.4834 132.225 31.8397 131.583 32.3155 130.968C32.7849 130.361 33.3159 129.854 33.9085 129.449C34.5012 129.043 35.1412 128.774 35.8287 128.641C36.5014 128.51 37.2138 128.542 37.9659 128.738C38.7032 128.936 39.4628 129.337 40.2447 129.942ZM39.4067 130.948C38.6581 130.37 37.9343 130.043 37.2351 129.967C36.5359 129.892 35.8747 130.025 35.2515 130.367C34.6218 130.718 34.0466 131.23 33.5258 131.904C33.0628 132.502 32.7411 133.151 32.5605 133.848C32.38 134.546 32.4005 135.233 32.622 135.909C32.837 136.593 33.3063 137.215 34.03 137.775C34.2712 137.961 34.498 138.123 34.7105 138.261C34.9166 138.407 35.1092 138.536 35.2884 138.648L40.5064 131.898C40.351 131.738 40.1809 131.58 39.996 131.424C39.8111 131.268 39.6147 131.109 39.4067 130.948Z"
fill="#1C1D20"
/>
<path
d="M28.0786 115.389C28.647 116.159 28.968 116.974 29.0416 117.835C29.1068 118.701 28.9229 119.55 28.49 120.379C28.0486 121.215 27.3586 121.979 26.4199 122.673C25.5151 123.341 24.5941 123.766 23.6571 123.949C22.7054 124.129 21.8101 124.058 20.9714 123.737C20.1179 123.413 19.3883 122.841 18.7824 122.021C18.47 121.598 18.2281 121.182 18.0566 120.773C17.8766 120.37 17.746 119.963 17.6649 119.552L18.9514 119.171C19.0182 119.527 19.1166 119.872 19.2466 120.207C19.3704 120.534 19.5697 120.884 19.8446 121.256C20.2443 121.797 20.743 122.18 21.3407 122.405C21.932 122.622 22.5805 122.659 23.2859 122.517C23.9914 122.375 24.7162 122.029 25.4603 121.48C26.1707 120.955 26.7048 120.378 27.0627 119.747C27.4143 119.108 27.5819 118.468 27.5656 117.827C27.543 117.177 27.3287 116.577 26.9227 116.028C26.6166 115.613 26.3004 115.291 25.974 115.062C25.6477 114.832 25.298 114.633 24.9249 114.464L25.6553 113.356C26.0556 113.544 26.4648 113.797 26.883 114.116C27.2865 114.432 27.6851 114.857 28.0786 115.389Z"
fill="#1C1D20"
/>
<path
d="M22.8753 104.698C23.2336 105.435 23.4206 106.157 23.4361 106.862C23.4421 107.572 23.3122 108.243 23.0464 108.875C22.7665 109.502 22.3674 110.076 21.849 110.596C21.3259 111.108 20.7098 111.536 20.0006 111.88C19.0266 112.353 18.067 112.592 17.1219 112.595C16.1627 112.594 15.2909 112.351 14.5064 111.867C13.7125 111.388 13.079 110.661 12.6057 109.687C12.252 108.959 12.0673 108.242 12.0519 107.537C12.0318 106.822 12.1594 106.146 12.4346 105.51C12.7099 104.874 13.1043 104.302 13.6179 103.795C14.1269 103.279 14.736 102.849 15.4452 102.504C16.1544 102.16 16.8739 101.945 17.6037 101.859C18.3289 101.764 19.0267 101.804 19.6971 101.981C20.358 102.163 20.9657 102.475 21.5202 102.919C22.0652 103.367 22.5169 103.96 22.8753 104.698ZM21.7122 105.263C21.3584 104.535 20.8871 104.01 20.2983 103.688C19.7095 103.366 19.0575 103.227 18.3423 103.271C17.6131 103.309 16.8702 103.513 16.1137 103.88C15.603 104.128 15.1481 104.443 14.7488 104.824C14.3495 105.205 14.0343 105.627 13.8034 106.09C13.563 106.557 13.4351 107.052 13.4197 107.574C13.3998 108.086 13.5162 108.602 13.7689 109.122C14.1043 109.812 14.5687 110.323 15.162 110.654C15.7508 110.976 16.4074 111.125 17.1318 111.1C17.8516 111.066 18.585 110.867 19.3321 110.504C19.8427 110.256 20.3047 109.944 20.7181 109.568C21.1174 109.187 21.4372 108.763 21.6777 108.295C21.9181 107.828 22.0483 107.338 22.0682 106.826C22.0835 106.304 21.9648 105.783 21.7122 105.263Z"
fill="#1C1D20"
/>
<path
d="M15.4658 84.973C15.5003 85.3605 15.4377 85.7249 15.278 86.0663C15.1175 86.3972 14.8885 86.6709 14.5911 86.8873C14.2832 87.1047 13.9356 87.2306 13.5481 87.2651C12.8988 87.3228 12.3694 87.1852 11.9598 86.8522C11.5493 86.5087 11.3147 86.0071 11.256 85.3474C11.2216 84.9599 11.2846 84.6007 11.4452 84.2698C11.6048 83.9284 11.8386 83.649 12.1464 83.4317C12.4438 83.2152 12.7863 83.0898 13.1737 83.0553C13.8125 82.9985 14.3424 83.1414 14.7634 83.4839C15.173 83.8169 15.4071 84.3133 15.4658 84.973Z"
fill="#1C1D20"
/>
<path
d="M21.8267 63.6019C21.6417 64.4331 21.2617 65.124 20.6868 65.6746C20.1119 66.2252 19.3882 66.5972 18.5158 66.7908C17.6331 66.9821 16.653 66.9578 15.5755 66.718C14.4261 66.4621 13.4587 66.0422 12.6732 65.4581C11.8774 64.8717 11.3144 64.1593 10.9839 63.3211C10.6456 62.4703 10.5917 61.5266 10.8224 60.4901C10.9709 59.8231 11.1855 59.2462 11.4661 58.7593C11.7468 58.2725 12.0668 57.8268 12.4262 57.4221L13.5223 58.2315C13.1904 58.61 12.8972 59.0079 12.6427 59.4251C12.3906 59.8321 12.204 60.3076 12.0829 60.8515C11.939 61.498 11.9856 62.1115 12.2226 62.692C12.4493 63.2703 12.8631 63.7824 13.4639 64.2285C14.0669 64.6643 14.8508 64.9896 15.8155 65.2043C16.6775 65.3961 17.4461 65.4272 18.1212 65.2974C18.786 65.1654 19.3352 64.8998 19.7687 64.5009C20.2021 64.1019 20.4874 63.5946 20.6244 62.9788C20.7523 62.4041 20.7474 61.8699 20.6096 61.3761C20.4638 60.8697 20.2912 60.4597 20.0917 60.1461L17.7365 59.6219L17.2397 61.8539L16.0852 61.5969L16.8904 57.9795L22.6013 59.2506L22.3135 60.5437L21.236 60.3038C21.4742 60.7338 21.6696 61.235 21.8222 61.8075C21.9645 62.3778 21.966 62.9759 21.8267 63.6019Z"
fill="#1C1D20"
/>
<path
d="M26.789 51.8159C26.4611 52.5675 26.0341 53.1784 25.5078 53.6485C24.9719 54.1144 24.3775 54.4516 23.7246 54.66C23.0662 54.8545 22.3707 54.9239 21.638 54.8681C20.9095 54.8026 20.1839 54.6123 19.4612 54.297C18.4687 53.864 17.6641 53.2894 17.0475 52.5731C16.4254 51.8429 16.0435 51.0225 15.9017 50.1118C15.7502 49.197 15.8909 48.2433 16.3239 47.2507C16.6476 46.5087 17.0726 45.9027 17.5988 45.4325C18.1292 44.9528 18.7258 44.6108 19.3883 44.4066C20.0509 44.2025 20.7416 44.131 21.4605 44.1922C22.1835 44.2438 22.9064 44.4273 23.6291 44.7425C24.3518 45.0578 24.9829 45.465 25.5222 45.9641C26.0657 46.4535 26.488 47.0105 26.7891 47.635C27.0805 48.2554 27.2377 48.9204 27.2607 49.6301C27.2741 50.3357 27.1169 51.0642 26.789 51.8159ZM25.6037 51.2988C25.9274 50.5568 26.0203 49.8575 25.8823 49.2009C25.7444 48.5443 25.4265 47.9583 24.9287 47.4429C24.4255 46.9137 23.7884 46.4809 23.0175 46.1446C22.4971 45.9176 21.9624 45.7761 21.4133 45.7201C20.8643 45.6641 20.3388 45.6987 19.8368 45.8239C19.3253 45.9448 18.8662 46.1689 18.4596 46.4962C18.0572 46.8139 17.7404 47.2378 17.5092 47.7678C17.2023 48.4712 17.1158 49.1561 17.2495 49.8223C17.3875 50.479 17.7012 51.0746 18.1905 51.6093C18.6841 52.1343 19.3116 52.5628 20.0728 52.8949C20.5932 53.1219 21.1306 53.2703 21.6851 53.3402C22.2342 53.3962 22.7645 53.3637 23.2761 53.2427C23.7877 53.1218 24.2447 52.9025 24.647 52.5848C25.0536 52.2575 25.3725 51.8288 25.6037 51.2988Z"
fill="#1C1D20"
/>
<path
d="M32.0717 43.8756L23.1685 37.3494L24.0542 36.1411L31.8763 41.8749L34.8691 37.7921L35.9502 38.5846L32.0717 43.8756Z"
fill="#1C1D20"
/>
<path
d="M39.6274 35.6396C39.213 36.0725 38.8381 36.4413 38.5027 36.7461C38.1745 37.0432 37.8426 37.3367 37.5069 37.6266L29.5784 30.0365C29.8821 29.6432 30.19 29.2684 30.5019 28.9121C30.8063 28.5486 31.1693 28.1466 31.591 27.7061C32.2453 27.0226 32.9151 26.5358 33.6003 26.2458C34.2928 25.9481 34.9778 25.8179 35.6552 25.8552C36.34 25.8849 37.0019 26.0601 37.6409 26.3807C38.2796 26.6865 38.88 27.1085 39.4419 27.6465C39.9963 28.1772 40.444 28.7586 40.785 29.3906C41.1259 30.0227 41.3263 30.6875 41.3861 31.3852C41.4456 32.068 41.3383 32.773 41.0642 33.5002C40.7897 34.2126 40.3108 34.9258 39.6274 35.6396ZM38.7146 34.7003C39.3689 34.0168 39.7704 33.3314 39.919 32.6441C40.0676 31.9567 40.0046 31.2852 39.7301 30.6294C39.4479 29.9663 38.9993 29.3403 38.3841 28.7514C37.8373 28.228 37.2266 27.8398 36.5518 27.5868C35.8771 27.3338 35.1919 27.2818 34.4961 27.4308C33.7928 27.5726 33.1249 27.9738 32.4924 28.6345C32.2816 28.8547 32.0965 29.0633 31.9372 29.2601C31.7703 29.4496 31.6218 29.6276 31.4915 29.794L37.6543 35.6938C37.8298 35.5561 38.0049 35.4036 38.1797 35.2362C38.3546 35.0688 38.5328 34.8902 38.7146 34.7003Z"
fill="#1C1D20"
/>
<path
d="M47.5269 29.4725L41.2637 20.3823L46.7179 16.6244L47.4516 17.6892L43.2311 20.5971L45.1369 23.3632L48.773 20.8579L49.4888 21.8968L45.8527 24.402L48.0269 27.5577L52.2473 24.6498L52.981 25.7146L47.5269 29.4725Z"
fill="#1C1D20"
/>
<path
d="M56.3433 24.6013L51.5931 14.6366L53.3867 13.7816L61.7349 19.9696L57.7854 11.6847L59.0666 11.0739L63.8168 21.0386L62.0517 21.8801L53.7021 15.7626L57.6245 23.9906L56.3433 24.6013Z"
fill="#1C1D20"
/>
<path
d="M76.8736 19.2379C75.6188 19.4474 74.5714 19.2387 73.7311 18.6116C72.8909 17.9845 72.3548 16.9762 72.1226 15.5867L70.995 8.83602L72.4727 8.58918L73.5613 15.1065C73.7346 16.1435 74.0814 16.9116 74.6018 17.4109C75.1222 17.9102 75.8076 18.0889 76.6579 17.9468C77.5393 17.7996 78.1519 17.4148 78.4956 16.7925C78.8376 16.1598 78.9194 15.3094 78.741 14.2413L77.6523 7.72395L79.0833 7.48491L80.2006 14.1733C80.353 15.0859 80.3136 15.9025 80.0822 16.6234C79.8595 17.3321 79.4717 17.9138 78.9188 18.3686C78.3745 18.8113 77.6928 19.101 76.8736 19.2379Z"
fill="#1C1D20"
/>
<path
d="M86.3693 19.1043L86.8378 8.07528L88.823 8.15961L93.3021 17.5363L93.6916 8.3664L95.1096 8.42664L94.6411 19.4557L92.6874 19.3727L88.1742 10.0577L87.7874 19.1646L86.3693 19.1043Z"
fill="#1C1D20"
/>
<path
d="M99.4027 21.2562L102.128 10.5589L103.58 10.9288L100.855 21.6261L99.4027 21.2562Z"
fill="#1C1D20"
/>
<path
d="M106.726 23.6771L109.933 14.5074L106.732 13.3881L107.169 12.1377L114.985 14.8708L114.547 16.1212L111.347 15.0019L108.14 24.1717L106.726 23.6771Z"
fill="#1C1D20"
/>
<path
d="M113.546 27.0768L118.77 17.3524L124.605 20.4872L123.993 21.6263L119.478 19.2006L117.888 22.1596L121.778 24.2494L121.181 25.3608L117.291 23.271L115.477 26.6467L119.992 29.0724L119.38 30.2115L113.546 27.0768Z"
fill="#1C1D20"
/>
<path
d="M124.139 34.5457C123.663 34.1827 123.254 33.8517 122.913 33.5527C122.581 33.2601 122.252 32.9633 121.926 32.6624L128.576 23.9299C129.001 24.1874 129.408 24.4511 129.797 24.721C130.192 24.9825 130.633 25.298 131.118 25.6674C131.871 26.2406 132.43 26.8513 132.795 27.4995C133.169 28.1541 133.375 28.8201 133.414 29.4974C133.462 30.1811 133.362 30.8585 133.116 31.5296C132.884 32.1987 132.532 32.8427 132.061 33.4617C131.596 34.0723 131.069 34.5826 130.479 34.9925C129.889 35.4024 129.251 35.6764 128.565 35.8144C127.893 35.9504 127.18 35.9231 126.427 35.7326C125.688 35.54 124.926 35.1444 124.139 34.5457ZM124.97 33.533C125.723 34.1062 126.449 34.428 127.149 34.4983C127.848 34.5686 128.509 34.4304 129.129 34.0838C129.756 33.7288 130.328 33.2125 130.844 32.535C131.302 31.9327 131.619 31.2822 131.795 30.5832C131.97 29.8843 131.945 29.1976 131.718 28.5231C131.498 27.8402 131.024 27.2217 130.297 26.6675C130.054 26.4828 129.826 26.3224 129.613 26.1863C129.406 26.0418 129.212 25.9142 129.032 25.8036L123.863 32.5913C124.02 32.7502 124.191 32.907 124.377 33.0619C124.563 33.2167 124.761 33.3738 124.97 33.533Z"
fill="#1C1D20"
/>
<path
d="M136.482 48.9503C135.908 48.1849 135.581 47.3722 135.501 46.5122C135.429 45.6459 135.607 44.7964 136.034 43.9638C136.469 43.1248 137.154 42.3552 138.087 41.6551C138.987 40.9801 139.905 40.548 140.841 40.3588C141.791 40.1717 142.687 40.2358 143.528 40.5512C144.384 40.8687 145.117 41.4354 145.729 42.2512C146.045 42.6717 146.29 43.086 146.464 43.4939C146.647 43.8955 146.781 44.3013 146.865 44.7113L145.581 45.1024C145.512 44.7471 145.411 44.4022 145.278 44.0679C145.152 43.742 144.95 43.394 144.673 43.0239C144.269 42.4857 143.767 42.1061 143.168 41.8853C142.575 41.673 141.927 41.6404 141.222 41.7875C140.518 41.9347 139.796 42.2859 139.055 42.841C138.349 43.3708 137.819 43.9522 137.466 44.5851C137.119 45.2264 136.956 45.8677 136.977 46.5091C137.004 47.1588 137.223 47.757 137.633 48.3037C137.942 48.7158 138.261 49.0354 138.589 49.2625C138.917 49.4896 139.268 49.6862 139.642 49.8523L138.92 50.9657C138.518 50.7806 138.107 50.5304 137.687 50.215C137.281 49.9017 136.879 49.4801 136.482 48.9503Z"
fill="#1C1D20"
/>
<path
d="M141.915 59.7785C141.552 59.0436 141.359 58.3235 141.339 57.6181C141.327 56.9081 141.452 56.2362 141.713 55.6025C141.989 54.9736 142.383 54.3968 142.898 53.8723C143.417 53.3571 144.03 52.9247 144.737 52.5748C145.707 52.0944 146.665 51.849 147.61 51.8386C148.569 51.833 149.443 52.0692 150.231 52.5472C151.028 53.0205 151.667 53.7424 152.148 54.7129C152.507 55.4384 152.697 56.1538 152.718 56.8591C152.743 57.5739 152.62 58.2505 152.35 58.8888C152.079 59.5272 151.689 60.1016 151.179 60.6121C150.674 61.132 150.068 61.5668 149.362 61.9167C148.655 62.2665 147.937 62.487 147.208 62.5782C146.483 62.6787 145.785 62.6431 145.114 62.4711C144.451 62.2946 143.841 61.9865 143.284 61.5471C142.735 61.1029 142.279 60.5134 141.915 59.7785ZM143.074 59.2048C143.434 59.9303 143.909 60.4517 144.5 60.769C145.091 61.0864 145.744 61.2206 146.459 61.1717C147.188 61.1276 147.929 60.9189 148.683 60.5458C149.192 60.2939 149.644 59.976 150.041 59.592C150.437 59.208 150.749 58.7838 150.977 58.3192C151.214 57.8499 151.338 57.3544 151.349 56.8326C151.366 56.3201 151.245 55.8048 150.989 55.2866C150.648 54.5988 150.18 54.0915 149.584 53.7647C148.993 53.4474 148.335 53.3037 147.611 53.3338C146.892 53.3732 146.16 53.5772 145.415 53.9457C144.907 54.1976 144.447 54.5131 144.036 54.8924C143.64 55.2763 143.323 55.7029 143.086 56.1722C142.849 56.6414 142.723 57.1323 142.707 57.6447C142.695 58.1665 142.818 58.6866 143.074 59.2048Z"
fill="#1C1D20"
/>
<path
d="M150.654 80.1219C150.635 79.7334 150.711 79.3717 150.884 79.0367C151.057 78.7122 151.297 78.4475 151.602 78.2427C151.918 78.0373 152.27 77.9249 152.659 77.9053C153.31 77.8726 153.834 78.0305 154.23 78.379C154.627 78.738 154.842 79.2482 154.875 79.9097C154.895 80.2982 154.818 80.6547 154.645 80.9792C154.472 81.3142 154.228 81.5844 153.912 81.7898C153.607 81.9946 153.26 82.1068 152.871 82.1264C152.231 82.1586 151.707 81.9954 151.299 81.6369C150.903 81.2884 150.688 80.7834 150.654 80.1219Z"
fill="#1C1D20"
/>
</g>
<defs>
<clipPath id="clip0_94_1318">
<rect
width="43.0435"
height="43.0435"
fill="white"
transform="translate(60.9766 60.9785)"
/>
</clipPath>
</defs>
</svg>
<picture class="hero__section__left__img">
<img
src="/src/assets/imgs/hero_img.png"
alt="hero"
class=""
data-strength="20"
data-strength-text="10"
/>
</picture>
</div>
</section>
<!--NOTE: ========= ABOUT SECTION ========== -->
<section class="about__section">
<h2 class="about__section__title">
ابحث عن الخدمة التي تحتاجها مع شركة الاتحاد الذهبي للمقاولات.
</h2>
<p class="about__section__text">
من عزل الماء إلى إصلاح الخرسانة، اعثر على حلول مصممة خصيصًا مع شركة الاتحاد الذهبي
للمقاولات. وجهتك الواحدة للخدمات الخبيرة في البناء والإصلاح.
</p>
<div class="button__wrapper">
<a href="/about">
<button
type="button"
class="magnetic about__section__btn btn-solid-horizon"
data-strength="50"
data-strength-text="20"
>
<div class="btn-fill"></div>
<span class="btn-text-m change">استكشف</span>
</button>
</a>
</div>
<div class="logos__wrapper">
<ul class="about__section__logos">
<li>
<picture>
<img src="/src/assets/imgs/logos/1.png" alt="hero" class="" />
</picture>
</li>
<li>
<picture>
<img src="/src/assets/imgs/logos/2.png" alt="hero" class="" />
</picture>
</li>
<li>
<picture>
<img src="/src/assets/imgs/logos/3.png" alt="hero" class="" />
</picture>
</li>
<li>
<picture>
<img src="/src/assets/imgs/logos/4.png" alt="hero" class="" />
</picture>
</li>
<li>
<picture>
<img src="/src/assets/imgs/logos/5.png" alt="hero" class="" />
</picture>
</li>
</ul>
<ul class="about__section__logos">
<li>
<picture>
<img src="/src/assets/imgs/logos/1.png" alt="hero" class="" />
</picture>
</li>
<li>
<picture>
<img src="/src/assets/imgs/logos/2.png" alt="hero" class="" />
</picture>
</li>
<li>
<picture>
<img src="/src/assets/imgs/logos/3.png" alt="hero" class="" />
</picture>
</li>
<li>
<picture>
<img src="/src/assets/imgs/logos/4.png" alt="hero" class="" />
</picture>
</li>
<li>
<picture>
<img src="/src/assets/imgs/logos/5.png" alt="hero" class="" />
</picture>
</li>
</ul>
<ul class="about__section__logos">
<li>
<picture>
<img src="/src/assets/imgs/logos/1.png" alt="hero" class="" />
</picture>
</li>
<li>
<picture>
<img src="/src/assets/imgs/logos/2.png" alt="hero" class="" />
</picture>
</li>
<li>
<picture>
<img src="/src/assets/imgs/logos/3.png" alt="hero" class="" />
</picture>
</li>
<li>
<picture>
<img src="/src/assets/imgs/logos/4.png" alt="hero" class="" />
</picture>
</li>
<li>
<picture>
<img src="/src/assets/imgs/logos/5.png" alt="hero" class="" />
</picture>
</li>
</ul>
</div>
</section>
<!--NOTE: ========= WORKS SECTION ========== -->
<section class="works__section">
<h2 class="works__section__title">الأعمال الأخيرة</h2>
<div class="projects-wrapper menu once-in">
<ul class="float-project-container">
<li class="project show" data-type="">
<div class="stripe animate"></div>
<a href="#" class="row">
<picture>
<img src="/src/assets/imgs/projects/1.png" alt="proj1" />
</picture>
<div class="flex-col name">
<h4><span>جسر أبو داود</span></h4>
</div>
<div class="flex-col service animate">
<p>عزل مائى لبالطات الجسر العلوية</p>
</div>
</a>
</li>
<li class="project show" data-type="">
<div class="stripe animate"></div>
<a href="#" class="row">
<picture>
<img src="/src/assets/imgs/projects/1.png" alt="proj1" />
</picture>
<div class="flex-col name">
<h4><span>جسر حليمة السعدية</span></h4>
</div>
<div class="flex-col service animate">
<p>عزل مائى لقواعد الجسر وبالطات الجسر العلوية</p>
</div>
</a>
</li>
<li class="project show" data-type="">
<div class="stripe animate"></div>
<a href="#" class="row">
<picture>
<img src="/src/assets/imgs/projects/1.png" alt="proj1" />
</picture>
<div class="flex-col name">
<h4><span>جسر بنى مالك</span></h4>
</div>
<div class="flex-col service animate">
<p>عزل مائى لقواعد الجسروبالطات الجسر العلويةة</p>
</div>
</a>
</li>
<li class="project show" data-type="">
<div class="stripe animate"></div>
<a href="#" class="row">
<picture>
<img src="/src/assets/imgs/projects/1.png" alt="proj1" />
</picture>
<div class="flex-col name">
<h4><span>جسر دوار الدراجة</span></h4>
</div>
<div class="flex-col service animate">
<p>عزل مائى لقواعد الجسروبالطات الجسر العلوية</p>
</div>
</a>
</li>
</ul>
</div>
<a class="works__section__btn" href="./works.html">
<button
type="button"
class="btn-solid-horizon works-btn magnetic"
data-strength="50"
data-strength-text="15"
>
<div class="btn-fill"></div>
<div class="btn-text btn-text-m change">المزيد من الأعمال<sup>10</sup></div>
</button>
</a>
</section>
<!--NOTE: ========= VALUE SECTION ========== -->
<section class="values__section">
<div class="values__section__wrapper">
<div class="values__section__video">
<img class="values__section__img" src="/src/assets/imgs/values.png" alt="" />
</div>
<div class="values__section__content">
<h2 class="values__section__content__title">قيمنا</h2>
<p class="values__section__content__text">
قيمنا، التميز، النزاهة، التعاون، الابتكار، الاستدامة، التركيز على العملاء، والسلامة،
هي المبادئ التوجيهية في شركة الاتحاد الذهبي للمقاولات. إنها تدفع التزامنا بتحقيق
نتائج استثنائية وعلاقات دائمة.
</p>
<div class="values__btn__wrapper">
<a href="./values.html">
<button
type="button"
class="btn-solid-horizon values__section__content__btn magnetic"
data-strength="50"
data-strength-text="15"
>
<div class="btn-text btn-text-m">استكشف</div>
</button>
</a>
</div>
</div>
</div>
<div class="values__section__wrapper value__2">
<h2 class="values__section__wrapper__title">
<div>واو أنت هنا</div>
<div>حسنًا، استمر في النزول</div>
</h2>
</div>
</section>
<!--NOTE: ========= CREDITS SECTION ========== -->
<section class="credits__section">
<div class="credits__section__wrapper">
<h2 class="credits__section__wrapper__title">الاعتراف: الامتنان والتقدير</h2>
<p class="credits__section__wrapper__text">
في شركة الاتحاد الذهبي للمقاولات، نقدر ونقدر المساهمات لجميع الذين ساعدونا على طول
الطريق.
</p>
<div class="credits__section__wrapper__wrapper">
<a href="./credits.html">
<button
type="button"
class="btn-solid-horizon credits__section__wrapper__wrapper__btn magnetic"
data-strength="50"
data-strength-text="15"
>
<div class="btn-fill"></div>
<div class="btn-text btn-text-m change">الاعتمادات</div>
</button>
</a>
</div>
</div>
<div class="credits__section__wrapper wrapper__2">
<div class="credits__section__wrapper__wrapper">
<ul class="credits__section__wrapper__list credid__list__top">
<li class="credits__section__wrapper__list__item">
<div>
<img src="/src/assets/imgs/verified.png" alt="" />
<h3>ACC</h3>
</div>
<p>
فريقهم من الخبراء ساعدني في تحويل منزلي بخبرتهم المعتمدة. من البداية إلى
النهاية.
</p>
</li>
<li class="credits__section__wrapper__list__item">
<div>
<img src="/src/assets/imgs/verified.png" alt="" />
<h3>ACC</h3>
</div>
<p>
فريقهم من الخبراء ساعدني في تحويل منزلي بخبرتهم المعتمدة. من البداية إلى
النهاية.
</p>
</li>
<li class="credits__section__wrapper__list__item">
<div>
<img src="/src/assets/imgs/verified.png" alt="" />
<h3>ACC</h3>
</div>
<p>
فريقهم من الخبراء ساعدني في تحويل منزلي بخبرتهم المعتمدة. من البداية إلى
النهاية.
</p>
</li>
<li class="credits__section__wrapper__list__item">
<div>
<img src="/src/assets/imgs/verified.png" alt="" />
<h3>ACC</h3>
</div>
<p>
فريقهم من الخبراء ساعدني في تحويل منزلي بخبرتهم المعتمدة. من البداية إلى
النهاية.
</p>
</li>
<li class="credits__section__wrapper__list__item">
<div>
<img src="/src/assets/imgs/verified.png" alt="" />
<h3>ACC</h3>
</div>
<p>
فريقهم من الخبراء ساعدني في تحويل منزلي بخبرتهم المعتمدة. من البداية إلى
النهاية.
</p>
</li>
</ul>
<ul class="credits__section__wrapper__list credid__list__top">
<li class="credits__section__wrapper__list__item">
<div>
<img src="/src/assets/imgs/verified.png" alt="" />
<h3>ACC</h3>
</div>
<p>
فريقهم من الخبراء ساعدني في تحويل منزلي بخبرتهم المعتمدة. من البداية إلى
النهاية.
</p>
</li>
<li class="credits__section__wrapper__list__item">
<div>
<img src="/src/assets/imgs/verified.png" alt="" />
<h3>ACC</h3>
</div>
<p>
فريقهم من الخبراء ساعدني في تحويل منزلي بخبرتهم المعتمدة. من البداية إلى
النهاية.
</p>
</li>
<li class="credits__section__wrapper__list__item">
<div>
<img src="/src/assets/imgs/verified.png" alt="" />
<h3>ACC</h3>
</div>
<p>
فريقهم من الخبراء ساعدني في تحويل منزلي بخبرتهم المعتمدة. من البداية إلى
النهاية.
</p>
</li>
<li class="credits__section__wrapper__list__item">
<div>
<img src="/src/assets/imgs/verified.png" alt="" />
<h3>ACC</h3>
</div>
<p>
فريقهم من الخبراء ساعدني في تحويل منزلي بخبرتهم المعتمدة. من البداية إلى
النهاية.
</p>
</li>
<li class="credits__section__wrapper__list__item">
<div>
<img src="/src/assets/imgs/verified.png" alt="" />
<h3>ACC</h3>
</div>
<p>
فريقهم من الخبراء ساعدني في تحويل منزلي بخبرتهم المعتمدة. من البداية إلى
النهاية.
</p>
</li>
</ul>
</div>
</div>
</section>
<!--NOTE: ========= SLIDER SECTION ========== -->
<section class="slider__section">
<div>
<div class="slider__section__slider slider__1">
<img src="/src/assets/imgs/sllider/1.png" alt="" />
<img src="/src/assets/imgs/sllider/2.png" alt="" />
<img src="/src/assets/imgs/sllider/3.png" alt="" />
<img src="/src/assets/imgs/sllider/4.png" alt="" />
<img src="/src/assets/imgs/sllider/5.png" alt="" />
</div>
<div class="slider__section__slider slider__2">
<img src="/src/assets/imgs/sllider/6.png" alt="" />
<img src="/src/assets/imgs/sllider/7.png" alt="" />
<img src="/src/assets/imgs/sllider/8.png" alt="" />
<img src="/src/assets/imgs/sllider/9.png" alt="" />
<img src="/src/assets/imgs/sllider/10.png" alt="" />
</div>
</div>
<div class="bottom-shape-wrapper">
<div class="footer-shape">
<div class="layout"></div>
</div>
</div>
</section>
<!--NOTE: ========= FOOTER SECTION ========== -->
</main>
<footer class="footer__section">
<div class="footer__section__col1">
<h2>لنعمل معًا.</h2>
</div>
<div class="footer__section__col2">
<div class="stripe"></div>
<img src="/src/assets/svg/arrow.png" alt="" />
<a href="contact.html">
<button
type="button"
class="btn-radius footer__btn magnetic"
data-strength="50"
data-strength-text="15"
>
<div class="btn-fill"></div>
<div class="btn-text btn-text-m">ابدأ</div>
</button>
</a>
</div>
<div class="footer__section__col3">
<button
type=" button"
class="btn-solid-horizon footer__btn magnetic"
data-strength="50"
data-strength-text="15"
>
<div class="btn-fill"></div>
<div class="btn-text btn-text-m">gucw111@gmail.com</div>
</button>
<button
type="button"
class="btn-solid-horizon footer__btn magnetic"
data-strength="50"
data-strength-text="15"
>
<div class="btn-fill"></div>
<div class="btn-text btn-text-m">93299994 50+</div>
</button>
</div>
<div class="footer__section__col4">
<p>© تصميم وتطوير من قبل Ahmed Ayob | سياسة الخصوصية | إشعارات قانونية</p>
<ul class="header__nav__container__menu">
<li>
<a
class="btn-text magnetic"
href="/credits.html"
data-strength="20"
data-strength-text="10"
>
<span> الاعتمادات </span>
<div class="dot btn-text-m"></div>
</a>
</li>
<li>
<a
class="btn-text magnetic"
href="/about.html"
data-strength="20"
data-strength-text="10"
>
<span>حولنا</span>
<div class="dot btn-text-m"></div>
</a>
</li>
<li>
<a
class="btn-text magnetic"
href="/works.html"
data-strength="20"
data-strength-text="10"
>
<span>محفظة الأعمال</span>
<div class="dot btn-text-m"></div>
</a>
</li>
<li>
<a
class="btn-text magnetic"
href="/contact.html"
data-strength="20"
data-strength-text="10"
>
<span>بنا</span>
<div class="dot btn-text-m"></div>
</a>
</li>
</ul>
</div>
</footer>
</div>
<script type="module" src="/src/ts/main.ts"></script>
</body>
</html>