-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtablePage1.html
More file actions
878 lines (760 loc) · 68.6 KB
/
tablePage1.html
File metadata and controls
878 lines (760 loc) · 68.6 KB
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
<!doctype html>
<html dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
crossorigin="anonymous"></script>
<!-- css -->
<link rel="stylesheet" href="css/style.css">
<title>Bootstrap demo</title>
</head>
<bod>
<div class="container-xxl">
<div class="row ">
<!-- header -->
<Header class="bg-header shadow-sm">
<div class="container-xxl row m-0 p-0 mb-lg-4 mb-md-2 mb-sm-0 mb-0 mx-auto">
<div class="col-lg-6 col-md-6 col-sm-12 col-12 header-image row m-0 p-0">
<div
class="col-lg-4 col-md-4 col-sm-5 col-5 d-flex justify-content-center align-items-center header-image-svg">
<img src="baner.png" class="img-fluid" alt="">
</div>
<div class="col-lg-6 col-md-6 col-sm-7 col-7 m-0 p-0 px-0 d-flex ">
<div class="bg-white rounded-4 mx-2 mt-5 "
style="width:70px;height: 90px;position: relative;">
<div
class="row flex-column justify-content-around py-2 m-0 h-100 rounded-4 box-shadow-2">
<div class="col-12 d-flex justify-content-center align-items-center">
<span class="text-danger">
<svg width="28" height="32" viewBox="0 0 43 43" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M38.795 16.5579C38.795 15.7295 38.1234 15.0579 37.295 15.0579C36.4666 15.0579 35.795 15.7295 35.795 16.5579H38.795ZM7.20498 16.5579C7.20498 15.7295 6.53341 15.0579 5.70498 15.0579C4.87655 15.0579 4.20498 15.7295 4.20498 16.5579H7.20498ZM26.9454 40.3654L26.6005 38.9056L26.9454 40.3654ZM16.0546 40.3654L16.3994 38.9056L16.0546 40.3654ZM27.6283 6.36416L26.5638 7.42105L27.6283 6.36416ZM39.9356 20.8879C40.5193 21.4758 41.469 21.4791 42.0569 20.8954C42.6448 20.3117 42.6481 19.362 42.0644 18.7741L39.9356 20.8879ZM15.3717 6.36416L16.4362 7.42105L15.3717 6.36416ZM0.935587 18.7741C0.351881 19.362 0.355247 20.3117 0.943106 20.8954C1.53096 21.4791 2.48071 21.4758 3.06441 20.8879L0.935587 18.7741ZM16.5566 35.194L15.0823 34.9173H15.0823L16.5566 35.194ZM16.5985 34.9707L18.0727 35.2475V35.2475L16.5985 34.9707ZM26.4015 34.9707L24.9273 35.2475L24.9273 35.2475L26.4015 34.9707ZM26.4434 35.194L27.9177 34.9173L27.9177 34.9173L26.4434 35.194ZM25.8155 40.0291L24.4611 39.3845H24.4611L25.8155 40.0291ZM24.2081 39.9162C23.8521 40.6642 24.1699 41.5592 24.9179 41.9152C25.666 42.2712 26.561 41.9534 26.917 41.2053L24.2081 39.9162ZM17.1845 40.0291L15.83 40.6737L15.83 40.6737L17.1845 40.0291ZM16.0831 41.2053C16.439 41.9534 17.334 42.2712 18.0821 41.9152C18.8301 41.5592 19.1479 40.6642 18.7919 39.9162L16.0831 41.2053ZM20.1156 31.1255L19.7146 29.6801L20.1156 31.1255ZM22.8844 31.1255L23.2854 29.6801H23.2854L22.8844 31.1255ZM35.795 16.5579V27.2143H38.795V16.5579H35.795ZM7.20498 27.2143V16.5579H4.20498V27.2143H7.20498ZM26.6005 38.9056C23.2456 39.6981 19.7543 39.6981 16.3994 38.9056L15.7097 41.8252C19.5182 42.7249 23.4818 42.7249 27.2902 41.8252L26.6005 38.9056ZM16.3994 38.9056C11.0199 37.6348 7.20498 32.7974 7.20498 27.2143H4.20498C4.20498 34.175 8.96316 40.2314 15.7097 41.8252L16.3994 38.9056ZM27.2902 41.8252C34.0368 40.2314 38.795 34.175 38.795 27.2143H35.795C35.795 32.7974 31.98 37.6348 26.6005 38.9056L27.2902 41.8252ZM26.5638 7.42105L39.9356 20.8879L42.0644 18.7741L28.6927 5.30727L26.5638 7.42105ZM14.3073 5.30727L0.935587 18.7741L3.06441 20.8879L16.4362 7.42105L14.3073 5.30727ZM28.6927 5.30727C27.2782 3.88271 26.1131 2.7048 25.0678 1.90163C23.9884 1.0722 22.8606 0.5 21.5 0.5V3.5C21.9343 3.5 22.4262 3.65516 23.2399 4.28045C24.0879 4.932 25.0895 5.93617 26.5638 7.42105L28.6927 5.30727ZM16.4362 7.42105C17.9105 5.93617 18.9121 4.932 19.7601 4.28045C20.5738 3.65516 21.0657 3.5 21.5 3.5V0.5C20.1394 0.5 19.0116 1.0722 17.9322 1.90163C16.8869 2.7048 15.7218 3.88271 14.3073 5.30727L16.4362 7.42105ZM18.0308 35.4707L18.0727 35.2475L15.1242 34.694L15.0823 34.9173L18.0308 35.4707ZM24.9273 35.2475L24.9692 35.4707L27.9177 34.9173L27.8758 34.694L24.9273 35.2475ZM24.4611 39.3845L24.2081 39.9162L26.917 41.2053L27.17 40.6737L24.4611 39.3845ZM15.83 40.6737L16.0831 41.2053L18.7919 39.9162L18.5389 39.3845L15.83 40.6737ZM24.9692 35.4707C25.2181 36.797 25.0398 38.1683 24.4611 39.3845L27.17 40.6737C28.0219 38.8835 28.2836 36.8669 27.9177 34.9173L24.9692 35.4707ZM15.0823 34.9173C14.7164 36.8669 14.9781 38.8835 15.83 40.6737L18.5389 39.3845C17.9602 38.1683 17.7819 36.797 18.0308 35.4707L15.0823 34.9173ZM20.5167 32.5709C21.1603 32.3923 21.8397 32.3923 22.4833 32.5709L23.2854 29.6801C22.117 29.3559 20.883 29.3559 19.7146 29.6801L20.5167 32.5709ZM27.8758 34.694C27.4233 32.2836 25.6462 30.3352 23.2854 29.6801L22.4833 32.5709C23.7324 32.9175 24.6842 33.9526 24.9273 35.2475L27.8758 34.694ZM18.0727 35.2475C18.3158 33.9526 19.2676 32.9175 20.5167 32.5709L19.7146 29.6801C17.3538 30.3352 15.5767 32.2836 15.1242 34.694L18.0727 35.2475Z"
fill="#CDCDCD" />
</svg>
</span>
</div>
<div class="col-12 d-flex justify-content-center align-items-center">
<a href="page1.html" class="link-secondary text-decoration-none "
style="font-size:18px">خانه</a>
</div>
</div>
</div>
<div class="bg-white rounded-4 mx-2 mt-5 "
style="width:70px;height: 90px;position: relative;">
<div
class="row flex-column justify-content-around py-2 m-0 h-100 rounded-4 box-shadow-2">
<div class="col-12 d-flex justify-content-center align-items-center"><span class="">
<svg width="32" height="32" viewBox="0 0 54 34" fill="none"
xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-outside-1_1378_9946" maskUnits="userSpaceOnUse" x="0"
y="0" width="35" height="34" fill="black">
<rect fill="white" width="35" height="34" />
<path
d="M6.13333 25.8214C6.13333 28.6815 8.44653 31 11.3 31C14.1535 31 16.4667 28.6815 16.4667 25.8214C16.4667 22.9614 14.1535 20.6429 11.3 20.6429C8.44653 20.6429 6.13333 22.9614 6.13333 25.8214Z" />
</mask>
<path
d="M13.3667 5.10714L14.7089 5.77673L14.7089 5.77673L13.3667 5.10714ZM10.2667 11.3214L11.6089 11.991C11.5918 12.0253 11.5734 12.059 11.5537 12.0919L10.2667 11.3214ZM4.06667 25.8214L4.06666 24.3214H4.06667V25.8214ZM5.24091 24.3214C6.06934 24.3214 6.74091 24.993 6.74091 25.8214C6.74091 26.6499 6.06934 27.3214 5.24091 27.3214V24.3214ZM18.5333 27.3214C17.7049 27.3214 17.0333 26.6499 17.0333 25.8214C17.0333 24.993 17.7049 24.3214 18.5333 24.3214V27.3214ZM33 24.3214C33.8284 24.3214 34.5 24.993 34.5 25.8214C34.5 26.6499 33.8284 27.3214 33 27.3214V24.3214ZM16.4667 3.5C16.2909 3.5 16.1063 3.54989 15.8063 3.90314C15.4609 4.30988 15.1383 4.91602 14.7089 5.77673L12.0244 4.43756C12.4217 3.64112 12.8976 2.69369 13.5197 1.96115C14.1873 1.17511 15.1394 0.5 16.4667 0.5V3.5ZM14.7089 5.77673L11.6089 11.991L8.92441 10.6518L12.0244 4.43756L14.7089 5.77673ZM10.2667 11.3214C11.5537 12.0919 11.553 12.093 11.5524 12.0941C11.5521 12.0945 11.5514 12.0956 11.551 12.0963C11.5501 12.0979 11.5492 12.0994 11.5482 12.1009C11.5463 12.104 11.5444 12.1072 11.5424 12.1104C11.5384 12.1168 11.5342 12.1235 11.5298 12.1305C11.5209 12.1444 11.5111 12.1593 11.5004 12.1752C11.4789 12.2069 11.4535 12.2423 11.4239 12.2808C11.3646 12.3579 11.2885 12.4469 11.1929 12.5427C11.0006 12.7355 10.7345 12.9504 10.3764 13.1498C9.65392 13.5521 8.61966 13.8571 7.16667 13.8571V10.8571C8.19367 10.8571 8.70941 10.6443 8.91692 10.5288C9.02385 10.4692 9.06773 10.4253 9.06916 10.4238C9.07042 10.4226 9.06219 10.4307 9.04649 10.4511C9.03866 10.4612 9.02902 10.4744 9.0178 10.4909C9.01219 10.4992 9.00619 10.5083 8.99982 10.5183C8.99663 10.5233 8.99336 10.5285 8.98999 10.534C8.98831 10.5367 8.98661 10.5395 8.98488 10.5423C8.98402 10.5437 8.98315 10.5452 8.98228 10.5466C8.98184 10.5473 8.98118 10.5484 8.98096 10.5488C8.9803 10.5499 8.97964 10.551 10.2667 11.3214ZM7.16667 13.8571C6.48796 13.8571 5.47474 14.0303 4.68748 14.4848C3.97506 14.8961 3.5 15.4851 3.5 16.5H0.5C0.5 14.2006 1.74716 12.7182 3.18752 11.8867C4.55303 11.0983 6.12315 10.8571 7.16667 10.8571V13.8571ZM3.5 16.5V23.75H0.5V16.5H3.5ZM3.5 23.75C3.5 23.7269 3.4952 23.7565 3.53378 23.836C3.57146 23.9137 3.63576 24.0072 3.72533 24.097C3.81491 24.1868 3.90798 24.251 3.98478 24.2884C4.06347 24.3268 4.09161 24.3214 4.06666 24.3214L4.06667 27.3214C3.05423 27.3214 2.17764 26.7933 1.60157 26.2159C1.02516 25.6382 0.5 24.7611 0.5 23.75H3.5ZM4.06667 24.3214H5.24091V27.3214H4.06667V24.3214ZM18.5333 24.3214H33V27.3214H18.5333V24.3214ZM16.4667 0.5H33V3.5H16.4667V0.5ZM9.13333 25.8214C9.13333 27.0311 10.1099 28 11.3 28V34C6.78317 34 3.13333 30.3318 3.13333 25.8214H9.13333ZM11.3 28C12.4901 28 13.4667 27.0311 13.4667 25.8214H19.4667C19.4667 30.3318 15.8168 34 11.3 34V28ZM13.4667 25.8214C13.4667 24.6117 12.4901 23.6429 11.3 23.6429V17.6429C15.8168 17.6429 19.4667 21.311 19.4667 25.8214H13.4667ZM11.3 23.6429C10.1099 23.6429 9.13333 24.6117 9.13333 25.8214H3.13333C3.13333 21.311 6.78317 17.6429 11.3 17.6429V23.6429Z"
fill="#FF3919" mask="url(#path-1-outside-1_1378_9946)" />
<mask id="path-3-outside-2_1378_9946" maskUnits="userSpaceOnUse" x="19"
y="0" width="35" height="34" fill="black">
<rect fill="white" x="19" width="35" height="34" />
<path
d="M47.8667 25.8214C47.8667 28.6815 45.5535 31 42.7 31C39.8465 31 37.5333 28.6815 37.5333 25.8214C37.5333 22.9614 39.8465 20.6429 42.7 20.6429C45.5535 20.6429 47.8667 22.9614 47.8667 25.8214Z" />
</mask>
<path
d="M40.6333 5.10714L39.2911 5.77673L39.2911 5.77673L40.6333 5.10714ZM43.7333 11.3214L42.3911 11.991C42.4082 12.0253 42.4266 12.059 42.4463 12.0919L43.7333 11.3214ZM49.9333 25.8214L49.9333 24.3214H49.9333V25.8214ZM48.7591 24.3214C47.9307 24.3214 47.2591 24.993 47.2591 25.8214C47.2591 26.6499 47.9307 27.3214 48.7591 27.3214V24.3214ZM35.4667 27.3214C36.2951 27.3214 36.9667 26.6499 36.9667 25.8214C36.9667 24.993 36.2951 24.3214 35.4667 24.3214V27.3214ZM21 24.3214C20.1716 24.3214 19.5 24.993 19.5 25.8214C19.5 26.6499 20.1716 27.3214 21 27.3214V24.3214ZM37.5333 3.5C37.7091 3.5 37.8937 3.54989 38.1937 3.90314C38.5391 4.30988 38.8617 4.91602 39.2911 5.77673L41.9756 4.43756C41.5783 3.64112 41.1024 2.69369 40.4803 1.96115C39.8127 1.17511 38.8606 0.5 37.5333 0.5V3.5ZM39.2911 5.77673L42.3911 11.991L45.0756 10.6518L41.9756 4.43756L39.2911 5.77673ZM43.7333 11.3214C42.4463 12.0919 42.447 12.093 42.4476 12.0941C42.4479 12.0945 42.4486 12.0956 42.449 12.0963C42.4499 12.0979 42.4508 12.0994 42.4518 12.1009C42.4537 12.104 42.4556 12.1072 42.4576 12.1104C42.4616 12.1168 42.4658 12.1235 42.4702 12.1305C42.4791 12.1444 42.4889 12.1593 42.4996 12.1752C42.5211 12.2069 42.5465 12.2423 42.5761 12.2808C42.6354 12.3579 42.7115 12.4469 42.8071 12.5427C42.9994 12.7355 43.2655 12.9504 43.6236 13.1498C44.3461 13.5521 45.3803 13.8571 46.8333 13.8571V10.8571C45.8063 10.8571 45.2906 10.6443 45.0831 10.5288C44.9762 10.4692 44.9323 10.4253 44.9308 10.4238C44.9296 10.4226 44.9378 10.4307 44.9535 10.4511C44.9613 10.4612 44.971 10.4744 44.9822 10.4909C44.9878 10.4992 44.9938 10.5083 45.0002 10.5183C45.0034 10.5233 45.0066 10.5285 45.01 10.534C45.0117 10.5367 45.0134 10.5395 45.0151 10.5423C45.016 10.5437 45.0168 10.5452 45.0177 10.5466C45.0182 10.5473 45.0188 10.5484 45.019 10.5488C45.0197 10.5499 45.0204 10.551 43.7333 11.3214ZM46.8333 13.8571C47.512 13.8571 48.5253 14.0303 49.3125 14.4848C50.0249 14.8961 50.5 15.4851 50.5 16.5H53.5C53.5 14.2006 52.2528 12.7182 50.8125 11.8867C49.447 11.0983 47.8769 10.8571 46.8333 10.8571V13.8571ZM50.5 16.5V23.75H53.5V16.5H50.5ZM50.5 23.75C50.5 23.7269 50.5048 23.7565 50.4662 23.836C50.4285 23.9137 50.3642 24.0072 50.2747 24.097C50.1851 24.1868 50.092 24.251 50.0152 24.2884C49.9365 24.3268 49.9084 24.3214 49.9333 24.3214L49.9333 27.3214C50.9458 27.3214 51.8224 26.7933 52.3984 26.2159C52.9748 25.6382 53.5 24.7611 53.5 23.75H50.5ZM49.9333 24.3214H48.7591V27.3214H49.9333V24.3214ZM35.4667 24.3214H21V27.3214H35.4667V24.3214ZM37.5333 0.5H21V3.5H37.5333V0.5ZM44.8667 25.8214C44.8667 27.0311 43.8901 28 42.7 28V34C47.2168 34 50.8667 30.3318 50.8667 25.8214H44.8667ZM42.7 28C41.5099 28 40.5333 27.0311 40.5333 25.8214H34.5333C34.5333 30.3318 38.1832 34 42.7 34V28ZM40.5333 25.8214C40.5333 24.6117 41.5099 23.6429 42.7 23.6429V17.6429C38.1832 17.6429 34.5333 21.311 34.5333 25.8214H40.5333ZM42.7 23.6429C43.8901 23.6429 44.8667 24.6117 44.8667 25.8214H50.8667C50.8667 21.311 47.2168 17.6429 42.7 17.6429V23.6429Z"
fill="#FF3919" mask="url(#path-3-outside-2_1378_9946)" />
</svg>
</span></div>
<div class="col-12 d-flex justify-content-center align-items-center">
<a href="page2.html" class="link-dark text-decoration-none "
style="font-size:18px">خودرو</a>
</div>
</div>
</div>
<div class="bg-white rounded-4 mx-2 mt-5 "
style="width:70px;height: 90px;position: relative;">
<div
class="row flex-column justify-content-around py-2 m-0 h-100 rounded-4 box-shadow-2">
<div class="col-12 d-flex justify-content-center align-items-center"><span class="">
<svg width="32" height="32" viewBox="0 0 45 43" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M14.1945 17.9253L19.7415 21.9043C21.3916 23.0881 23.6084 23.0881 25.2585 21.9043L30.8055 17.9253M2.83164 28.3277C1.72279 23.844 1.72279 19.156 2.83164 14.6723C4.28316 8.80297 8.91824 4.2649 14.7975 2.95684L15.7769 2.73894C20.2053 1.75369 24.7947 1.75369 29.2231 2.73894L30.2025 2.95684C36.0818 4.2649 40.7168 8.80298 42.1684 14.6723C43.2772 19.156 43.2772 23.844 42.1684 28.3277C40.7168 34.197 36.0818 38.7351 30.2025 40.0432L29.2231 40.2611C24.7947 41.2463 20.2053 41.2463 15.7769 40.2611L14.7975 40.0432C8.91824 38.7351 4.28316 34.197 2.83164 28.3277Z"
stroke="#CDCDCD" stroke-width="3" stroke-linecap="round" />
</svg>
</span></div>
<div class="col-12 d-flex justify-content-center align-items-center">
<a href="" class="link-dark text-decoration-none "
style="font-size:18px">وانیار</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-12 mt-lg-3 mt-md-3 row justify-content-end m-0 p-0">
<div class=" col-lg-10 col-md-12 col-sm-12 col-12 align-self-center position-relative px-4">
<div class="row ">
<div class="col-lg-5 col-md-5 col-sm-4 col-12 mt-3 ">
<select class="bg-box-language form-select m-0 " style="border-radius: 10px"
onchange="onChane()" id="selectionLaanguage"
aria-label="Default select example">
<option value="en">english</option>
<option value="fa">فارسی</option>
</select>
</div>
<div class="col-lg-7 col-md-7 col-sm-8 col-12 mt-3 position-relative ">
<div class="d-flex justify-content-around align-items-center bg-box-sign h-100 py-2 "
style="border-radius: 10px">
<a href="#"
class="link-secondary text-decoration-none d-flex w-100 justify-content-center align-items-center">
<span class="mx-1">
ثبت نام
</span>
<span class="mx-1">
<svg width="20" height="20" viewBox="0 0 25 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M24 12.5H19M21.5 15L21.5 10" stroke="#646464"
stroke-width="1.5" stroke-linecap="round" />
<path
d="M1 21.5869C1 18.5035 3.18227 15.8771 6.14805 15.3912L6.4152 15.3474C8.79004 14.9583 11.21 14.9583 13.5848 15.3474L13.8519 15.3912C16.8177 15.8771 19 18.5035 19 21.5869C19 22.9196 17.9477 24 16.6495 24H3.35045C2.05233 24 1 22.9196 1 21.5869Z"
stroke="#646464" stroke-width="1.5" />
<path
d="M15.25 6.03125C15.25 8.80993 12.8995 11.0625 10 11.0625C7.10053 11.0625 4.75003 8.80993 4.75003 6.03125C4.75003 3.25257 7.10053 1 10 1C12.8995 1 15.25 3.25257 15.25 6.03125Z"
stroke="#646464" stroke-width="1.5" />
</svg>
</span>
</a>
<span class="text-white border border-white"
style="height: calc(100% - 5px); width: 1px; display: inline-block;"></span>
<a href="#"
class="link-secondary text-decoration-none d-flex w-100 justify-content-center align-items-center">
<span class="mx-1">ورود</span>
<span class=" mx-1">
<svg width="20" height="20" viewBox="0 0 25 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.259 15.2401C10.8393 15.5992 10.7902 16.2304 11.1492 16.6501C11.5083 17.0698 12.1395 17.1189 12.5592 16.7599L11.259 15.2401ZM16 12.5L16.6501 13.2599C16.8722 13.0699 17 12.7922 17 12.5C17 12.2078 16.8722 11.9301 16.6501 11.7401L16 12.5ZM12.5592 8.24015C12.1395 7.88111 11.5083 7.93025 11.1492 8.3499C10.7902 8.76956 10.8393 9.40081 11.259 9.75985L12.5592 8.24015ZM1 11.5C0.447715 11.5 0 11.9477 0 12.5C5.96046e-08 13.0523 0.447715 13.5 1 13.5L1 11.5ZM12.5592 16.7599L16.6501 13.2599L15.3499 11.7401L11.259 15.2401L12.5592 16.7599ZM16.6501 11.7401L12.5592 8.24015L11.259 9.75985L15.3499 13.2599L16.6501 11.7401ZM1 13.5L16 13.5V11.5L1 11.5L1 13.5Z"
fill="#646464" />
<path
d="M1 5.3125V2.4375C1 1.64359 1.64359 1 2.4375 1H22.5625C23.3564 1 24 1.64359 24 2.4375V22.5625C24 23.3564 23.3564 24 22.5625 24H2.4375C1.64359 24 1 23.3564 1 22.5625V19.6875"
stroke="#646464" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</span>
</a>
</div>
</div>
<div class="col-12 mt-3 ">
<div class=" position-relative">
<input type="text" class="form-control input-search" placeholder="جستجو..."
aria-label="Example text with button addon"
aria-describedby="button-addon1">
<button class="btn btn-light rounded-0 border-0 input-search-btn" type="button"
id="button-addon1">
<svg height="26" viewBox="0 0 42 42" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M3 19C3 10.1634 10.1634 3 19 3C27.8366 3 35 10.1634 35 19C35 27.8366 27.8366 35 19 35C10.1634 35 3 27.8366 3 19Z"
stroke="#8B8B8B" stroke-width="5" />
<path
d="M34 36.5C34 35.1193 35.1193 34 36.5 34C37.8807 34 39 35.1193 39 36.5C39 37.8807 37.8807 39 36.5 39C35.1193 39 34 37.8807 34 36.5Z"
stroke="#8B8B8B" stroke-width="5" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</Header>
<!-- main -->
<main class="p-0 m-0 mt-lg-4 mt-md-2 mt-sm-0 mt-0 page8">
<!-- content -->
<div class="col-12 row m-0 p-lg-4 p-md-3 p-2 mt-3">
<!--Breadcrumb -->
<div class="p-0 ">
<div class="col-12 d-flex justify-content-between align-items-center flex-wrap">
<div class="d-flex py-1">
<div class="mx-1">
<svg width="30" height="25" viewBox="0 0 34 40" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M9.37718 20.1405C8.77401 17.0691 8.77402 13.8726 9.37718 10.8011C10.2124 6.54816 12.9925 3.22741 16.553 2.2298C19.1244 1.50934 21.8004 1.50934 24.3718 2.2298C27.9323 3.22741 30.7124 6.54817 31.5476 10.8011C32.1508 13.8726 32.1508 17.0691 31.5476 20.1405C30.7124 24.3935 27.9323 27.7142 24.3718 28.7119C21.8004 29.4323 19.1244 29.4323 16.553 28.7119M9.37718 20.1405C10.2124 24.3935 12.9925 27.7142 16.553 28.7119M9.37718 20.1405C8.9974 18.2066 8.85675 16.2231 8.95522 14.2525C8.81597 14.2864 8.67703 14.3228 8.53845 14.3617C5.48656 15.2167 3.10362 18.0631 2.38775 21.7085C1.87075 24.3412 1.87075 27.081 2.38775 29.7137C3.10362 33.3591 5.48656 36.2055 8.53845 37.0606C10.7425 37.6781 13.0363 37.6781 15.2403 37.0606C18.2922 36.2055 20.6751 33.3591 21.391 29.7137C21.4235 29.5482 21.454 29.3822 21.4824 29.2159C19.8326 29.3335 18.172 29.1655 16.553 28.7119"
stroke="#646464" stroke-width="3" />
</svg>
</div>
<div class="px-1 breadcrumb-item ">
<a href="page1.html" class="text-decoration-none text-gray-100">خانه</a>
</div>
<div class="px-1">/</div>
<div class="px-1 breadcrumb-item active"> خودرو های من </div>
</div>
<div class="py-1">
<button class="btn button-filter-table rounded-4 px-3 mx-1">اشخاص</button>
<button class="btn button-filter-table rounded-4 px-3 mx-1 active">اشخاص</button>
<button class="btn button-filter-table rounded-4 px-3 mx-1">اشخاص</button>
</div>
<div class="py-1">
<div class=" position-relative">
<input type="text" class="form-control input-search1"
placeholder="جستوجوی کاربران...">
<button class="btn btn-light rounded-0 border-0 input-search-btn" type="button"
id="button-addon1">
<svg height="26" viewBox="0 0 42 42" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M3 19C3 10.1634 10.1634 3 19 3C27.8366 3 35 10.1634 35 19C35 27.8366 27.8366 35 19 35C10.1634 35 3 27.8366 3 19Z"
stroke="#8B8B8B" stroke-width="5" />
<path
d="M34 36.5C34 35.1193 35.1193 34 36.5 34C37.8807 34 39 35.1193 39 36.5C39 37.8807 37.8807 39 36.5 39C35.1193 39 34 37.8807 34 36.5Z"
stroke="#8B8B8B" stroke-width="5" />
</svg>
</button>
</div>
</div>
<div class="py-1">
<a href="" class="text-decoration-none ">
<svg width="30" height="25" viewBox="0 0 41 39" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M5.33344 12.4286L5.33344 14.9286H5.33344V12.4286ZM7.66677 33.5C6.28606 33.5 5.16677 34.6193 5.16677 36C5.16677 37.3807 6.28606 38.5 7.66677 38.5V33.5ZM8.69779 23.6238C9.6735 24.6007 11.2564 24.6017 12.2333 23.626C13.2102 22.6503 13.2112 21.0674 12.2355 20.0905L8.69779 23.6238ZM7.17578 18.5622L5.40692 20.3289H5.40692L7.17578 18.5622ZM7.17578 6.29492L5.40692 4.52825L5.40692 4.52825L7.17578 6.29492ZM12.2355 4.76668C13.2112 3.78977 13.2102 2.20685 12.2333 1.23114C11.2564 0.255435 9.6735 0.25641 8.69779 1.23332L12.2355 4.76668ZM3.03713 13.0194L0.556792 13.3324L0.556793 13.3324L3.03713 13.0194ZM3.03713 11.8377L0.556793 11.5248L0.556792 11.5248L3.03713 11.8377ZM5.33344 14.9286H26.3334V9.92858H5.33344V14.9286ZM26.3334 33.5H7.66677V38.5H26.3334V33.5ZM35.5 24.2143C35.5 29.3666 31.3721 33.5 26.3334 33.5V38.5C34.1813 38.5 40.5 32.0801 40.5 24.2143H35.5ZM26.3334 14.9286C31.3721 14.9286 35.5 19.0619 35.5 24.2143H40.5C40.5 16.3485 34.1813 9.92858 26.3334 9.92858V14.9286ZM12.2355 20.0905L8.94463 16.7955L5.40692 20.3289L8.69779 23.6238L12.2355 20.0905ZM8.94463 8.0616L12.2355 4.76668L8.69779 1.23332L5.40692 4.52825L8.94463 8.0616ZM8.94463 16.7955C7.59101 15.4402 6.72749 14.5703 6.15503 13.8502C5.61466 13.1705 5.53782 12.8679 5.51746 12.7065L0.556793 13.3324C0.738477 14.7723 1.41877 15.9273 2.24111 16.9617C3.03136 17.9557 4.13614 19.0565 5.40692 20.3289L8.94463 16.7955ZM5.40692 4.52825C4.13615 5.80059 3.03136 6.90139 2.24111 7.89544C1.41877 8.92987 0.738478 10.0848 0.556793 11.5248L5.51746 12.1507C5.53782 11.9893 5.61466 11.6866 6.15503 11.0069C6.72749 10.2868 7.59101 9.41689 8.94463 8.0616L5.40692 4.52825ZM5.51746 12.7065C5.50582 12.6142 5.5 12.5214 5.5 12.4286H0.5C0.5 12.7304 0.51893 13.0323 0.556792 13.3324L5.51746 12.7065ZM5.5 12.4286C5.5 12.3357 5.50582 12.2429 5.51746 12.1507L0.556792 11.5248C0.51893 11.8248 0.5 12.1267 0.5 12.4286H5.5ZM5.33345 9.92858L3 9.92857L3 14.9286L5.33344 14.9286L5.33345 9.92858Z"
fill="#8B8B8B" />
</svg>
</a>
</div>
</div>
<div class="col-12 p-0">
<div class="border-4 border-bottom rounded my-2"></div>
</div>
</div>
<!-- details -->
<div class="col-12 p-0 my-2 ">
<div class="parent-table">
<table class="table table-striped rounded-4 border-light text-center" style="overflow: hidden ">
<thead
class="bg-card-warning box-shadow-2 rounded-left-4 rounded-right-4 user-select-none">
<tr class="rounded-left-4 text-gray">
<th class="border-light ">
<div class="d-flex justify-content-between">
<div class="w-100"> #</div>
<div class="text-white px-1">|</div>
</div>
</th>
<th class="border-light ">
<div class="d-flex justify-content-between">
<div class="w-100">نام مالک</div>
<div class="text-white px-1">|</div>
</div>
</th> <th class="border-light ">
<div class="d-flex justify-content-between">
<div class="w-100">عکس </div>
<div class="text-white px-1">|</div>
</div>
</th>
<th class="border-light ">
<div class="d-flex justify-content-between">
<div class="w-100">شهر</div>
<div class="text-white px-1">|</div>
</div>
</th>
<th class="border-light ">
<div class="d-flex justify-content-between">
<div class="w-100">برند خودرو</div>
<div class="text-white px-1">|</div>
</div>
</th>
<th class="border-light ">
<div class="d-flex justify-content-between">
<div class="w-100">مدل خودرو</div>
<div class="text-white px-1">|</div>
</div>
</th>
<th class="border-light ">
<div class="d-flex justify-content-between">
<div class="w-100">سال ساخت</div>
<div class="text-white px-1">|</div>
</div>
</th>
<th class="border-light ">
<div class="d-flex justify-content-between">
<div class="w-100">قیمت مشتری</div>
<div class="text-white px-1">|</div>
</div>
</th>
<th class="border-light ">
<div class="d-flex justify-content-between">
<div class="w-100">تاریخ درخواست</div>
<div class="text-white px-1">|</div>
</div>
</th>
<th class="border-light ">
<div class="d-flex justify-content-between">
<div class="w-100">نوع پکیج</div>
<div class="text-white px-1">|</div>
</div>
</th>
<th class="border-light ">
<div class="d-flex justify-content-between">
<div class="w-100">وضعیت</div>
</div>
</th>
</tr>
</thead>
<tbody>
<tr class="border-bottom border-3">
<td>1</td>
<td>
کیوان مرادی
</td>
<td>
<img style="height: 35px;width: 35px;object-position: center;object-fit: cover;border-radius:50%;" class="img-fluid" src="https://s3-alpha-sig.figma.com/img/b940/caf9/f3a52bcc9317c793ebc094db911b237b?Expires=1665360000&Signature=CbBRCgg2i97DI54xPw9kOblftE6yCzC2RZ79IV5tIXNU3OXstRcvF0k~yhn4VPUx~LWSxMRqdV9QEwVsRc5993ZS-ToBOrhXsWomI5YPqvboNx~PF0JIbSMA1Fwc0h-yWMAUKQOKMbsuNmWIt1uywHvGkeGmZH~7SycmR1ZH44LBAXuKuLyxs71zQ7QvbcKbMtZF3KLwfhb4HTMkTd3RrYZXhaWfynQezRX-ohDMIdCvC1zoIbsoFMt7R~RFtS7U6ftACWhGiW7oqJqBNIwIqDGi3UzFaO2xm-PmthY9KA~zK6Z-jdq-K4~vsc5mKgLoKfOmxoR1c3dKAbWtpVBvMg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA" alt="">
</td>
<td>
سنندج
</td>
<td>
پژو
</td>
<td>
206
</td>
<td>
1401
</td>
<td>
230,000,000 M
</td>
<td>
1401/05/09
</td>
<td>
رایگاه
</td>
<td>
<button class="btn btn-dark text-light btn-sm">مشاهده</button>
</td>
</tr>
<tr class="border-bottom border-3">
<td>1</td>
<td>
کیوان مرادی
</td>
<td>
<img style="height: 35px;width: 35px;object-position: center;object-fit: cover;border-radius:50%;" class="img-fluid" src="https://s3-alpha-sig.figma.com/img/b940/caf9/f3a52bcc9317c793ebc094db911b237b?Expires=1665360000&Signature=CbBRCgg2i97DI54xPw9kOblftE6yCzC2RZ79IV5tIXNU3OXstRcvF0k~yhn4VPUx~LWSxMRqdV9QEwVsRc5993ZS-ToBOrhXsWomI5YPqvboNx~PF0JIbSMA1Fwc0h-yWMAUKQOKMbsuNmWIt1uywHvGkeGmZH~7SycmR1ZH44LBAXuKuLyxs71zQ7QvbcKbMtZF3KLwfhb4HTMkTd3RrYZXhaWfynQezRX-ohDMIdCvC1zoIbsoFMt7R~RFtS7U6ftACWhGiW7oqJqBNIwIqDGi3UzFaO2xm-PmthY9KA~zK6Z-jdq-K4~vsc5mKgLoKfOmxoR1c3dKAbWtpVBvMg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA" alt="">
</td>
<td>
سنندج
</td>
<td>
پژو
</td>
<td>
206
</td>
<td>
1401
</td>
<td class="text-danger">
230,000,000 M
</td>
<td>
1401/05/09
</td>
<td>
رایگاه
</td>
<td>
<button class="btn btn-secondary text-light btn-sm">مشاهده</button>
</td>
</tr>
<tr class="border-bottom border-3">
<td>1</td>
<td>
کیوان مرادی
</td>
<td>
<img style="height: 35px;width: 35px;object-position: center;object-fit: cover;border-radius:50%;" class="img-fluid" src="https://s3-alpha-sig.figma.com/img/b940/caf9/f3a52bcc9317c793ebc094db911b237b?Expires=1665360000&Signature=CbBRCgg2i97DI54xPw9kOblftE6yCzC2RZ79IV5tIXNU3OXstRcvF0k~yhn4VPUx~LWSxMRqdV9QEwVsRc5993ZS-ToBOrhXsWomI5YPqvboNx~PF0JIbSMA1Fwc0h-yWMAUKQOKMbsuNmWIt1uywHvGkeGmZH~7SycmR1ZH44LBAXuKuLyxs71zQ7QvbcKbMtZF3KLwfhb4HTMkTd3RrYZXhaWfynQezRX-ohDMIdCvC1zoIbsoFMt7R~RFtS7U6ftACWhGiW7oqJqBNIwIqDGi3UzFaO2xm-PmthY9KA~zK6Z-jdq-K4~vsc5mKgLoKfOmxoR1c3dKAbWtpVBvMg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA" alt="">
</td>
<td>
سنندج
</td>
<td>
پژو
</td>
<td>
206
</td>
<td>
1401
</td>
<td>
230,000,000 M
</td>
<td>
1401/05/09
</td>
<td>
رایگاه
</td>
<td>
<button class="btn btn-warning text-light btn-sm">مشاهده</button>
</td>
</tr>
<tr class="border-bottom border-3">
<td>1</td>
<td>
کیوان مرادی
</td>
<td>
<img style="height: 35px;width: 35px;object-position: center;object-fit: cover;border-radius:50%;" class="img-fluid" src="https://s3-alpha-sig.figma.com/img/b940/caf9/f3a52bcc9317c793ebc094db911b237b?Expires=1665360000&Signature=CbBRCgg2i97DI54xPw9kOblftE6yCzC2RZ79IV5tIXNU3OXstRcvF0k~yhn4VPUx~LWSxMRqdV9QEwVsRc5993ZS-ToBOrhXsWomI5YPqvboNx~PF0JIbSMA1Fwc0h-yWMAUKQOKMbsuNmWIt1uywHvGkeGmZH~7SycmR1ZH44LBAXuKuLyxs71zQ7QvbcKbMtZF3KLwfhb4HTMkTd3RrYZXhaWfynQezRX-ohDMIdCvC1zoIbsoFMt7R~RFtS7U6ftACWhGiW7oqJqBNIwIqDGi3UzFaO2xm-PmthY9KA~zK6Z-jdq-K4~vsc5mKgLoKfOmxoR1c3dKAbWtpVBvMg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA" alt="">
</td>
<td>
سنندج
</td>
<td>
پژو
</td>
<td>
206
</td>
<td>
1401
</td>
<td>
230,000,000 M
</td>
<td>
1401/05/09
</td>
<td>
رایگاه
</td>
<td>
<button class="btn btn-danger text-light btn-sm">مشاهده</button>
</td>
</tr>
<tr class="border-bottom border-3">
<td>1</td>
<td>
کیوان مرادی
</td>
<td>
<img style="height: 35px;width: 35px;object-position: center;object-fit: cover;border-radius:50%;" class="img-fluid" src="https://s3-alpha-sig.figma.com/img/b940/caf9/f3a52bcc9317c793ebc094db911b237b?Expires=1665360000&Signature=CbBRCgg2i97DI54xPw9kOblftE6yCzC2RZ79IV5tIXNU3OXstRcvF0k~yhn4VPUx~LWSxMRqdV9QEwVsRc5993ZS-ToBOrhXsWomI5YPqvboNx~PF0JIbSMA1Fwc0h-yWMAUKQOKMbsuNmWIt1uywHvGkeGmZH~7SycmR1ZH44LBAXuKuLyxs71zQ7QvbcKbMtZF3KLwfhb4HTMkTd3RrYZXhaWfynQezRX-ohDMIdCvC1zoIbsoFMt7R~RFtS7U6ftACWhGiW7oqJqBNIwIqDGi3UzFaO2xm-PmthY9KA~zK6Z-jdq-K4~vsc5mKgLoKfOmxoR1c3dKAbWtpVBvMg__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA" alt="">
</td>
<td>
سنندج
</td>
<td>
پژو
</td>
<td>
206
</td>
<td>
1401
</td>
<td class="text-danger">
230,000,000 M
</td>
<td>
1401/05/09
</td>
<td>
رایگاه
</td>
<td>
<button class="btn btn-success text-light btn-sm mx-1 px-3">تایید</button>
<button class="btn btn-danger text-light btn-sm mx-1 px-3">رد</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</main>
<!-- footer -->
<footer class="p-0 m-0">
<div class="col-12 p-0 bg-warning footer">
<div class="container">
<div class="row py-3 ">
<div
class="col-lg-6 col-md-6 col-sm-12 col-12 d-flex justify-content-start align-items-center text-secondary">
<span class="text-uppercase">©2022 coppyright.oneyar.lte</span>
</div>
<div
class="col-lg-6 col-md-6 col-sm-12 col-12 d-flex flex-column justify-content-center align-item-center">
<div class="d-flex justify-content-end align-items-center w-100">
<div class="mx-2">
<a href="" class="link-light">
<svg width="20" height="34" viewBox="0 0 34 34" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M24.1371 34H10.5095C7.93916 33.9968 5.47502 32.9724 3.65753 31.1513C1.84004 29.3302 0.817597 26.8611 0.814453 24.2857V9.71429C0.817597 7.13887 1.84004 4.66983 3.65753 2.84873C5.47502 1.02763 7.93916 0.00315037 10.5095 0H24.1371C26.7075 0.00315037 29.1716 1.02763 30.9891 2.84873C32.8066 4.66983 33.829 7.13887 33.8322 9.71429V24.2857C33.829 26.8611 32.8066 29.3302 30.9891 31.1513C29.1716 32.9724 26.7075 33.9968 24.1371 34ZM10.5095 2.49405C8.59828 2.49562 6.76573 3.25664 5.41375 4.61019C4.06178 5.96374 3.30076 7.7993 3.29761 9.71429V24.2857C3.30075 26.2012 4.06158 28.0374 5.41339 29.3919C6.76519 30.7464 8.59773 31.5088 10.5095 31.5119H24.1371C26.0483 31.5088 27.8803 30.7462 29.2311 29.3916C30.582 28.0369 31.3415 26.2007 31.3431 24.2857V9.71429C31.3415 7.79985 30.5818 5.96427 29.2308 4.61055C27.8797 3.25684 26.0478 2.49563 24.1371 2.49405H10.5095Z"
fill="#626262" />
<path
d="M17.3167 25.9999C14.7975 25.9968 12.3826 25.0469 10.6018 23.3589C8.82107 21.6708 7.82002 19.3824 7.81836 16.9958C7.82132 15.7795 8.08035 14.576 8.58027 13.4556C9.0802 12.3353 9.81098 11.3206 10.7299 10.4711C11.6024 9.65754 12.6396 9.01954 13.7791 8.59549C14.9186 8.17144 16.1368 7.97011 17.3606 8.00358C20.3222 8.08663 22.7766 9.02975 24.4609 10.7321C25.2726 11.5842 25.8985 12.58 26.3025 13.6621C26.7065 14.7442 26.8807 15.8912 26.8151 17.0373C26.7782 19.4174 25.7708 21.6918 24.0038 23.3841C23.1271 24.2173 22.0846 24.8775 20.9368 25.3265C19.789 25.7755 18.5586 26.0044 17.3167 25.9999ZM17.0976 11.0227C15.5472 11.0274 14.0609 11.609 12.9589 12.6421C12.3458 13.2089 11.8583 13.8859 11.525 14.6335C11.1917 15.3812 11.0193 16.1843 11.0179 16.9958C11.0199 17.7794 11.1849 18.555 11.5033 19.2782C11.8218 20.0014 12.2875 20.6582 12.8738 21.2109C13.4602 21.7636 14.1557 22.2015 14.9207 22.4996C15.6857 22.7977 16.5052 22.9501 17.3324 22.9482C18.1596 22.9462 18.9782 22.7899 19.7417 22.4882C20.5051 22.1866 21.1983 21.7454 21.7818 21.1899C22.3652 20.6344 22.8275 19.9755 23.1421 19.2508C23.4568 18.5261 23.6177 17.7498 23.6156 16.9662C23.717 15.45 23.1813 13.9575 22.1254 12.8141C21.0359 11.7108 19.3579 11.0998 17.2667 11.0346L17.0976 11.0227Z"
fill="#626262" />
<path
d="M26.3285 10C27.7099 10 28.8298 8.88071 28.8298 7.5C28.8298 6.11929 27.7099 5 26.3285 5C24.947 5 23.8271 6.11929 23.8271 7.5C23.8271 8.88071 24.947 10 26.3285 10Z"
fill="#626262" />
</svg>
</a>
</div>
<div class="mx-2">
<a href="" class="link-light">
<svg width="20" height="34" viewBox="0 0 35 34" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.841797 34L3.24614 25.2738C1.75967 22.7125 0.979884 19.8118 0.988007 16.8465C0.988007 7.55466 8.59092 0 17.924 0C22.4565 0 26.7128 1.75333 29.9051 4.93679C33.1054 8.12025 34.8681 12.3541 34.86 16.8546C34.86 26.1464 27.257 33.701 17.9159 33.701H17.9077C15.0729 33.701 12.2868 32.99 9.80934 31.6488L0.841797 34ZM10.2398 28.6027L10.7516 28.9097C12.9122 30.1863 15.3897 30.8569 17.9159 30.865H17.924C25.6812 30.865 32.0007 24.587 32.0007 16.8626C32.0007 13.1217 30.5386 9.60694 27.8825 6.95675C25.2264 4.30656 21.6848 2.85219 17.924 2.85219C10.1667 2.84411 3.84722 9.12215 3.84722 16.8465C3.84722 19.4886 4.58639 22.0661 5.99976 24.2961L6.33279 24.8294L4.9113 29.9924L10.2398 28.6027Z"
fill="#626262" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M15.169 10.6947C14.8558 10.0305 14.5264 10.0153 14.2292 10.0076C13.9883 10 13.7071 10 13.426 10C13.1449 10 12.6951 10.0992 12.3095 10.4962C11.924 10.8931 10.8477 11.855 10.8477 13.8169C10.8477 15.7711 12.3497 17.6643 12.5585 17.9314C12.7674 18.1986 15.4582 22.3437 19.7072 23.9392C23.2414 25.2675 23.9644 25.0003 24.7274 24.9316C25.4905 24.8629 27.2014 23.9697 27.5548 23.0384C27.9002 22.1071 27.9002 21.3132 27.7957 21.1452C27.6913 20.9773 27.4102 20.8781 26.9925 20.6796C26.5748 20.4811 24.5186 19.5193 24.133 19.3819C23.7475 19.2521 23.4664 19.1834 23.1933 19.5803C22.9121 19.9773 22.1089 20.8704 21.8679 21.1376C21.627 21.4048 21.378 21.4353 20.9603 21.2368C20.5426 21.0384 19.1932 20.6185 17.5948 19.2597C16.3498 18.2063 15.5064 16.9009 15.2654 16.5039C15.0244 16.107 15.2413 15.8932 15.4501 15.6948C15.6349 15.5192 15.8678 15.2291 16.0767 15.0001C16.2855 14.7711 16.3578 14.6031 16.4943 14.336C16.6309 14.0688 16.5666 13.8398 16.4622 13.6413C16.3578 13.4504 15.5385 11.4809 15.169 10.6947Z"
fill="#626262" />
</svg>
</a>
</div>
<div class="mx-2">
<a href="" class="link-light">
<svg width="20" height="34" viewBox="0 0 35 34" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect x="0.870117" width="34.0183" height="34" rx="17" fill="#626262" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M8.56965 16.8209C13.5282 14.6617 16.8346 13.2383 18.489 12.5505C23.2126 10.5869 24.1942 10.2458 24.8339 10.2345C24.9746 10.232 25.2892 10.2669 25.493 10.4321C25.6651 10.5717 25.7124 10.7602 25.7351 10.8925C25.7578 11.0248 25.786 11.3262 25.7635 11.5618C25.5076 14.2499 24.4 20.7732 23.8365 23.7839C23.5981 25.0578 23.1286 25.485 22.6741 25.5268C21.6863 25.6176 20.9363 24.8744 19.9796 24.2476C18.4825 23.2668 17.6368 22.6562 16.1837 21.6992C14.5044 20.5931 15.593 19.9852 16.5501 18.9917C16.8005 18.7317 21.1526 14.7753 21.2368 14.4164C21.2473 14.3715 21.2571 14.2042 21.1577 14.1158C21.0582 14.0275 20.9114 14.0577 20.8055 14.0817C20.6554 14.1158 18.2638 15.6956 13.6309 18.8213C12.9521 19.2872 12.3373 19.5142 11.7864 19.5023C11.179 19.4891 10.0108 19.1591 9.14236 18.8769C8.07716 18.5308 7.23056 18.3479 7.30428 17.7601C7.34268 17.454 7.76447 17.1409 8.56965 16.8209Z"
fill="#FED215" />
</svg>
</a>
</div>
<div class="mx-2">
<a href="" class="link-secondary">
<svg width="20" height="34" viewBox="0 0 35 34" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect x="0.897461" width="34.0183" height="34" rx="17" fill="#626262" />
<path
d="M24.528 21.9141L25.2821 17H20.5648V13.8125C20.5648 12.4678 21.2225 11.1562 23.3354 11.1562H25.4815V6.97266C25.4815 6.97266 23.5347 6.64062 21.6743 6.64062C17.7875 6.64062 15.2494 8.99473 15.2494 13.2547V17H10.9307V21.9141H15.2494V33.7941C16.1165 33.9303 17.0035 34 17.9071 34C18.8107 34 19.6977 33.9303 20.5648 33.7941V21.9141H24.528Z"
fill="#FED215" />
</svg>
</a>
</div>
</div>
<div class="d-flex justify-content-end align-items-center w-100 mt-1">
<div class="mx-2">
<a href="" class="link-secondary text-decoration-none "
style="font-size:16px ;">
پشتیبانی
</a>
</div>
<span class="text-secondary"> |</span>
<div class="mx-2">
<a href="" class="link-secondary text-decoration-none "
style="font-size: 16px;">
تماس با ما
</a>
</div>
<span class="text-secondary"> |</span>
<div class="mx-2">
<a href="" class="link-secondary text-decoration-none "
style="font-size:16px ;">
درباره ما
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous">
</script>
<script>
var element = document.querySelectorAll('#selectionLaanguage option');
function onChane() {
element.forEach(e => {
if (e.selected && e.value == 'en') {
document.querySelector('html').setAttribute('dir', 'ltr');
rtlPrice()
}
if (e.selected && e.value == 'fa') {
document.querySelector('html').setAttribute('dir', 'rtl')
rtlPrice()
}
});
}
function rtlPrice() {
var html = document.querySelector('html');
const rangeInput = document.querySelectorAll(".range-input input"),
priceInput = document.querySelectorAll(".price-input input"),
progress = document.querySelector('.r-slider .r-progress'),
text_min = document.querySelector('.range-button-min'),
text_max = document.querySelector('.range-button-max');
let priceGap = 500;
let curency = Intl.NumberFormat('en-US');
element.forEach(e => {
if (e.selected && e.value == 'en') {
rangeInput.forEach(input => {
let minVal = parseInt(rangeInput[0].value),
maxVal = parseInt(rangeInput[1].value);
if (maxVal - minVal < priceGap) {
if (e.target.className === "range-min") {
rangeInput[0].value = maxVal - priceGap;
} else {
rangeInput[1].value = minVal + priceGap;
}
} else {
priceInput[0].value = curency.format(minVal);
priceInput[1].value = curency.format(maxVal);
text_min.style.left = ((minVal / rangeInput[0].max) * 100) + "%";
text_min.innerText = curency.format(parseInt(rangeInput[0].value));
text_max.style.right = 100 - (maxVal / rangeInput[1].max) * 100 + "%";
text_max.innerText = curency.format(parseInt(rangeInput[1].value));
}
input.addEventListener("input", e => {
let minVal = parseInt(rangeInput[0].value),
maxVal = parseInt(rangeInput[1].value);
if (maxVal - minVal < priceGap) {
if (e.target.className === "range-min") {
rangeInput[0].value = maxVal - priceGap;
} else {
rangeInput[1].value = minVal + priceGap;
}
} else {
priceInput[0].value = curency.format(minVal);
priceInput[1].value = curency.format(maxVal);
text_min.style.left = (minVal / rangeInput[0].max) * 100 + "%";
text_min.innerText = curency.format(parseInt(rangeInput[0].value));
text_max.style.right = 100 - (maxVal / rangeInput[1].max) * 100 + "%";
text_max.innerText = curency.format(parseInt(rangeInput[1].value));
}
})
})
priceInput.forEach(input => {
input.addEventListener("input", e => {
let minVal = parseInt(priceInput[0].value),
maxVal = parseInt(priceInput[1].value);
if ((maxVal - minVal >= priceGap) && maxVal <= 10000) {
if (e.target.className === "input-min") {
rangeInput[0].value = minVal;
rangeInput[1].value = maxVal;
text_min.style.left = (minVal / rangeInput[0].max) * 100 + "%";
text_min.innerText = curency.format(parseInt(rangeInput[0].value));
text_max.style.right = 100 - (maxVal / rangeInput[1].max) * 100 + "%";
text_max.innerText = curency.format(parseInt(rangeInput[1].value));
} else {
rangeInput[0].value = minVal;
rangeInput[1].value = maxVal;
text_min.style.left = (minVal / rangeInput[0].max) * 100 + "%";
text_min.innerText = curency.format(parseInt(rangeInput[0].value));
text_max.style.right = 100 - (maxVal / rangeInput[1].max) * 100 + "%";
text_max.innerText = curency.format(parseInt(rangeInput[1].value));
}
}
})
})
}
if (e.selected && e.value == 'fa') {
// alert(0)
rangeInput.forEach(input => {
let minVal = parseInt(rangeInput[0].value),
maxVal = parseInt(rangeInput[1].value);
if (maxVal - minVal < priceGap) {
if (e.target.className === "range-min") {
rangeInput[0].value = maxVal - priceGap;
} else {
rangeInput[1].value = minVal + priceGap;
}
} else {
priceInput[0].value = minVal;
priceInput[1].value = maxVal;
text_min.style.right = (minVal / rangeInput[0].max) * 100 + "%";
text_max.style.right = (maxVal / rangeInput[1].max) * 100 + "%";
text_min.innerText = curency.format(parseInt(rangeInput[0].value));
text_max.innerText = curency.format(parseInt(rangeInput[1].value));
}
input.addEventListener("input", e => {
let minVal = parseInt(rangeInput[0].value),
maxVal = parseInt(rangeInput[1].value);
if (maxVal - minVal < priceGap) {
if (e.target.className === "range-min") {
rangeInput[0].value = maxVal - priceGap;
} else {
rangeInput[1].value = minVal + priceGap;
}
} else {
priceInput[0].value = minVal;
priceInput[1].value = maxVal;
text_min.style.right = (minVal / rangeInput[0].max) * 100 + "%";
text_max.style.right = (maxVal / rangeInput[1].max) * 100 + "%";
text_min.innerText = curency.format(parseInt(rangeInput[0].value));
text_max.innerText = curency.format(parseInt(rangeInput[1].value));
}
})
})
priceInput.forEach(input => {
input.addEventListener("input", e => {
let minVal = parseInt(priceInput[0].value),
maxVal = parseInt(priceInput[1].value);
if ((maxVal - minVal >= priceGap) && maxVal <= 10000) {
if (e.target.className === "input-min") {
rangeInput[0].value = minVal;
rangeInput[1].value = maxVal;
text_min.style.right = (minVal / rangeInput[0].max) * 100 + "%";
text_max.style.right = (maxVal / rangeInput[1].max) * 100 + "%";
text_min.innerText = curency.format(parseInt(rangeInput[0].value));
text_max.innerText = curency.format(parseInt(rangeInput[1].value));
} else {
rangeInput[0].value = minVal;
rangeInput[1].value = maxVal;
text_min.style.right = (minVal / rangeInput[0].max) * 100 + "%";
text_max.style.right = (maxVal / rangeInput[1].max) * 100 + "%";
text_min.innerText = curency.format(parseInt(rangeInput[0].value));
text_max.innerText = curency.format(parseInt(rangeInput[1].value));
}
}
})
})
}
})
}
rtlPrice()
function colorIconMenuChange() {
let color_icon_menu = document.getElementsByClassName('color-icon');
for (n of color_icon_menu) {
if (n.parentElement.parentElement.parentElement.className.indexOf('active') >= 1) {
var element = n.getElementsByClassName('path-change-color')
if (element[0].hasAttribute('fill')) {
element[0].setAttribute('fill', '#FF3919')
}
if (element[0].hasAttribute('stroke')) {
element[0].setAttribute('stroke', '#FF3919')
}
} else {
var element = n.getElementsByClassName('path-change-color')
if (element[0].hasAttribute('fill')) {
element[0].setAttribute('fill', '#646464')
}
if (element[0].hasAttribute('stroke')) {
element[0].setAttribute('stroke', '#646464')
}
}
}
}
</script>
</body>
</html>