-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1534 lines (1514 loc) · 103 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
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en" dir="rtl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link
rel="stylesheet"
href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.rtl.min.css"
integrity="sha384-gXt9imSW0VcJVHezoNQsP+TNrjYXoGcrqBZJpry9zJt8PCQjobwmhMGaDHTASo9N"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
/>
<link rel="stylesheet" href="./css/all.min.css" />
<link rel="stylesheet" href="./css/bootstrap.css" />
<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
<nav class="navbar">
<div class="container-fluid">
<div class="part1">
<button
class="navbar-toggler"
type="button"
data-bs-toggle="offcanvas"
data-bs-target="#offcanvasDarkNavbar"
aria-controls="offcanvasDarkNavbar"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="index.html">
<svg
width="31"
height="31"
viewBox="0 0 31 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_7325_1798)">
<path
d="M23.2508 24.8008C21.5458 24.8008 20.1508 26.1958 20.1508 27.9008C20.1508 29.6058 21.5458 31.0008 23.2508 31.0008C24.9558 31.0008 26.3508 29.6058 26.3508 27.9008C26.3508 26.1958 24.9558 24.8008 23.2508 24.8008ZM12.4008 24.8008C10.6958 24.8008 9.30078 26.1958 9.30078 27.9008C9.30078 29.6058 10.6958 31.0008 12.4008 31.0008C14.1058 31.0008 15.5008 29.6058 15.5008 27.9008C15.5008 26.1958 14.1058 24.8008 12.4008 24.8008Z"
fill="#62D0B6"
/>
<path
d="M31 6.2L27.9 21.7H9.3L6.2 3.1H0V0H8.835L9.3 2.635L11.935 18.6H25.42L26.04 15.5H15.5V12.4H26.66L27.28 9.3H15.5V6.2H31Z"
fill="#62D0B6"
/>
</g>
<defs>
<clipPath id="clip0_7325_1798">
<rect width="31" height="31" fill="white" />
</clipPath>
</defs>
</svg>
<p>متجـــــر سلــــــة</p>
</a>
</div>
<div class="part2">
<button
type="button"
data-bs-toggle="offcanvas"
data-bs-target="#offcanvasBottom"
aria-controls="offcanvasBottom"
class="acount"
>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 12.75C8.83 12.75 6.25 10.17 6.25 7C6.25 3.83 8.83 1.25 12 1.25C15.17 1.25 17.75 3.83 17.75 7C17.75 10.17 15.17 12.75 12 12.75ZM12 2.75C9.66 2.75 7.75 4.66 7.75 7C7.75 9.34 9.66 11.25 12 11.25C14.34 11.25 16.25 9.34 16.25 7C16.25 4.66 14.34 2.75 12 2.75Z"
fill="#666666"
/>
<path
d="M20.5901 22.75C20.1801 22.75 19.8401 22.41 19.8401 22C19.8401 18.55 16.3202 15.75 12.0002 15.75C7.68015 15.75 4.16016 18.55 4.16016 22C4.16016 22.41 3.82016 22.75 3.41016 22.75C3.00016 22.75 2.66016 22.41 2.66016 22C2.66016 17.73 6.85015 14.25 12.0002 14.25C17.1502 14.25 21.3401 17.73 21.3401 22C21.3401 22.41 21.0001 22.75 20.5901 22.75Z"
fill="#666666"
/>
</svg>
</button>
<a href="" class="shpo">
<div class="numShop">
<p>5</p>
</div>
<svg
width="22"
height="21"
viewBox="0 0 22 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M4.31344 5.84335C4.29852 5.67833 4.31815 5.512 4.37107 5.35498C4.42398 5.19796 4.50903 5.05369 4.62078 4.93135C4.73254 4.80901 4.86855 4.7113 5.02016 4.64443C5.17176 4.57756 5.33564 4.54301 5.50133 4.54297H19.964C20.1427 4.54304 20.319 4.58323 20.48 4.66057C20.641 4.7379 20.7826 4.8504 20.8944 4.98978C21.0061 5.12915 21.0851 5.29184 21.1256 5.46583C21.166 5.63981 21.1669 5.82067 21.1281 5.99503L19.9061 11.5033C19.6959 12.4499 19.1691 13.2965 18.4127 13.9032C17.6563 14.51 16.7156 14.8405 15.7459 14.8404H9.01901C7.95533 14.8404 6.93009 14.4426 6.14482 13.7252C5.35955 13.0077 4.87103 12.0224 4.7753 10.9631L4.31344 5.84335ZM6.06034 6.24727L6.47279 10.8097C6.53025 11.4456 6.8236 12.037 7.29513 12.4675C7.76665 12.898 8.38221 13.1365 9.02072 13.1361H15.7476C16.3293 13.1359 16.8935 12.9374 17.3471 12.5733C17.8008 12.2092 18.1167 11.7014 18.2427 11.1335L19.3283 6.24727H6.06034Z"
fill="#666666"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M0.789062 1.68418C0.789062 1.45818 0.878842 1.24143 1.03865 1.08162C1.19846 0.921811 1.41521 0.832031 1.64121 0.832031H4.63056C4.839 0.832243 5.04014 0.908846 5.19591 1.04735C5.35169 1.18585 5.4513 1.37664 5.47589 1.58363L6.16102 7.37996C6.18746 7.60461 6.12358 7.83056 5.98343 8.00811C5.84328 8.18565 5.63833 8.30025 5.41368 8.3267C5.18904 8.35314 4.96309 8.28926 4.78554 8.14911C4.60799 8.00895 4.49339 7.80401 4.46695 7.57936L3.87214 2.53463H1.64121C1.41521 2.53463 1.19846 2.44485 1.03865 2.28504C0.878842 2.12523 0.789063 1.91019 0.789062 1.68418ZM8.45842 19.2947C8.68442 19.2947 8.90117 19.2049 9.06098 19.0451C9.22079 18.8853 9.31057 18.6686 9.31057 18.4426C9.31057 18.2166 9.22079 17.9998 9.06098 17.84C8.90117 17.6802 8.68442 17.5904 8.45842 17.5904C8.23242 17.5904 8.01567 17.6802 7.85586 17.84C7.69605 17.9998 7.60627 18.2166 7.60627 18.4426C7.60627 18.6686 7.69605 18.8853 7.85586 19.0451C8.01567 19.2049 8.23242 19.2947 8.45842 19.2947ZM8.45842 20.999C8.79414 20.999 9.12657 20.9329 9.43673 20.8044C9.74689 20.676 10.0287 20.4876 10.2661 20.2503C10.5035 20.0129 10.6918 19.7311 10.8203 19.4209C10.9487 19.1107 11.0149 18.7783 11.0149 18.4426C11.0149 18.1069 10.9487 17.7744 10.8203 17.4643C10.6918 17.1541 10.5035 16.8723 10.2661 16.6349C10.0287 16.3975 9.74689 16.2092 9.43673 16.0807C9.12657 15.9523 8.79414 15.8861 8.45842 15.8861C7.78041 15.8861 7.13016 16.1555 6.65073 16.6349C6.17131 17.1143 5.90197 17.7646 5.90197 18.4426C5.90197 19.1206 6.17131 19.7708 6.65073 20.2503C7.13016 20.7297 7.78041 20.999 8.45842 20.999ZM16.2334 19.2947C16.4594 19.2947 16.6762 19.2049 16.836 19.0451C16.9958 18.8853 17.0856 18.6686 17.0856 18.4426C17.0856 18.2166 16.9958 17.9998 16.836 17.84C16.6762 17.6802 16.4594 17.5904 16.2334 17.5904C16.0074 17.5904 15.7907 17.6802 15.6309 17.84C15.4711 17.9998 15.3813 18.2166 15.3813 18.4426C15.3813 18.6686 15.4711 18.8853 15.6309 19.0451C15.7907 19.2049 16.0074 19.2947 16.2334 19.2947ZM16.2334 20.999C16.5692 20.999 16.9016 20.9329 17.2118 20.8044C17.5219 20.676 17.8037 20.4876 18.0411 20.2503C18.2785 20.0129 18.4668 19.7311 18.5953 19.4209C18.7238 19.1107 18.7899 18.7783 18.7899 18.4426C18.7899 18.1069 18.7238 17.7744 18.5953 17.4643C18.4668 17.1541 18.2785 16.8723 18.0411 16.6349C17.8037 16.3975 17.5219 16.2092 17.2118 16.0807C16.9016 15.9523 16.5692 15.8861 16.2334 15.8861C15.5554 15.8861 14.9052 16.1555 14.4258 16.6349C13.9463 17.1143 13.677 17.7646 13.677 18.4426C13.677 19.1206 13.9463 19.7708 14.4258 20.2503C14.9052 20.7297 15.5554 20.999 16.2334 20.999Z"
fill="#666666"
/>
</svg>
</a>
<div class="shopPrice">
<h3>سلة المشتريات</h3>
<p>1,200 رس</p>
</div>
</div>
<div
class="offcanvas offcanvasAcount offcanvas-bottom"
tabindex="-1"
id="offcanvasBottom"
aria-labelledby="offcanvasBottomLabel"
>
<div class="offcanvas-header">
<a href="profile.html" class="user">
<div class="imgUser notfication">
<img src="./images/user.png" alt="user" />
</div>
<div class="infoUser">
<h3>مرحبآ بك</h3>
<h4>محمد عبدالجليل</h4>
</div>
</a>
<button
type="button"
class="btn-close text-reset"
data-bs-dismiss="offcanvas"
aria-label="Close"
></button>
</div>
<div class="offcanvas-body small">
<div class="part">
<a href="" class="acountInfo">
<svg
width="14"
height="17"
viewBox="0 0 14 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.7768 11.8428C11.8224 10.8884 11.2862 9.59395 11.2862 8.24422V6.98176C11.2862 4.97355 9.90491 3.28817 8.04062 2.82332V1.54025C8.04062 0.965764 7.57486 0.5 7.00033 0.5C6.42581 0.5 5.96008 0.965764 5.96008 1.54025V2.82329C4.09579 3.28817 2.7145 4.97352 2.7145 6.98172V8.24418C2.7145 9.59391 2.17831 10.8883 1.22391 11.8428C0.804409 12.2623 0.678913 12.8932 0.905947 13.4413C1.13298 13.9894 1.66783 14.3468 2.2611 14.3468H4.84711C4.84711 15.536 5.81116 16.5 7.00033 16.5C8.18951 16.5 9.15355 15.536 9.15355 14.3468H11.7396C12.3328 14.3468 12.8677 13.9894 13.0947 13.4413C13.3218 12.8932 13.1963 12.2623 12.7768 11.8428ZM7.00033 15.4431C6.39583 15.4431 5.90406 14.9513 5.90406 14.3468H8.0966C8.0966 14.9513 7.60484 15.4431 7.00033 15.4431ZM12.1182 13.0368C12.0546 13.1905 11.9059 13.2898 11.7396 13.2898H2.2611C2.09474 13.2898 1.94609 13.1905 1.88243 13.0368C1.81877 12.8831 1.85364 12.7078 1.97128 12.5902C3.13213 11.4293 3.77141 9.88588 3.77141 8.24422V6.98176C3.77141 5.20132 5.2199 3.75284 7.00033 3.75284C8.78077 3.75284 10.2293 5.20132 10.2293 6.98176V8.24422C10.2293 9.88588 10.8686 11.4293 12.0294 12.5902C12.1471 12.7078 12.1819 12.8831 12.1182 13.0368Z"
fill="#666666"
/>
</svg>
<h3>الاشعارات</h3>
</a>
<div class="numInfo">
<p>10</p>
</div>
</div>
<div class="part">
<a href="orders.html" class="acountInfo">
<svg
width="16"
height="17"
viewBox="0 0 16 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15.3913 4.19641L8.32603 0.616502L8.32309 0.615033C8.0085 0.458408 7.63469 0.461908 7.32303 0.624408L4.29275 2.23266C4.26813 2.2431 4.24447 2.25575 4.22181 2.27031L0.5905 4.19756C0.22625 4.38828 0 4.76197 0 5.17325V11.8258C0 12.2371 0.22625 12.6107 0.5905 12.8014L7.32003 16.3731L7.32306 16.3747C7.482 16.4575 7.65716 16.4991 7.83234 16.4991C8.00062 16.4991 8.16897 16.4608 8.32309 16.384L15.3913 12.8026C15.7668 12.6148 16 12.2376 16 11.8177V5.18141C16 4.76144 15.7668 4.38416 15.3913 4.19641ZM7.75741 1.45481C7.80331 1.43125 7.85813 1.43078 7.90444 1.4535L14.5178 4.80444L11.944 6.08585L5.47837 2.66438L7.75741 1.45481ZM7.357 15.3317L1.02844 11.9729L1.02541 11.9713C0.971 11.9429 0.937156 11.8872 0.937156 11.8258V5.59613L7.357 8.94375V15.3317ZM7.83053 8.13375L1.446 4.80453L4.478 3.19538L10.9116 6.59985L7.83053 8.13375ZM15.0628 11.8176C15.0628 11.8803 15.0279 11.9366 14.9718 11.9646L8.29419 15.348V8.94978L11.3687 7.4191V9.02394C11.3687 9.28272 11.5786 9.49253 11.8373 9.49253C12.0961 9.49253 12.3059 9.28272 12.3059 9.02394V6.9525L15.0628 5.58V11.8176Z"
fill="#666666"
/>
</svg>
<h3>الطلبات</h3>
</a>
</div>
<div class="part">
<a href="" class="acountInfo">
<svg
width="16"
height="17"
viewBox="0 0 16 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15.3913 4.19641L8.32603 0.616502L8.32309 0.615033C8.0085 0.458408 7.63469 0.461908 7.32303 0.624408L4.29275 2.23266C4.26813 2.2431 4.24447 2.25575 4.22181 2.27031L0.5905 4.19756C0.22625 4.38828 0 4.76197 0 5.17325V11.8258C0 12.2371 0.22625 12.6107 0.5905 12.8014L7.32003 16.3731L7.32306 16.3747C7.482 16.4575 7.65716 16.4991 7.83234 16.4991C8.00062 16.4991 8.16897 16.4608 8.32309 16.384L15.3913 12.8026C15.7668 12.6148 16 12.2376 16 11.8177V5.18141C16 4.76144 15.7668 4.38416 15.3913 4.19641ZM7.75741 1.45481C7.80331 1.43125 7.85813 1.43078 7.90444 1.4535L14.5178 4.80444L11.944 6.08585L5.47837 2.66438L7.75741 1.45481ZM7.357 15.3317L1.02844 11.9729L1.02541 11.9713C0.971 11.9429 0.937156 11.8872 0.937156 11.8258V5.59613L7.357 8.94375V15.3317ZM7.83053 8.13375L1.446 4.80453L4.478 3.19538L10.9116 6.59985L7.83053 8.13375ZM15.0628 11.8176C15.0628 11.8803 15.0279 11.9366 14.9718 11.9646L8.29419 15.348V8.94978L11.3687 7.4191V9.02394C11.3687 9.28272 11.5786 9.49253 11.8373 9.49253C12.0961 9.49253 12.3059 9.28272 12.3059 9.02394V6.9525L15.0628 5.58V11.8176Z"
fill="#666666"
/>
</svg>
<h3>طلبات بانتظار الدفع</h3>
</a>
</div>
<div class="part">
<a href="" class="acountInfo">
<svg
width="16"
height="17"
viewBox="0 0 16 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15.3913 4.19641L8.32603 0.616502L8.32309 0.615033C8.0085 0.458408 7.63469 0.461908 7.32303 0.624408L4.29275 2.23266C4.26813 2.2431 4.24447 2.25575 4.22181 2.27031L0.5905 4.19756C0.22625 4.38828 0 4.76197 0 5.17325V11.8258C0 12.2371 0.22625 12.6107 0.5905 12.8014L7.32003 16.3731L7.32306 16.3747C7.482 16.4575 7.65716 16.4991 7.83234 16.4991C8.00062 16.4991 8.16897 16.4608 8.32309 16.384L15.3913 12.8026C15.7668 12.6148 16 12.2376 16 11.8177V5.18141C16 4.76144 15.7668 4.38416 15.3913 4.19641ZM7.75741 1.45481C7.80331 1.43125 7.85813 1.43078 7.90444 1.4535L14.5178 4.80444L11.944 6.08585L5.47837 2.66438L7.75741 1.45481ZM7.357 15.3317L1.02844 11.9729L1.02541 11.9713C0.971 11.9429 0.937156 11.8872 0.937156 11.8258V5.59613L7.357 8.94375V15.3317ZM7.83053 8.13375L1.446 4.80453L4.478 3.19538L10.9116 6.59985L7.83053 8.13375ZM15.0628 11.8176C15.0628 11.8803 15.0279 11.9366 14.9718 11.9646L8.29419 15.348V8.94978L11.3687 7.4191V9.02394C11.3687 9.28272 11.5786 9.49253 11.8373 9.49253C12.0961 9.49253 12.3059 9.28272 12.3059 9.02394V6.9525L15.0628 5.58V11.8176Z"
fill="#666666"
/>
</svg>
<h3>تقييم المتجر والمنتجات</h3>
</a>
</div>
<div class="part">
<a href="profile.html" class="acountInfo">
<svg
width="16"
height="17"
viewBox="0 0 16 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15.3913 4.19641L8.32603 0.616502L8.32309 0.615033C8.0085 0.458408 7.63469 0.461908 7.32303 0.624408L4.29275 2.23266C4.26813 2.2431 4.24447 2.25575 4.22181 2.27031L0.5905 4.19756C0.22625 4.38828 0 4.76197 0 5.17325V11.8258C0 12.2371 0.22625 12.6107 0.5905 12.8014L7.32003 16.3731L7.32306 16.3747C7.482 16.4575 7.65716 16.4991 7.83234 16.4991C8.00062 16.4991 8.16897 16.4608 8.32309 16.384L15.3913 12.8026C15.7668 12.6148 16 12.2376 16 11.8177V5.18141C16 4.76144 15.7668 4.38416 15.3913 4.19641ZM7.75741 1.45481C7.80331 1.43125 7.85813 1.43078 7.90444 1.4535L14.5178 4.80444L11.944 6.08585L5.47837 2.66438L7.75741 1.45481ZM7.357 15.3317L1.02844 11.9729L1.02541 11.9713C0.971 11.9429 0.937156 11.8872 0.937156 11.8258V5.59613L7.357 8.94375V15.3317ZM7.83053 8.13375L1.446 4.80453L4.478 3.19538L10.9116 6.59985L7.83053 8.13375ZM15.0628 11.8176C15.0628 11.8803 15.0279 11.9366 14.9718 11.9646L8.29419 15.348V8.94978L11.3687 7.4191V9.02394C11.3687 9.28272 11.5786 9.49253 11.8373 9.49253C12.0961 9.49253 12.3059 9.28272 12.3059 9.02394V6.9525L15.0628 5.58V11.8176Z"
fill="#666666"
/>
</svg>
<h3>حسابي</h3>
</a>
</div>
<div class="part">
<a href="addresses.html" class="acountInfo">
<svg width="11" height="14" viewBox="0 0 11 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.57385 4.56688L6.57325 4.56627C6.22635 4.21996 5.79453 4.03992 5.30477 4.03992C4.81499 4.03992 4.38323 4.21999 4.03664 4.56658C3.68981 4.91341 3.50934 5.34532 3.50934 5.83535C3.50934 6.32526 3.68973 6.75701 4.03664 7.10348C4.38311 7.45039 4.81486 7.63078 5.30477 7.63078C5.79481 7.63078 6.22671 7.45031 6.57355 7.10348C6.92013 6.7569 7.1002 6.32513 7.1002 5.83535C7.1002 5.34559 6.92016 4.91378 6.57385 4.56688ZM2.02493 2.46238L2.025 2.46231C2.9776 1.58356 4.06399 1.15363 5.30477 1.15363C6.54556 1.15363 7.63194 1.58356 8.58454 2.46231L8.58462 2.46238C9.50885 3.3146 9.9865 4.46334 9.9865 5.96489C9.9865 6.87437 9.64518 7.89481 8.90172 9.03606C8.15882 10.176 7.01976 11.4329 5.46653 12.806C5.44895 12.8199 5.42427 12.8348 5.3883 12.8483C5.35423 12.8611 5.3272 12.865 5.30477 12.865C5.28234 12.865 5.25532 12.8611 5.22125 12.8483C5.18528 12.8348 5.1606 12.8199 5.14301 12.806C3.58978 11.4329 2.45073 10.176 1.70783 9.03606C0.964362 7.89481 0.623047 6.87437 0.623047 5.96489C0.623047 4.46334 1.1007 3.3146 2.02493 2.46238Z" stroke="#666666"/>
</svg>
<h3>العنوان</h3>
</a>
</div>
<div class="part logOut">
<button href="" class="acountInfo">
<svg
width="16"
height="17"
viewBox="0 0 16 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.3125 12.75V14C11.3125 15.3785 10.191 16.5 8.8125 16.5H2.53125C1.15271 16.5 0.03125 15.3785 0.03125 14V3C0.03125 1.62146 1.15271 0.5 2.53125 0.5H8.8125C10.191 0.5 11.3125 1.62146 11.3125 3V4.25C11.3125 4.59521 11.0327 4.875 10.6875 4.875C10.3423 4.875 10.0625 4.59521 10.0625 4.25V3C10.0625 2.31079 9.50171 1.75 8.8125 1.75H2.53125C1.84204 1.75 1.28125 2.31079 1.28125 3V14C1.28125 14.6892 1.84204 15.25 2.53125 15.25H8.8125C9.50171 15.25 10.0625 14.6892 10.0625 14V12.75C10.0625 12.4048 10.3423 12.125 10.6875 12.125C11.0327 12.125 11.3125 12.4048 11.3125 12.75ZM15.5736 7.42639L14.1741 6.02686C13.9299 5.78271 13.5342 5.78271 13.2902 6.02686C13.046 6.27087 13.046 6.66663 13.2902 6.91064L14.2856 7.90625H6.78125C6.43604 7.90625 6.15625 8.18604 6.15625 8.53125C6.15625 8.87646 6.43604 9.15625 6.78125 9.15625H14.2856L13.2902 10.1519C13.046 10.3959 13.046 10.7916 13.2902 11.0356C13.4122 11.1577 13.5721 11.2188 13.7321 11.2188C13.8921 11.2188 14.052 11.1577 14.1741 11.0356L15.5736 9.63611C16.1829 9.02686 16.1829 8.03564 15.5736 7.42639Z"
fill="#F55157"
/>
</svg>
<h3>تسجيل خروج</h3>
</button>
</div>
</div>
</div>
<!-- if ("rtl")=> add class name "offcanvas-end" else add "offcanvas-start" -->
<div
class="offcanvas offcanvas-end text-bg-dark"
tabindex="-1"
id="offcanvasDarkNavbar"
aria-labelledby="offcanvasDarkNavbarLabel"
>
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasDarkNavbarLabel">
جميع الأقسام
</h5>
<button
type="button"
class="btn-close closeNav btn-close-white"
data-bs-dismiss="offcanvas"
aria-label="Close"
>
<svg
width="12"
height="12"
viewBox="0 0 12 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0.926976 2.1854C0.579842 1.83826 0.579843 1.27545 0.926978 0.928317C1.27411 0.581185 1.83692 0.581186 2.18406 0.928319L5.99995 4.74421L9.81581 0.928319C10.163 0.581186 10.7258 0.581185 11.0729 0.928317C11.4201 1.27545 11.4201 1.83826 11.0729 2.1854L7.25701 6.00129L11.0729 9.81716C11.4201 10.1643 11.4201 10.7271 11.0729 11.0743C10.7258 11.4214 10.163 11.4214 9.81581 11.0743L5.99995 7.25835L2.18406 11.0743C1.83692 11.4214 1.27411 11.4214 0.926978 11.0743C0.579843 10.7271 0.579842 10.1643 0.926976 9.81716L4.74286 6.00129L0.926976 2.1854Z"
fill="white"
/>
</svg>
</button>
</div>
<div class="offcanvas-body">
<div class="accordion navbar-nav" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button
class="accordion-button"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseOne"
aria-expanded="true"
aria-controls="collapseOne"
>
مشاوي
</button>
</h2>
<div
id="collapseOne"
class="accordion-collapse collapse show"
aria-labelledby="headingOne"
data-bs-parent="#accordionExample"
>
<div class="accordion-body">
<ul>
<li>
<a href="">شاشات كمبيوتر</a>
</li>
<li>
<a href="">شاشات تلفزيون</a>
</li>
<li>
<a href="">إكسسوارات </a>
</li>
<li>
<a href="">كاميرات رقمية </a>
</li>
<li>
<a href="">أدوات تصوير </a>
</li>
<li>
<a href="">عدسات نيكون </a>
</li>
<li>
<a href="">شاشات استيراد </a>
</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseTwo"
aria-expanded="false"
aria-controls="collapseTwo"
>
إلكترونيات
</button>
</h2>
<div
id="collapseTwo"
class="accordion-collapse collapse"
aria-labelledby="headingTwo"
data-bs-parent="#accordionExample"
>
<div class="accordion-body">
<ul>
<li>
<a href="">شاشات كمبيوتر</a>
</li>
<li>
<a href="">شاشات تلفزيون</a>
</li>
<li>
<a href="">إكسسوارات </a>
</li>
<li>
<a href="">كاميرات رقمية </a>
</li>
<li>
<a href="">أدوات تصوير </a>
</li>
<li>
<a href="">عدسات نيكون </a>
</li>
<li>
<a href="">شاشات استيراد </a>
</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseThree"
aria-expanded="false"
aria-controls="collapseThree"
>
ساعات رقمية
</button>
</h2>
<div
id="collapseThree"
class="accordion-collapse collapse"
aria-labelledby="headingThree"
data-bs-parent="#accordionExample"
>
<div class="accordion-body">
<ul>
<li>
<a href="">شاشات كمبيوتر</a>
</li>
<li>
<a href="">شاشات تلفزيون</a>
</li>
<li>
<a href="">إكسسوارات </a>
</li>
<li>
<a href="">كاميرات رقمية </a>
</li>
<li>
<a href="">أدوات تصوير </a>
</li>
<li>
<a href="">عدسات نيكون </a>
</li>
<li>
<a href="">شاشات استيراد </a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="country" style="display: none;">
<img src="./images/sud.png" alt="">
<h3>العربية</h3>
<span></span>
<p>ج.م</p>
</div>
</div>
</div>
</div>
</nav>
<section class="head">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="part">
<img src="./images/head.png" alt="" class="imgHead" />
<div class="dec">
<h2>أفضل التخفيضات 2022</h2>
<p>
متجر سلة يوفر لك كل ماتحتاجه من إلكترونيات أو أثاث منزلي
بالإضافة إلى أفضل التحفيضات على المنتجات , تسوق الان واستمتع
بكل بالتخفيضات على المنتجات
</p>
<a href="">اكتشف المزيد</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="part">
<img src="./images/head.png" alt="" class="imgHead" />
<div class="dec">
<h2>أفضل التخفيضات 2022</h2>
<p>
متجر سلة يوفر لك كل ماتحتاجه من إلكترونيات أو أثاث منزلي
بالإضافة إلى أفضل التحفيضات على المنتجات , تسوق الان واستمتع
بكل بالتخفيضات على المنتجات
</p>
<a href="">اكتشف المزيد</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="part">
<img src="./images/head.png" alt="" class="imgHead" />
<div class="dec">
<h2>أفضل التخفيضات 2022</h2>
<p>
متجر سلة يوفر لك كل ماتحتاجه من إلكترونيات أو أثاث منزلي
بالإضافة إلى أفضل التحفيضات على المنتجات , تسوق الان واستمتع
بكل بالتخفيضات على المنتجات
</p>
<a href="">اكتشف المزيد</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="part">
<img src="./images/head.png" alt="" class="imgHead" />
<div class="dec">
<h2>أفضل التخفيضات 2022</h2>
<p>
متجر سلة يوفر لك كل ماتحتاجه من إلكترونيات أو أثاث منزلي
بالإضافة إلى أفضل التحفيضات على المنتجات , تسوق الان واستمتع
بكل بالتخفيضات على المنتجات
</p>
<a href="">اكتشف المزيد</a>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</section>
<div class="categories">
<div class="headCategories">
<div class="part1">
<h2>تسوق حسب الفئات</h2>
<p>تسوق احدث المنتجات المميزة المضافة جديد</p>
</div>
<div class="swip">
<div class="btnSwiperNext swiper-button-next sw1"></div>
<div class="btnSwiperPrev swiper-button-prev sw1"></div>
</div>
</div>
<div class="swiper mySwiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="part">
<img src="./images/cate1.png" class="imgItem" alt="" />
<h3>سماعات أذن</h3>
<p>150 منتج</p>
</div>
</div>
<div class="swiper-slide">
<div class="part">
<img src="./images/cate2.png" class="imgItem" alt="" />
<h3>سماعات أذن</h3>
<p>150 منتج</p>
</div>
</div>
<div class="swiper-slide">
<div class="part">
<img src="./images/cate1.png" class="imgItem" alt="" />
<h3>سماعات أذن</h3>
<p>150 منتج</p>
</div>
</div>
<div class="swiper-slide">
<div class="part">
<img src="./images/cate2.png" class="imgItem" alt="" />
<h3>سماعات أذن</h3>
<p>150 منتج</p>
</div>
</div>
</div>
</div>
</div>
<section class="products">
<div class="headProducts">
<div class="part1">
<h2>منتجات مميزة</h2>
<h3>تسوق احدث المنتجات المميزة المضافة جديد</h3>
</div>
<a href="#" class="part2">
<p>عرض الكل</p>
<svg
width="8"
height="12"
viewBox="0 0 8 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.64095 12.0002C6.46444 12.0002 6.28793 11.9322 6.15215 11.7961L0.870414 6.50352C0.748214 6.38107 0.666748 6.20419 0.666748 6.01371C0.666748 5.83684 0.734637 5.61915 0.870414 5.4967L6.15215 0.204085C6.42371 -0.0680284 6.85819 -0.0680284 7.12975 0.204085C7.4013 0.476199 7.4013 0.911581 7.12975 1.18369L2.30965 6.00011L7.12975 10.8301C7.4013 11.1022 7.4013 11.5376 7.12975 11.8097C6.99397 11.9322 6.81746 12.0002 6.64095 12.0002Z"
fill="#62D0B6"
/>
</svg>
</a>
</div>
<div class="partProducts">
<div class="part">
<img src="./images/Image.png" alt="imgProduct" class="imgProduct" />
<div class="info">
<h2>سماعات</h2>
<h3>سماعة ساوند كور كيو30 فوق الاذن</h3>
<h4>سماعة ذات صوت عالي الدقة</h4>
<div class="price">
<p class="now">250.00 رس</p>
<p class="sall">350.00 ر.س</p>
</div>
<div class="endPart">
<button class="addTo">أضف للسلة</button>
<button class="fav">
<svg
width="18"
height="16"
viewBox="0 0 18 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.1484 0.0976562C11.6511 0.0976562 10.3385 0.765308 9.35258 2.02847C9.2211 2.19694 9.10389 2.36548 9 2.52871C8.89611 2.36545 8.7789 2.19694 8.64742 2.02847C7.66146 0.765308 6.34887 0.0976562 4.85156 0.0976562C2.02303 0.0976562 0 2.46603 0 5.30795C0 8.55755 2.66333 11.6202 8.63568 15.2382C8.74765 15.306 8.87382 15.3399 9 15.3399C9.12618 15.3399 9.25235 15.306 9.36432 15.2382C15.3367 11.6202 18 8.55759 18 5.30799C18 2.46754 15.9786 0.0976562 13.1484 0.0976562ZM14.736 9.35426C13.4926 10.7416 11.6137 12.2024 9 13.8129C6.38631 12.2024 4.50738 10.7416 3.26401 9.3543C2.01393 7.95944 1.40625 6.63587 1.40625 5.30799C1.40625 3.26175 2.78909 1.50391 4.85156 1.50391C5.90189 1.50391 6.79746 1.96059 7.51342 2.86129C8.0859 3.58161 8.32711 4.32541 8.3288 4.33072C8.42038 4.62445 8.69235 4.82452 9.00004 4.82452C9.30772 4.82452 9.57969 4.62448 9.67127 4.33072C9.67349 4.32361 9.90745 3.60302 10.4611 2.8937C11.181 1.97148 12.0851 1.50387 13.1484 1.50387C15.2131 1.50387 16.5938 3.26341 16.5938 5.30795C16.5938 6.63584 15.9861 7.9594 14.736 9.35426Z"
fill="#A5A5A5"
/>
</svg>
</button>
</div>
</div>
<div class="satte new">جديد</div>
</div>
<div class="part">
<img src="./images/Image.png" alt="imgProduct" class="imgProduct" />
<div class="info">
<h2>سماعات</h2>
<h3>سماعة ساوند كور كيو30 فوق الاذن</h3>
<h4>سماعة ذات صوت عالي الدقة</h4>
<div class="price">
<p class="now">250.00 رس</p>
<p class="sall">350.00 ر.س</p>
</div>
<div class="endPart">
<button class="addTo">أضف للسلة</button>
<button class="fav">
<svg
width="18"
height="16"
viewBox="0 0 18 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.1484 0.0976562C11.6511 0.0976562 10.3385 0.765308 9.35258 2.02847C9.2211 2.19694 9.10389 2.36548 9 2.52871C8.89611 2.36545 8.7789 2.19694 8.64742 2.02847C7.66146 0.765308 6.34887 0.0976562 4.85156 0.0976562C2.02303 0.0976562 0 2.46603 0 5.30795C0 8.55755 2.66333 11.6202 8.63568 15.2382C8.74765 15.306 8.87382 15.3399 9 15.3399C9.12618 15.3399 9.25235 15.306 9.36432 15.2382C15.3367 11.6202 18 8.55759 18 5.30799C18 2.46754 15.9786 0.0976562 13.1484 0.0976562ZM14.736 9.35426C13.4926 10.7416 11.6137 12.2024 9 13.8129C6.38631 12.2024 4.50738 10.7416 3.26401 9.3543C2.01393 7.95944 1.40625 6.63587 1.40625 5.30799C1.40625 3.26175 2.78909 1.50391 4.85156 1.50391C5.90189 1.50391 6.79746 1.96059 7.51342 2.86129C8.0859 3.58161 8.32711 4.32541 8.3288 4.33072C8.42038 4.62445 8.69235 4.82452 9.00004 4.82452C9.30772 4.82452 9.57969 4.62448 9.67127 4.33072C9.67349 4.32361 9.90745 3.60302 10.4611 2.8937C11.181 1.97148 12.0851 1.50387 13.1484 1.50387C15.2131 1.50387 16.5938 3.26341 16.5938 5.30795C16.5938 6.63584 15.9861 7.9594 14.736 9.35426Z"
fill="#A5A5A5"
/>
</svg>
</button>
</div>
</div>
<div class="satte sall">خصم 25%</div>
</div>
<div class="part">
<img src="./images/Image.png" alt="imgProduct" class="imgProduct" />
<div class="info">
<h2>سماعات</h2>
<h3>سماعة ساوند كور كيو30 فوق الاذن</h3>
<h4>سماعة ذات صوت عالي الدقة</h4>
<div class="price">
<p class="now">250.00 رس</p>
<p class="sall">350.00 ر.س</p>
</div>
<div class="endPart">
<button class="addTo">أضف للسلة</button>
<button class="fav">
<svg
width="18"
height="16"
viewBox="0 0 18 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.1484 0.0976562C11.6511 0.0976562 10.3385 0.765308 9.35258 2.02847C9.2211 2.19694 9.10389 2.36548 9 2.52871C8.89611 2.36545 8.7789 2.19694 8.64742 2.02847C7.66146 0.765308 6.34887 0.0976562 4.85156 0.0976562C2.02303 0.0976562 0 2.46603 0 5.30795C0 8.55755 2.66333 11.6202 8.63568 15.2382C8.74765 15.306 8.87382 15.3399 9 15.3399C9.12618 15.3399 9.25235 15.306 9.36432 15.2382C15.3367 11.6202 18 8.55759 18 5.30799C18 2.46754 15.9786 0.0976562 13.1484 0.0976562ZM14.736 9.35426C13.4926 10.7416 11.6137 12.2024 9 13.8129C6.38631 12.2024 4.50738 10.7416 3.26401 9.3543C2.01393 7.95944 1.40625 6.63587 1.40625 5.30799C1.40625 3.26175 2.78909 1.50391 4.85156 1.50391C5.90189 1.50391 6.79746 1.96059 7.51342 2.86129C8.0859 3.58161 8.32711 4.32541 8.3288 4.33072C8.42038 4.62445 8.69235 4.82452 9.00004 4.82452C9.30772 4.82452 9.57969 4.62448 9.67127 4.33072C9.67349 4.32361 9.90745 3.60302 10.4611 2.8937C11.181 1.97148 12.0851 1.50387 13.1484 1.50387C15.2131 1.50387 16.5938 3.26341 16.5938 5.30795C16.5938 6.63584 15.9861 7.9594 14.736 9.35426Z"
fill="#A5A5A5"
/>
</svg>
</button>
</div>
</div>
<div class="satte new">جديد</div>
</div>
<div class="part">
<img src="./images/Image.png" alt="imgProduct" class="imgProduct" />
<div class="info">
<h2>سماعات</h2>
<h3>سماعة ساوند كور كيو30 فوق الاذن</h3>
<h4>سماعة ذات صوت عالي الدقة</h4>
<div class="price">
<p class="now">250.00 رس</p>
<p class="sall">350.00 ر.س</p>
</div>
<div class="endPart">
<button class="addTo">أضف للسلة</button>
<button class="fav">
<svg
width="18"
height="16"
viewBox="0 0 18 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.1484 0.0976562C11.6511 0.0976562 10.3385 0.765308 9.35258 2.02847C9.2211 2.19694 9.10389 2.36548 9 2.52871C8.89611 2.36545 8.7789 2.19694 8.64742 2.02847C7.66146 0.765308 6.34887 0.0976562 4.85156 0.0976562C2.02303 0.0976562 0 2.46603 0 5.30795C0 8.55755 2.66333 11.6202 8.63568 15.2382C8.74765 15.306 8.87382 15.3399 9 15.3399C9.12618 15.3399 9.25235 15.306 9.36432 15.2382C15.3367 11.6202 18 8.55759 18 5.30799C18 2.46754 15.9786 0.0976562 13.1484 0.0976562ZM14.736 9.35426C13.4926 10.7416 11.6137 12.2024 9 13.8129C6.38631 12.2024 4.50738 10.7416 3.26401 9.3543C2.01393 7.95944 1.40625 6.63587 1.40625 5.30799C1.40625 3.26175 2.78909 1.50391 4.85156 1.50391C5.90189 1.50391 6.79746 1.96059 7.51342 2.86129C8.0859 3.58161 8.32711 4.32541 8.3288 4.33072C8.42038 4.62445 8.69235 4.82452 9.00004 4.82452C9.30772 4.82452 9.57969 4.62448 9.67127 4.33072C9.67349 4.32361 9.90745 3.60302 10.4611 2.8937C11.181 1.97148 12.0851 1.50387 13.1484 1.50387C15.2131 1.50387 16.5938 3.26341 16.5938 5.30795C16.5938 6.63584 15.9861 7.9594 14.736 9.35426Z"
fill="#A5A5A5"
/>
</svg>
</button>
</div>
</div>
<div class="satte sall">خصم 25%</div>
</div>
<div class="part">
<img src="./images/Image.png" alt="imgProduct" class="imgProduct" />
<div class="info">
<h2>سماعات</h2>
<h3>سماعة ساوند كور كيو30 فوق الاذن</h3>
<h4>سماعة ذات صوت عالي الدقة</h4>
<div class="price">
<p class="now">250.00 رس</p>
<p class="sall">350.00 ر.س</p>
</div>
<div class="endPart">
<button class="addTo">أضف للسلة</button>
<button class="fav">
<svg
width="18"
height="16"
viewBox="0 0 18 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.1484 0.0976562C11.6511 0.0976562 10.3385 0.765308 9.35258 2.02847C9.2211 2.19694 9.10389 2.36548 9 2.52871C8.89611 2.36545 8.7789 2.19694 8.64742 2.02847C7.66146 0.765308 6.34887 0.0976562 4.85156 0.0976562C2.02303 0.0976562 0 2.46603 0 5.30795C0 8.55755 2.66333 11.6202 8.63568 15.2382C8.74765 15.306 8.87382 15.3399 9 15.3399C9.12618 15.3399 9.25235 15.306 9.36432 15.2382C15.3367 11.6202 18 8.55759 18 5.30799C18 2.46754 15.9786 0.0976562 13.1484 0.0976562ZM14.736 9.35426C13.4926 10.7416 11.6137 12.2024 9 13.8129C6.38631 12.2024 4.50738 10.7416 3.26401 9.3543C2.01393 7.95944 1.40625 6.63587 1.40625 5.30799C1.40625 3.26175 2.78909 1.50391 4.85156 1.50391C5.90189 1.50391 6.79746 1.96059 7.51342 2.86129C8.0859 3.58161 8.32711 4.32541 8.3288 4.33072C8.42038 4.62445 8.69235 4.82452 9.00004 4.82452C9.30772 4.82452 9.57969 4.62448 9.67127 4.33072C9.67349 4.32361 9.90745 3.60302 10.4611 2.8937C11.181 1.97148 12.0851 1.50387 13.1484 1.50387C15.2131 1.50387 16.5938 3.26341 16.5938 5.30795C16.5938 6.63584 15.9861 7.9594 14.736 9.35426Z"
fill="#A5A5A5"
/>
</svg>
</button>
</div>
</div>
<div class="satte new">جديد</div>
</div>
<div class="part">
<img src="./images/Image.png" alt="imgProduct" class="imgProduct" />
<div class="info">
<h2>سماعات</h2>
<h3>سماعة ساوند كور كيو30 فوق الاذن</h3>
<h4>سماعة ذات صوت عالي الدقة</h4>
<div class="price">
<p class="now">250.00 رس</p>
<p class="sall">350.00 ر.س</p>
</div>
<div class="endPart">
<button class="addTo">أضف للسلة</button>
<button class="fav">
<svg
width="18"
height="16"
viewBox="0 0 18 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.1484 0.0976562C11.6511 0.0976562 10.3385 0.765308 9.35258 2.02847C9.2211 2.19694 9.10389 2.36548 9 2.52871C8.89611 2.36545 8.7789 2.19694 8.64742 2.02847C7.66146 0.765308 6.34887 0.0976562 4.85156 0.0976562C2.02303 0.0976562 0 2.46603 0 5.30795C0 8.55755 2.66333 11.6202 8.63568 15.2382C8.74765 15.306 8.87382 15.3399 9 15.3399C9.12618 15.3399 9.25235 15.306 9.36432 15.2382C15.3367 11.6202 18 8.55759 18 5.30799C18 2.46754 15.9786 0.0976562 13.1484 0.0976562ZM14.736 9.35426C13.4926 10.7416 11.6137 12.2024 9 13.8129C6.38631 12.2024 4.50738 10.7416 3.26401 9.3543C2.01393 7.95944 1.40625 6.63587 1.40625 5.30799C1.40625 3.26175 2.78909 1.50391 4.85156 1.50391C5.90189 1.50391 6.79746 1.96059 7.51342 2.86129C8.0859 3.58161 8.32711 4.32541 8.3288 4.33072C8.42038 4.62445 8.69235 4.82452 9.00004 4.82452C9.30772 4.82452 9.57969 4.62448 9.67127 4.33072C9.67349 4.32361 9.90745 3.60302 10.4611 2.8937C11.181 1.97148 12.0851 1.50387 13.1484 1.50387C15.2131 1.50387 16.5938 3.26341 16.5938 5.30795C16.5938 6.63584 15.9861 7.9594 14.736 9.35426Z"
fill="#A5A5A5"
/>
</svg>
</button>
</div>
</div>
<div class="satte sall">خصم 25%</div>
</div>
</div>
</section>
<section class="comments">
<div class="headCategories">
<div class="part1">
<h2>آراء العملاء</h2>
<p>بيتم استعراض بعض آراء وتعليقات المستخدمين</p>
</div>
<div class="swip">
<div class="btnSwiperNext swiper-button-next sw"></div>
<div class="btnSwiperPrev swiper-button-prev sw"></div>
</div>
</div>
<div class="swiper mySwiper3">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="part">
<div class="headPart">
<div class="star">
<svg
width="13"
height="14"
viewBox="0 0 13 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_7292_1644)">
<path
d="M12.9813 5.50781C12.9365 5.36991 12.8174 5.26941 12.6739 5.24859L8.64387 4.66296L6.84153 1.01112C6.77739 0.881119 6.64498 0.798828 6.50002 0.798828C6.35504 0.798828 6.22266 0.881119 6.15849 1.01112L4.35607 4.66296L0.326087 5.24859C0.182656 5.26941 0.0634476 5.36991 0.0186587 5.50778C-0.0261556 5.64568 0.0112193 5.79703 0.115041 5.89821L3.03109 8.74078L2.34281 12.7546C2.31828 12.8975 2.37703 13.0419 2.49431 13.1271C2.56066 13.1753 2.63924 13.1998 2.7182 13.1998C2.77884 13.1998 2.83967 13.1854 2.89538 13.1561L6.5 11.261L10.1045 13.156C10.2328 13.2235 10.3883 13.2123 10.5056 13.1271C10.6228 13.0419 10.6816 12.8974 10.6571 12.7545L9.9686 8.74078L12.885 5.89818C12.9888 5.79703 13.0262 5.64568 12.9813 5.50781Z"
fill="#FFC62A"
/>
</g>
<defs>
<clipPath id="clip0_7292_1644">
<rect
width="13"
height="13"
fill="white"
transform="translate(0 0.5)"
/>
</clipPath>
</defs>
</svg>
<svg
width="13"
height="14"
viewBox="0 0 13 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_7292_1644)">
<path
d="M12.9813 5.50781C12.9365 5.36991 12.8174 5.26941 12.6739 5.24859L8.64387 4.66296L6.84153 1.01112C6.77739 0.881119 6.64498 0.798828 6.50002 0.798828C6.35504 0.798828 6.22266 0.881119 6.15849 1.01112L4.35607 4.66296L0.326087 5.24859C0.182656 5.26941 0.0634476 5.36991 0.0186587 5.50778C-0.0261556 5.64568 0.0112193 5.79703 0.115041 5.89821L3.03109 8.74078L2.34281 12.7546C2.31828 12.8975 2.37703 13.0419 2.49431 13.1271C2.56066 13.1753 2.63924 13.1998 2.7182 13.1998C2.77884 13.1998 2.83967 13.1854 2.89538 13.1561L6.5 11.261L10.1045 13.156C10.2328 13.2235 10.3883 13.2123 10.5056 13.1271C10.6228 13.0419 10.6816 12.8974 10.6571 12.7545L9.9686 8.74078L12.885 5.89818C12.9888 5.79703 13.0262 5.64568 12.9813 5.50781Z"
fill="#FFC62A"
/>
</g>
<defs>
<clipPath id="clip0_7292_1644">
<rect
width="13"
height="13"
fill="white"
transform="translate(0 0.5)"
/>
</clipPath>
</defs>
</svg>
<svg
width="13"
height="14"
viewBox="0 0 13 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_7292_1644)">
<path
d="M12.9813 5.50781C12.9365 5.36991 12.8174 5.26941 12.6739 5.24859L8.64387 4.66296L6.84153 1.01112C6.77739 0.881119 6.64498 0.798828 6.50002 0.798828C6.35504 0.798828 6.22266 0.881119 6.15849 1.01112L4.35607 4.66296L0.326087 5.24859C0.182656 5.26941 0.0634476 5.36991 0.0186587 5.50778C-0.0261556 5.64568 0.0112193 5.79703 0.115041 5.89821L3.03109 8.74078L2.34281 12.7546C2.31828 12.8975 2.37703 13.0419 2.49431 13.1271C2.56066 13.1753 2.63924 13.1998 2.7182 13.1998C2.77884 13.1998 2.83967 13.1854 2.89538 13.1561L6.5 11.261L10.1045 13.156C10.2328 13.2235 10.3883 13.2123 10.5056 13.1271C10.6228 13.0419 10.6816 12.8974 10.6571 12.7545L9.9686 8.74078L12.885 5.89818C12.9888 5.79703 13.0262 5.64568 12.9813 5.50781Z"
fill="#FFC62A"
/>
</g>
<defs>
<clipPath id="clip0_7292_1644">
<rect
width="13"
height="13"
fill="white"
transform="translate(0 0.5)"
/>
</clipPath>
</defs>
</svg>
<svg
width="13"
height="14"
viewBox="0 0 13 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_7292_1644)">
<path
d="M12.9813 5.50781C12.9365 5.36991 12.8174 5.26941 12.6739 5.24859L8.64387 4.66296L6.84153 1.01112C6.77739 0.881119 6.64498 0.798828 6.50002 0.798828C6.35504 0.798828 6.22266 0.881119 6.15849 1.01112L4.35607 4.66296L0.326087 5.24859C0.182656 5.26941 0.0634476 5.36991 0.0186587 5.50778C-0.0261556 5.64568 0.0112193 5.79703 0.115041 5.89821L3.03109 8.74078L2.34281 12.7546C2.31828 12.8975 2.37703 13.0419 2.49431 13.1271C2.56066 13.1753 2.63924 13.1998 2.7182 13.1998C2.77884 13.1998 2.83967 13.1854 2.89538 13.1561L6.5 11.261L10.1045 13.156C10.2328 13.2235 10.3883 13.2123 10.5056 13.1271C10.6228 13.0419 10.6816 12.8974 10.6571 12.7545L9.9686 8.74078L12.885 5.89818C12.9888 5.79703 13.0262 5.64568 12.9813 5.50781Z"
fill="#FFC62A"
/>
</g>
<defs>
<clipPath id="clip0_7292_1644">
<rect
width="13"
height="13"
fill="white"
transform="translate(0 0.5)"
/>
</clipPath>
</defs>
</svg>
<svg
width="13"
height="14"
viewBox="0 0 13 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_7292_1644)">
<path
d="M12.9813 5.50781C12.9365 5.36991 12.8174 5.26941 12.6739 5.24859L8.64387 4.66296L6.84153 1.01112C6.77739 0.881119 6.64498 0.798828 6.50002 0.798828C6.35504 0.798828 6.22266 0.881119 6.15849 1.01112L4.35607 4.66296L0.326087 5.24859C0.182656 5.26941 0.0634476 5.36991 0.0186587 5.50778C-0.0261556 5.64568 0.0112193 5.79703 0.115041 5.89821L3.03109 8.74078L2.34281 12.7546C2.31828 12.8975 2.37703 13.0419 2.49431 13.1271C2.56066 13.1753 2.63924 13.1998 2.7182 13.1998C2.77884 13.1998 2.83967 13.1854 2.89538 13.1561L6.5 11.261L10.1045 13.156C10.2328 13.2235 10.3883 13.2123 10.5056 13.1271C10.6228 13.0419 10.6816 12.8974 10.6571 12.7545L9.9686 8.74078L12.885 5.89818C12.9888 5.79703 13.0262 5.64568 12.9813 5.50781Z"
fill="#FFC62A"
/>
</g>
<defs>
<clipPath id="clip0_7292_1644">
<rect
width="13"
height="13"
fill="white"
transform="translate(0 0.5)"
/>
</clipPath>
</defs>
</svg>
</div>
<div class="seme">
<svg
width="32"
height="28"
viewBox="0 0 32 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0.00680363 20.2053C0.00680363 24.4124 3.41715 27.8228 7.62422 27.8228C11.8314 27.8228 15.2417 24.4124 15.2417 20.2053C15.2417 15.9982 11.8314 12.5879 7.62422 12.5879C6.7596 12.5879 5.93196 12.7386 5.15716 13.0042C6.87141 3.17257 14.5382 -3.16773 7.4311 2.05046C-0.449598 7.83686 -0.00163658 19.9725 0.00718155 20.1949C0.00718155 20.1984 0.00680363 20.2015 0.00680363 20.2053Z"
fill="#EEEEEE"
/>
<path
d="M16.7651 20.2053C16.7651 24.4124 20.1755 27.8228 24.3826 27.8228C28.5897 27.8228 32.0001 24.4124 32.0001 20.2053C32.0001 15.9982 28.5897 12.5879 24.3825 12.5879C23.5179 12.5879 22.6903 12.7386 21.9155 13.0042C23.6297 3.17257 31.2965 -3.16773 24.1894 2.05046C16.3087 7.83686 16.7566 19.9725 16.7655 20.1949C16.7655 20.1984 16.7651 20.2015 16.7651 20.2053Z"
fill="#EEEEEE"
/>
</svg>
</div>
</div>
<h3>
استخدمنا سلة قبل أربع سنوات ثم غادرناها قبل أن يكون فيها خيارات
ترقية مدفوعة، خسرنا مبالغ كبيرة جدا في عمل متجر وتعبنا جدا في
التعامل مع المبرمجين
</h3>
<div class="person">
<img src="./images/Ellipse.png" alt="" class="imgPerson" />
<div class="info">
<h4>محمد السيد</h4>
<p>مهندس إستشارى لدى شركة سلة</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="part">
<div class="headPart">
<div class="star">
<svg
width="13"
height="14"
viewBox="0 0 13 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_7292_1644)">
<path
d="M12.9813 5.50781C12.9365 5.36991 12.8174 5.26941 12.6739 5.24859L8.64387 4.66296L6.84153 1.01112C6.77739 0.881119 6.64498 0.798828 6.50002 0.798828C6.35504 0.798828 6.22266 0.881119 6.15849 1.01112L4.35607 4.66296L0.326087 5.24859C0.182656 5.26941 0.0634476 5.36991 0.0186587 5.50778C-0.0261556 5.64568 0.0112193 5.79703 0.115041 5.89821L3.03109 8.74078L2.34281 12.7546C2.31828 12.8975 2.37703 13.0419 2.49431 13.1271C2.56066 13.1753 2.63924 13.1998 2.7182 13.1998C2.77884 13.1998 2.83967 13.1854 2.89538 13.1561L6.5 11.261L10.1045 13.156C10.2328 13.2235 10.3883 13.2123 10.5056 13.1271C10.6228 13.0419 10.6816 12.8974 10.6571 12.7545L9.9686 8.74078L12.885 5.89818C12.9888 5.79703 13.0262 5.64568 12.9813 5.50781Z"
fill="#FFC62A"
/>
</g>
<defs>
<clipPath id="clip0_7292_1644">
<rect
width="13"
height="13"
fill="white"
transform="translate(0 0.5)"
/>
</clipPath>
</defs>
</svg>
<svg
width="13"
height="14"
viewBox="0 0 13 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_7292_1644)">
<path
d="M12.9813 5.50781C12.9365 5.36991 12.8174 5.26941 12.6739 5.24859L8.64387 4.66296L6.84153 1.01112C6.77739 0.881119 6.64498 0.798828 6.50002 0.798828C6.35504 0.798828 6.22266 0.881119 6.15849 1.01112L4.35607 4.66296L0.326087 5.24859C0.182656 5.26941 0.0634476 5.36991 0.0186587 5.50778C-0.0261556 5.64568 0.0112193 5.79703 0.115041 5.89821L3.03109 8.74078L2.34281 12.7546C2.31828 12.8975 2.37703 13.0419 2.49431 13.1271C2.56066 13.1753 2.63924 13.1998 2.7182 13.1998C2.77884 13.1998 2.83967 13.1854 2.89538 13.1561L6.5 11.261L10.1045 13.156C10.2328 13.2235 10.3883 13.2123 10.5056 13.1271C10.6228 13.0419 10.6816 12.8974 10.6571 12.7545L9.9686 8.74078L12.885 5.89818C12.9888 5.79703 13.0262 5.64568 12.9813 5.50781Z"
fill="#FFC62A"
/>
</g>
<defs>
<clipPath id="clip0_7292_1644">
<rect
width="13"
height="13"
fill="white"
transform="translate(0 0.5)"
/>
</clipPath>
</defs>
</svg>
<svg
width="13"
height="14"
viewBox="0 0 13 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_7292_1644)">
<path
d="M12.9813 5.50781C12.9365 5.36991 12.8174 5.26941 12.6739 5.24859L8.64387 4.66296L6.84153 1.01112C6.77739 0.881119 6.64498 0.798828 6.50002 0.798828C6.35504 0.798828 6.22266 0.881119 6.15849 1.01112L4.35607 4.66296L0.326087 5.24859C0.182656 5.26941 0.0634476 5.36991 0.0186587 5.50778C-0.0261556 5.64568 0.0112193 5.79703 0.115041 5.89821L3.03109 8.74078L2.34281 12.7546C2.31828 12.8975 2.37703 13.0419 2.49431 13.1271C2.56066 13.1753 2.63924 13.1998 2.7182 13.1998C2.77884 13.1998 2.83967 13.1854 2.89538 13.1561L6.5 11.261L10.1045 13.156C10.2328 13.2235 10.3883 13.2123 10.5056 13.1271C10.6228 13.0419 10.6816 12.8974 10.6571 12.7545L9.9686 8.74078L12.885 5.89818C12.9888 5.79703 13.0262 5.64568 12.9813 5.50781Z"
fill="#FFC62A"
/>
</g>
<defs>