-
Notifications
You must be signed in to change notification settings - Fork 0
/
home-03.html
2683 lines (2648 loc) · 215 KB
/
home-03.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">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Onest || Homepage 03</title>
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="512x512" href="./src/images/favicon_io/android-chrome-512x512.png" />
<link rel="apple-touch-icon" sizes="192x192" href="./src/images/favicon_io/android-chrome-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="./src/images/favicon_io/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="./src/images/favicon_io/favicon-16x16.png" />
<link rel="manifest" href="./src/images/favicon_io/site.webmanifest" />
<link rel="stylesheet" href="./src/plugins/select2/css/select2.min.css" />
<link rel="stylesheet" href="./src/plugins/select2/css/select2-bootstrap-5-theme.css" />
<link rel="stylesheet" href="./src/plugins/css/bootstrap.min.css">
<link rel="stylesheet" href="./src/css/main.css">
<link rel="stylesheet" href="./src/css/extra.css">
</head>
<body>
<div class="loader">
<div class="loader-icon">
<img src="./src/images/loader.gif" alt="loader" />
</div>
</div>
<!-- header section start -->
<header class="header header--one header--home-three" id="sticky-menu">
<div class="container navigation-bar">
<div class="d-flex align-items-center ">
<button class="toggle-icon ">
<span class="toggle-icon__bar"></span>
<span class="toggle-icon__bar"></span>
<span class="toggle-icon__bar"></span>
</button>
<!-- Brand Logo -->
<a href="index.html" class="navigation-bar__logo">
<img src="./src/images/svg/logo.svg" alt="brand-logo" class="logo-white text-white" />
<img src="./src/images/svg/logo-dark.svg" alt="brand-logo" class="logo-dark">
</a>
</div>
<!-- Menu -->
<ul class="menu">
<li class="menu__item">
<a href="#" class="menu__link active">
Home
<span class="icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 6L8 11L13 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<ul class="menu-dropdown">
<li class="menu-dropdown__item">
<a href="index.html" class="menu-dropdown__link active">Homepage 01</a>
</li>
<li class="menu-dropdown__item">
<a href="home-02.html" class="menu-dropdown__link">Homepage 02</a>
</li>
<li class="menu-dropdown__item">
<a href="home-03.html" class="menu-dropdown__link">Homepage 03</a>
</li>
</ul>
</li>
<li class="menu__item">
<a href="ad-list.html" class="menu__link">Listing</a>
</li>
<li class="menu__item">
<a href="#" class="menu__link">
Pages
<span class="icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 6L8 11L13 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<ul class="menu-dropdown">
<li class="menu-dropdown__item">
<a href="blog-list.html" class="menu-dropdown__link">Blog List</a>
</li>
<li class="menu-dropdown__item">
<a href="blog-details.html" class="menu-dropdown__link">Single Blogs</a>
</li>
<li class="menu-dropdown__item">
<a href="about.html" class="menu-dropdown__link">About</a>
</li>
<li class="menu-dropdown__item">
<a href="price-plan.html" class="menu-dropdown__link">Pricing Plans</a>
</li>
<li class="menu-dropdown__item">
<a href="signin.html" class="menu-dropdown__link">Sign In</a>
</li>
<li class="menu-dropdown__item">
<a href="signup.html" class="menu-dropdown__link">Sign Up</a>
</li>
<li class="menu-dropdown__item">
<a href="dashboard.html" class="menu-dropdown__link">user Dashboard</a>
</li>
<li class="menu-dropdown__item">
<a href="faq.html" class="menu-dropdown__link">Faqs</a>
</li>
<li class="menu-dropdown__item">
<a href="404-error.html" class="menu-dropdown__link">404 Error Pages</a>
</li>
</ul>
</li>
<li class="menu__item">
<a href="get-membership.html" class="menu__link">Get Membership</a>
</li>
<li class="menu__item">
<a href="contact.html" class="menu__link">Contact</a>
</li>
</ul>
<!-- Action Buttons -->
<div class="navigation-bar__buttons">
<a href="signup.html" class="btn tg">
<span class="icon--left">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.6">
<path d="M16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28Z" stroke="currentColor" stroke-width="1.6" stroke-miterlimit="10"></path>
<path d="M16 20C18.7614 20 21 17.7614 21 15C21 12.2386 18.7614 10 16 10C13.2386 10 11 12.2386 11 15C11 17.7614 13.2386 20 16 20Z" stroke="currentColor" stroke-width="1.6" stroke-miterlimit="10"></path>
<path
d="M7.9751 24.9218C8.72836 23.4408 9.87675 22.1971 11.2931 21.3284C12.7095 20.4598 14.3387 20 16.0002 20C17.6617 20 19.2909 20.4598 20.7073 21.3284C22.1237 22.1971 23.272 23.4407 24.0253 24.9217"
stroke="currentColor"
stroke-width="1.6"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</g>
</svg>
</span>
Login / Register
</a>
<a href="#" class="btn">
<span class="icon--left">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="currentColor" stroke-width="1.6" stroke-miterlimit="10"></path>
<path d="M8.25 12H15.75" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 8.25V15.75" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
Post Ads
</a>
<!-- <div class="language-select">
<input class="country_selector" type="text">
</div> -->
<div class="language-picker js-language-picker desktop-show home-black">
<form action="" class="language-picker__form">
<label for="language-picker-select"></label>
<select name="language -picker-select" id="language-picker-select">
<option lang="en" value="english" selected>En</option>
<option lang="de" value="deutsch">De</option>
<option lang="fr" value="francais">Fr</option>
</select>
</form>
</div>
</div>
<!-- Responsive Navigation Menu -->
<div class="menu--sm mobile-menu">
<!-- head -->
<div class="mobile-menu__header">
<!-- brand -->
<div class="mobile-menu__brand">
<a href="index.html">
<img src="./src/images/svg/logo-dark.svg" alt="logo">
</a>
<div class="close">
<span>
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 5.08325L15.6066 15.6899" stroke="#191F33" stroke-width="1.9375" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.99999 15.9167L15.6066 5.31015" stroke="#191F33" stroke-width="1.9375" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</div>
</div>
<div class="mobile-menu__search">
<form action="#">
<div class="input-field">
<input type="text" placeholder="Ads, Title, keyword..." class="">
<button class="icon icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M21.0004 21.0004L16.6504 16.6504" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</form>
</div>
<div class="mobile-menu__body">
<ul >
<li class="menu--sm__item">
<a href="#" class="menu--sm__link active">
Home
<span class="icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 6L8 11L13 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<ul class="menu--sm-dropdown">
<li class="menu--sm-dropdown__item">
<a href="index.html" class="menu--sm-dropdown__link active">Homepage 01</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="home-02.html" class="menu--sm-dropdown__link">Homepage 02</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="home-03.html" class="menu--sm-dropdown__link">Homepage 03</a>
</li>
</ul>
</li>
<li class="menu--sm__item">
<a href="#" class="menu--sm__link">
All Category
<span class="icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 6L8 11L13 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<ul class="menu--sm-dropdown">
<li class="menu--sm-dropdown__item">
<a href="#" class="menu--sm-dropdown__link">Mobile</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="#" class="menu--sm-dropdown__link">Electronics</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="#" class="menu--sm-dropdown__link">Vehicles</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="#" class="menu--sm-dropdown__link">Property</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="#" class="menu--sm-dropdown__link">Essentials</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="#" class="menu--sm-dropdown__link">Home & Living</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="#" class="menu--sm-dropdown__link">Business Industry</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="#" class="menu--sm-dropdown__link">Education</a>
</li>
</ul>
</li>
<li class="menu--sm__item">
<a href="ad-list.html" class="menu--sm__link">Ads Listing</a>
</li>
<li class="menu--sm__item">
<a href="#" class="menu--sm__link">
Pages
<span class="icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 6L8 11L13 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<ul class="menu--sm-dropdown">
<li class="menu--sm-dropdown__item">
<a href="blog-list.html" class="menu--sm-dropdown__link">Blog List</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="blog-details.html" class="menu--sm-dropdown__link">Single Blogs</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="about.html" class="menu--sm-dropdown__link">About</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="price-plan.html" class="menu--sm-dropdown__link">Pricing Plans</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="signin.html" class="menu--sm-dropdown__link">Sign In</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="signup.html" class="menu--sm-dropdown__link">Sign Up</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="dashboard.html" class="menu--sm-dropdown__link">user Dashboard</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="faq.html" class="menu--sm-dropdown__link">Faqs</a>
</li>
<li class="menu--sm-dropdown__item">
<a href="404-error.html" class="menu--sm-dropdown__link">404 Error Pages</a>
</li>
</ul>
</li>
<li class="menu--sm__item">
<a href="get-membership.html" class="menu--sm__link">Get Membership</a>
</li>
<li class="menu--sm__item">
<a href="contact.html" class="menu--sm__link">Contact</a>
</li>
</ul>
</div>
<div class="mobile-menu__language">
<h2>Languages</h2>
<div class="language-picker js-language-picker mobile-show">
<form action="" class="language-picker__form">
<label for="language-picker-select"></label>
<select name="language-picker-select" id="language-picker-select">
<option lang="en" value="english" selected>En</option>
<option lang="de" value="deutsch">De</option>
<option lang="fr" value="francais">Fr</option>
</select>
</form>
</div>
</div>
</div>
<!-- footer -->
<div class="mobile-menu__footer ">
<div class="mobile-menu-user-wrap">
<div class="mobile-menu-user-left">
<div class="mobile-menu-user">
<img src="./src/images/users/img-06.png" alt="">
</div>
<div class="mobile-menu-user-data">
<h5>Jenny Wilson</h5>
<p>Member</p>
</div>
</div>
<div class="mobile-menu-user-right">
<a class="sign-out" href="signin.html"><img src="./src/images/svg/SignOut.svg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header section end -->
<!-- Banner section start -->
<div class="banner banner--three" style="background: url('src/images/pattern/img-02.png') center center/cover no-repeat;">
<div class="container">
<span class="banner__tag text--body-2-600">OVER 95,00,000 LIVE ADS</span>
<div class="banner__title text--display-2 animate__animated animate__bounceInDown">
The Largest Classified Ads Listing in the World.
</div>
<!-- Search Box -->
<div class="search">
<form action="#">
<div class="search__content">
<!-- search by keyword/title -->
<div class="search__content-item">
<div class="input-field">
<input type="text" placeholder="Search by ads title, keyword..." />
<span class="icon icon--left">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z"
stroke="#00AAFF"
stroke-width="1.6"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path d="M21 21L16.65 16.65" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</div>
</div>
<!-- Search By location -->
<div class="search__content-item">
<div class="input-field">
<input type="text" placeholder="Locations" />
<span class="icon icon--left">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 12.75C13.6569 12.75 15 11.4069 15 9.75C15 8.09315 13.6569 6.75 12 6.75C10.3431 6.75 9 8.09315 9 9.75C9 11.4069 10.3431 12.75 12 12.75Z"
stroke="#00AAFF"
stroke-width="1.6"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M19.5 9.75C19.5 16.5 12 21.75 12 21.75C12 21.75 4.5 16.5 4.5 9.75C4.5 7.76088 5.29018 5.85322 6.6967 4.4467C8.10322 3.04018 10.0109 2.25 12 2.25C13.9891 2.25 15.8968 3.04018 17.3033 4.4467C18.7098 5.85322 19.5 7.76088 19.5 9.75V9.75Z"
stroke="#00AAFF"
stroke-width="1.6"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</span>
</div>
</div>
<!-- Select Category temprorary disable -->
<div class="search__content-item">
<div class="input-field input-field--transparent">
<select name="category" class="js-example-basic-single w-100" style="width: calc(100% - 60px);">
<option value="null" style="display: none;">Select Category</option>
<option value="1">Category 1</option>
<option value="2">Category 2</option>
</select>
<span class="icon icon--left">
<svg viewBox="0 0 24 24" width="24" height="24" stroke="#00AAFF" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
<polyline points="2 17 12 22 22 17"></polyline>
<polyline points="2 12 12 17 22 12"></polyline>
</svg>
</span>
</div>
</div>
<!-- Search Btn -->
<div class="search__content-item">
<button class="btn btn--lg">
<span class="icon--left">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z"
stroke="white"
stroke-width="1.6"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path d="M21 21L16.65 16.65" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
Search
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- Banner section end -->
<!-- Poupular category Section start -->
<section class="section popular-category">
<div class="container">
<h2 class="text--heading-1 section__title">Popular Category</h2>
<div class="row">
<div class="col-xl-3 col-lg-4 col-6">
<div class="category-card">
<div class="category-card__icon">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M27 30.375V5.625C27 4.38236 25.9926 3.375 24.75 3.375L11.25 3.375C10.0074 3.375 9 4.38236 9 5.625V30.375C9 31.6176 10.0074 32.625 11.25 32.625H24.75C25.9926 32.625 27 31.6176 27 30.375Z"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18 10.125C18.932 10.125 19.6875 9.36948 19.6875 8.4375C19.6875 7.50552 18.932 6.75 18 6.75C17.068 6.75 16.3125 7.50552 16.3125 8.4375C16.3125 9.36948 17.068 10.125 18 10.125Z"
fill="currentColor"
/>
</svg>
</div>
<h5 class="text--body-2 category-card__title">Mobiles</h5>
<div class="category-card__view">
<span class="first view-number">69,590 Ads</span>
<a href="ad-details.html" class="second view-btn">
View Ads
<span class="icon">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.25 12H20.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-6">
<div class="category-card">
<div class="category-card__icon">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M30 4.5H6C4.34315 4.5 3 5.84315 3 7.5V22.5C3 24.1569 4.34315 25.5 6 25.5H30C31.6569 25.5 33 24.1569 33 22.5V7.5C33 5.84315 31.6569 4.5 30 4.5Z"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path d="M12 31.5H24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M18 25.5V31.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<h5 class="text--body-2 category-card__title">Electronics</h5>
<div class="category-card__view">
<span class="first view-number">4,391</span>
<a href="ad-details.html" class="second view-btn">
View Ads
<span class="icon">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.25 12H20.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-6">
<div class="category-card">
<div class="category-card__icon">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#vehicles)">
<path d="M-0.168945 16.2844H35.2686" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M32.7373 26.4094V30.2063C32.7373 30.542 32.604 30.8639 32.3666 31.1012C32.1293 31.3386 31.8073 31.4719 31.4717 31.4719H27.6748C27.3391 31.4719 27.0172 31.3386 26.7799 31.1012C26.5425 30.8639 26.4092 30.542 26.4092 30.2063V26.4094"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M8.69043 26.4094V30.2063C8.69043 30.542 8.55709 30.8639 8.31974 31.1012C8.08239 31.3386 7.76047 31.4719 7.4248 31.4719H3.62793C3.29227 31.4719 2.97035 31.3386 2.733 31.1012C2.49565 30.8639 2.3623 30.542 2.3623 30.2063V26.4094"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path d="M7.4248 21.3469H9.95606" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M25.1436 21.3469H27.6748" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M32.7373 16.2844L28.0089 5.6454C27.9094 5.42169 27.7472 5.23161 27.542 5.09821C27.3367 4.9648 27.0971 4.8938 26.8523 4.8938H8.2473C8.00249 4.8938 7.76292 4.9648 7.55765 5.09821C7.35237 5.23161 7.19019 5.42169 7.09076 5.6454L2.3623 16.2844V26.4094H32.7373V16.2844Z"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
<defs>
<clipPath id="vehicles">
<rect width="36" height="36" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<h5 class="text--body-2 category-card__title">Vehicles</h5>
<div class="category-card__view">
<span class="first view-number">24,296 Ads</span>
<a href="ad-details.html" class="second view-btn">
View Ads
<span class="icon">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.25 12H20.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-6">
<div class="category-card">
<div class="category-card__icon">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.75 19.6295V29.2499C6.75 29.5483 6.86853 29.8345 7.07951 30.0454C7.29048 30.2564 7.57663 30.3749 7.875 30.3749H28.125C28.4234 30.3749 28.7095 30.2564 28.9205 30.0454C29.1315 29.8345 29.25 29.5483 29.25 29.2499V19.6297"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M7.59859 5.625H28.4014C28.6459 5.625 28.8837 5.70464 29.0789 5.85186C29.2741 5.99908 29.416 6.20587 29.4831 6.44094L31.5 13.5H4.5L6.51687 6.44094C6.58404 6.20587 6.72594 5.99908 6.92112 5.85186C7.11629 5.70464 7.35411 5.625 7.59859 5.625Z"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M13.5 13.5V15.75C13.5 16.9435 13.0259 18.0881 12.182 18.932C11.3381 19.7759 10.1935 20.25 9 20.25C7.80653 20.25 6.66193 19.7759 5.81802 18.932C4.97411 18.0881 4.5 16.9435 4.5 15.75V13.5"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M22.5 13.5V15.75C22.5 16.9435 22.0259 18.0881 21.182 18.932C20.3381 19.7759 19.1935 20.25 18 20.25C16.8065 20.25 15.6619 19.7759 14.818 18.932C13.9741 18.0881 13.5 16.9435 13.5 15.75V13.5"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M31.5 13.5V15.75C31.5 16.9435 31.0259 18.0881 30.182 18.932C29.3381 19.7759 28.1935 20.25 27 20.25C25.8065 20.25 24.6619 19.7759 23.818 18.932C22.9741 18.0881 22.5 16.9435 22.5 15.75V13.5"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<h5 class="text--body-2 category-card__title">Property</h5>
<div class="category-card__view">
<span class="first view-number">15,374 Ads</span>
<a href="ad-details.html" class="second view-btn">
View Ads
<span class="icon">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.25 12H20.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-6">
<div class="category-card">
<div class="category-card__icon">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M26.0145 5.21258L20.1136 11.1135L20.9091 15.0909L24.8866 15.8864L30.7875 9.98555L30.7881 9.98531C31.5184 11.7094 31.6931 13.6183 31.2878 15.4464C30.8825 17.2744 29.9173 18.9306 28.5266 20.1844C27.1359 21.4382 25.3889 22.2272 23.5288 22.4416C21.6687 22.656 19.788 22.2852 18.1485 21.3807L18.1487 21.3804L10.2616 30.5114C9.62853 31.1438 8.77028 31.4989 7.8755 31.4986C6.98073 31.4983 6.12268 31.1428 5.48998 30.5101C4.85728 29.8774 4.50172 29.0193 4.50146 28.1246C4.50121 27.2298 4.85628 26.3715 5.48862 25.7385L14.6196 17.8515L14.6194 17.8516C13.7149 16.2121 13.344 14.3314 13.5585 12.4713C13.7729 10.6112 14.5619 8.86417 15.8157 7.47349C17.0695 6.0828 18.7257 5.11761 20.5537 4.71228C22.3817 4.30694 24.2906 4.48162 26.0148 5.21201L26.0145 5.21258Z"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<h5 class="text--body-2 category-card__title">Essentials</h5>
<div class="category-card__view">
<span class="first view-number">4,391 Ads</span>
<a href="ad-details.html" class="second view-btn">
View Ads
<span class="icon">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.25 12H20.75" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-6">
<div class="category-card">
<div class="category-card__icon">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M30.375 30.375V16.2477C30.375 16.0909 30.3422 15.9359 30.2788 15.7925C30.2154 15.6492 30.1228 15.5207 30.0068 15.4152L18.756 5.18687C18.5489 4.9986 18.2791 4.89428 17.9992 4.89429C17.7193 4.8943 17.4495 4.99863 17.2424 5.18692L5.99317 15.4152C5.87721 15.5207 5.78455 15.6492 5.72115 15.7925C5.65775 15.9359 5.625 16.0909 5.625 16.2476V30.375"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path d="M2.25 30.375H33.75" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M21.374 30.3739V22.4989C21.374 22.2005 21.2555 21.9144 21.0445 21.7034C20.8335 21.4924 20.5474 21.3739 20.249 21.3739H15.749C15.4507 21.3739 15.1645 21.4924 14.9535 21.7034C14.7426 21.9144 14.624 22.2005 14.624 22.4989V30.3739"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<h5 class="text--body-2 category-card__title">Home & Living</h5>
<div class="category-card__view">
<span class="first view-number">39,400 Ads</span>
<a href="ad-details.html" class="second view-btn">
View Ads
<span class="icon">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.25 12H20.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-6">
<div class="category-card">
<div class="category-card__icon">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M33.8509 17.126L30.375 18.8639L25.875 10.2461L29.3863 8.49047C29.6501 8.35857 29.9552 8.33554 30.2358 8.42635C30.5164 8.51716 30.7501 8.71453 30.8867 8.97598L34.345 15.599C34.4142 15.7314 34.4563 15.8763 34.4688 16.0252C34.4814 16.1741 34.4642 16.3239 34.4182 16.4661C34.3722 16.6082 34.2983 16.7398 34.2009 16.8531C34.1035 16.9664 33.9846 17.0591 33.8509 17.126V17.126Z"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M5.62515 18.7133L2.14923 16.9753C2.0156 16.9085 1.89662 16.8157 1.79923 16.7025C1.70184 16.5892 1.62799 16.4576 1.58199 16.3155C1.53599 16.1733 1.51877 16.0234 1.53132 15.8746C1.54388 15.7257 1.58596 15.5808 1.65511 15.4484L5.1135 8.82535C5.25001 8.5639 5.48375 8.36652 5.76436 8.27572C6.04498 8.18491 6.35004 8.20794 6.61384 8.33984L10.1251 10.0955L5.62515 18.7133Z"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M30.375 18.864L28.125 21.4962L22.9504 26.6708C22.813 26.8082 22.6424 26.9076 22.4552 26.9595C22.268 27.0113 22.0705 27.0138 21.8821 26.9667L13.7319 24.9292C13.579 24.8909 13.4359 24.821 13.3117 24.724L5.625 18.7133"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M28.1247 21.4962L21.9372 16.9962L20.1372 18.3462C19.3583 18.9304 18.4109 19.2462 17.4372 19.2462C16.4635 19.2462 15.5161 18.9304 14.7372 18.3462L13.9749 17.7745C13.846 17.6778 13.7393 17.5545 13.6621 17.413C13.585 17.2715 13.5392 17.115 13.5277 16.9542C13.5163 16.7935 13.5396 16.6321 13.5959 16.4811C13.6523 16.3301 13.7404 16.193 13.8544 16.079L19.3577 10.5757C19.4622 10.4713 19.5862 10.3884 19.7227 10.3319C19.8592 10.2753 20.0054 10.2462 20.1532 10.2462H25.8747"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path d="M10.2056 10.0953L17.4224 7.99137C17.6802 7.91622 17.9564 7.93575 18.2011 8.04645L23.0623 10.2461" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M15.75 29.9337L11.5116 28.8741C11.3396 28.8311 11.1803 28.748 11.0465 28.6317L7.875 25.875" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<h5 class="text--body-2 category-card__title">Business Industry</h5>
<div class="category-card__view">
<span class="first view-number">2,874 Ads</span>
<a href="ad-details.html" class="second view-btn">
View Ads
<span class="icon">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.25 12H20.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-6">
<div class="category-card">
<div class="category-card__icon">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.125 13.5L18 4.5L34.875 13.5L18 22.5L1.125 13.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M26.4375 33.75V18L18 13.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M30.9375 15.6V23.267C30.938 23.5097 30.8595 23.7459 30.714 23.9401C29.7666 25.2007 25.7699 29.8125 18 29.8125C10.2301 29.8125 6.23337 25.2007 5.28603 23.9401C5.14049 23.7459 5.06204 23.5097 5.0625 23.267V15.6"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<h5 class="text--body-2 category-card__title">Education</h5>
<div class="category-card__view">
<span class="first view-number">1,888 Ads</span>
<a href="ad-details.html" class="second view-btn">
View Ads
<span class="icon">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.25 12H20.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="#00AAFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Poupular category Section end -->
<!-- recent-post section start -->
<section class="section recent-post">
<div class="container">
<h2 class="text--heading-1 section__title">Our Popular Ads</h2>
<div class="row">
<div class="col-xl-3 col-md-6">
<div class="cards cards--one cards--highlight">
<a href="ad-details.html" class="cards__img-wrapper">
<img src="./src/images/view/img-05.png" alt="card-img" class="img-fluid" />
</a>
<div class="cards__info">
<div class="cards__info-top">
<h6 class="text--body-4 cards__category-title">
<span class="icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8 14.5L14 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2 8L8 11.5L14 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2 5L8 8.5L14 5L8 1.5L2 5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
Electronics
</h6>
<a href="ad-details.html" class="text--body-3-600 cards__caption-title">Xiaomi Poco X2 (8/256) Hot Offer...</a>
</div>
<div class="cards__info-bottom">
<h6 class="cards__location text--body-4">
<span class="icon">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M10 10.625C11.3807 10.625 12.5 9.50571 12.5 8.125C12.5 6.74429 11.3807 5.625 10 5.625C8.61929 5.625 7.5 6.74429 7.5 8.125C7.5 9.50571 8.61929 10.625 10 10.625Z"
stroke="#27C200"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="M16.25 8.125C16.25 13.75 10 18.125 10 18.125C10 18.125 3.75 13.75 3.75 8.125C3.75 6.4674 4.40848 4.87769 5.58058 3.70558C6.75269 2.53348 8.3424 1.875 10 1.875C11.6576 1.875 13.2473 2.53348 14.4194 3.70558C15.5915 4.87769 16.25 6.4674 16.25 8.125V8.125Z"
stroke="#27C200"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
</span>
Turkey
</h6>
<span class="cards__price-title text--body-3-600">$220.00 </span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="cards cards--one">
<a href="ad-details.html" class="cards__img-wrapper">
<img src="./src/images/view/img-06.png" alt="card-img" class="img-fluid" />
</a>
<div class="cards__info">
<div class="cards__info-top">
<h6 class="text--body-4 cards__category-title">
<span class="icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8 14.5L14 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2 8L8 11.5L14 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2 5L8 8.5L14 5L8 1.5L2 5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
Electronics
</h6>
<a href="ad-details.html" class="text--body-3-600 cards__caption-title">Xiaomi Poco X2 (8/256) Hot Offer...</a>
</div>
<div class="cards__info-bottom">
<h6 class="cards__location text--body-4">
<span class="icon">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M10 10.625C11.3807 10.625 12.5 9.50571 12.5 8.125C12.5 6.74429 11.3807 5.625 10 5.625C8.61929 5.625 7.5 6.74429 7.5 8.125C7.5 9.50571 8.61929 10.625 10 10.625Z"
stroke="#27C200"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="M16.25 8.125C16.25 13.75 10 18.125 10 18.125C10 18.125 3.75 13.75 3.75 8.125C3.75 6.4674 4.40848 4.87769 5.58058 3.70558C6.75269 2.53348 8.3424 1.875 10 1.875C11.6576 1.875 13.2473 2.53348 14.4194 3.70558C15.5915 4.87769 16.25 6.4674 16.25 8.125V8.125Z"
stroke="#27C200"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
</span>
Turkey
</h6>
<span class="cards__price-title text--body-3-600">$220.00 </span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="cards cards--one">
<a href="ad-details.html" class="cards__img-wrapper">
<img src="./src/images/view/img-07.png" alt="card-img" class="img-fluid" />
</a>
<div class="cards__info">
<div class="cards__info-top">
<h6 class="text--body-4 cards__category-title">
<span class="icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8 14.5L14 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2 8L8 11.5L14 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2 5L8 8.5L14 5L8 1.5L2 5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
Electronics
</h6>
<a href="ad-details.html" class="text--body-3-600 cards__caption-title">Xiaomi Poco X2 (8/256) Hot Offer...</a>
</div>
<div class="cards__info-bottom">
<h6 class="cards__location text--body-4">
<span class="icon">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M10 10.625C11.3807 10.625 12.5 9.50571 12.5 8.125C12.5 6.74429 11.3807 5.625 10 5.625C8.61929 5.625 7.5 6.74429 7.5 8.125C7.5 9.50571 8.61929 10.625 10 10.625Z"
stroke="#27C200"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="M16.25 8.125C16.25 13.75 10 18.125 10 18.125C10 18.125 3.75 13.75 3.75 8.125C3.75 6.4674 4.40848 4.87769 5.58058 3.70558C6.75269 2.53348 8.3424 1.875 10 1.875C11.6576 1.875 13.2473 2.53348 14.4194 3.70558C15.5915 4.87769 16.25 6.4674 16.25 8.125V8.125Z"
stroke="#27C200"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
</span>
Turkey
</h6>
<span class="cards__price-title text--body-3-600">$220.00 </span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="cards cards--one">
<a href="ad-details.html" class="cards__img-wrapper">
<img src="./src/images/view/img-08.png" alt="card-img" class="img-fluid" />
</a>
<div class="cards__info">
<div class="cards__info-top">
<h6 class="text--body-4 cards__category-title">
<span class="icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8 14.5L14 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2 8L8 11.5L14 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2 5L8 8.5L14 5L8 1.5L2 5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
Electronics
</h6>
<a href="ad-details.html" class="text--body-3-600 cards__caption-title">Xiaomi Poco X2 (8/256) Hot Offer...</a>
</div>
<div class="cards__info-bottom">
<h6 class="cards__location text--body-4">
<span class="icon">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M10 10.625C11.3807 10.625 12.5 9.50571 12.5 8.125C12.5 6.74429 11.3807 5.625 10 5.625C8.61929 5.625 7.5 6.74429 7.5 8.125C7.5 9.50571 8.61929 10.625 10 10.625Z"
stroke="#27C200"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="M16.25 8.125C16.25 13.75 10 18.125 10 18.125C10 18.125 3.75 13.75 3.75 8.125C3.75 6.4674 4.40848 4.87769 5.58058 3.70558C6.75269 2.53348 8.3424 1.875 10 1.875C11.6576 1.875 13.2473 2.53348 14.4194 3.70558C15.5915 4.87769 16.25 6.4674 16.25 8.125V8.125Z"
stroke="#27C200"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
</span>
Turkey
</h6>
<span class="cards__price-title text--body-3-600">$220.00 </span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="cards cards--one cards--highlight">
<a href="ad-details.html" class="cards__img-wrapper">
<img src="./src/images/view/img-09.png" alt="card-img" class="img-fluid" />
</a>
<div class="cards__info">
<div class="cards__info-top">
<h6 class="text--body-4 cards__category-title">
<span class="icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8 14.5L14 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2 8L8 11.5L14 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2 5L8 8.5L14 5L8 1.5L2 5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
Electronics
</h6>
<a href="ad-details.html" class="text--body-3-600 cards__caption-title">Xiaomi Poco X2 (8/256) Hot Offer...</a>
</div>
<div class="cards__info-bottom">
<h6 class="cards__location text--body-4">
<span class="icon">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M10 10.625C11.3807 10.625 12.5 9.50571 12.5 8.125C12.5 6.74429 11.3807 5.625 10 5.625C8.61929 5.625 7.5 6.74429 7.5 8.125C7.5 9.50571 8.61929 10.625 10 10.625Z"
stroke="#27C200"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="M16.25 8.125C16.25 13.75 10 18.125 10 18.125C10 18.125 3.75 13.75 3.75 8.125C3.75 6.4674 4.40848 4.87769 5.58058 3.70558C6.75269 2.53348 8.3424 1.875 10 1.875C11.6576 1.875 13.2473 2.53348 14.4194 3.70558C15.5915 4.87769 16.25 6.4674 16.25 8.125V8.125Z"
stroke="#27C200"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
</span>
Turkey
</h6>
<span class="cards__price-title text--body-3-600">$220.00 </span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="cards cards--one">
<a href="ad-details.html" class="cards__img-wrapper">
<img src="./src/images/view/img-10.png" alt="card-img" class="img-fluid" />
</a>
<div class="cards__info">
<div class="cards__info-top">
<h6 class="text--body-4 cards__category-title">