-
Notifications
You must be signed in to change notification settings - Fork 0
/
presentation.html
597 lines (586 loc) · 51.7 KB
/
presentation.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Onest || Presentation</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/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-demo">
<nav class="navbar header-demo__navbar navbar-expand-lg navbar-light">
<div class="container">
<a class="navbar-brand header-demo__brand" href="index.html">
<img src="./src/images/logo-dark.png" alt="" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-bar"></span>
<span class="navbar-toggler-bar"></span>
<span class="navbar-toggler-bar"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav header-demo__nav mx-auto">
<li class="nav-item header-demo__item">
<a class="nav-link header-demo__link active" aria-current="page" href="#demoContent">Demos</a>
</li>
<li class="nav-item header-demo__item">
<a class="nav-link header-demo__link" href="#featureContent">Feature</a>
</li>
<li class="nav-item header-demo__item">
<a class="nav-link header-demo__link" href="#">Documentation</a>
</li>
</ul>
<a href="https://1.envato.market/AoAyJ1" class="btn">
Purchase Now
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
</div>
</nav>
</header>
<!-- header Section End -->
<!-- Banner Section Start -->
<section class="banner-demo">
<div class="banner-demo__content d-flex align-items-center">
<div class="banner-demo__left">
<h1 class="banner-demo__title">Onest - Classified Listing Figma Template</h1>
<ul class="banner-demo__layout-details">
<li class="banner-demo__layout-details-item">
<span class="text--body-2">3 Homepage</span>
</li>
<li class="banner-demo__layout-details-item dot"></li>
<li class="banner-demo__layout-details-item">
<span class="text--body-2">20+ inner Pages</span>
</li>
<li class="banner-demo__layout-details-item dot"></li>
<li class="banner-demo__layout-details-item">
<span class="text--body-2">User Dashboard</span>
</li>
</ul>
<div class="banner-demo__buttons">
<a href="https://1.envato.market/AoAyJ1" class="btn btn--lg">
Purchase Template
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<a href="#demoContent" class="btn btn--lg">
View Demo
</a>
</div>
</div>
<div class="banner-demo__right">
<div class="banner-demo__img-wrapper">
<img src="./src/images/bg/pc.png" alt="demo-pc" />
</div>
</div>
<div class="banner-demo__tech-used">
<div class="banner-demo__tech-used-item">
<div class="icon">
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M50 25.0051C50 21.7107 45.852 18.5886 39.4925 16.6525C40.96 10.2056 40.3078 5.07638 37.4338 3.43424C36.7713 3.04904 35.9967 2.86658 35.1508 2.86658V5.12707C35.6196 5.12707 35.9967 5.2183 36.3127 5.39062C37.6987 6.18128 38.3 9.19188 37.8312 13.0641C37.7191 14.017 37.5357 15.0205 37.3115 16.0443C35.3139 15.5577 33.1329 15.1827 30.8398 14.9394C29.4639 13.0641 28.0371 11.3611 26.6001 9.87104C29.9225 6.79962 33.0412 5.11693 35.161 5.11693V2.85645C32.3583 2.85645 28.6894 4.84324 24.9796 8.28972C21.2699 4.86351 17.6009 2.89699 14.7982 2.89699V5.15748C16.9079 5.15748 20.0367 6.83003 23.3592 9.88118C21.9323 11.3713 20.5055 13.0641 19.15 14.9394C16.8467 15.1827 14.6657 15.5577 12.6682 16.0544C12.4338 15.0408 12.2605 14.0575 12.1382 13.1148C11.6592 9.24257 12.2503 6.23197 13.6262 5.43117C13.9319 5.24871 14.3294 5.16761 14.7982 5.16761V2.90713C13.9421 2.90713 13.1675 3.08959 12.4949 3.47478C9.63106 5.11693 8.98899 10.236 10.4668 16.6626C4.1276 18.6089 0 21.7208 0 25.0051C0 28.2996 4.14798 31.4217 10.5075 33.3578C9.03995 39.8047 9.69221 44.9339 12.5662 46.576C13.2287 46.9612 14.0033 47.1437 14.8594 47.1437C17.662 47.1437 21.331 45.1569 25.0408 41.7104C28.7505 45.1366 32.4195 47.1032 35.2222 47.1032C36.0783 47.1032 36.8528 46.9207 37.5255 46.5355C40.3893 44.8934 41.0314 39.7743 39.5536 33.3476C45.8724 31.4115 50 28.2894 50 25.0051ZM36.7305 18.244C36.3534 19.5516 35.8846 20.8998 35.3547 22.248C34.9368 21.437 34.4986 20.6261 34.0196 19.8152C33.5508 19.0042 33.0514 18.2136 32.552 17.4432C33.9992 17.656 35.3954 17.9196 36.7305 18.244ZM32.0628 29.0395C31.2678 30.408 30.4525 31.7055 29.6066 32.9118C28.0881 33.0435 26.5491 33.1145 25 33.1145C23.4611 33.1145 21.9221 33.0435 20.4138 32.9219C19.5679 31.7156 18.7424 30.4283 17.9474 29.07C17.1728 27.7421 16.4696 26.3939 15.8276 25.0356C16.4594 23.6772 17.1729 22.3189 17.9372 20.991C18.7322 19.6226 19.5475 18.3251 20.3934 17.1188C21.9119 16.987 23.4509 16.9161 25 16.9161C26.5389 16.9161 28.0779 16.987 29.5862 17.1087C30.4321 18.3149 31.2576 19.6023 32.0526 20.9606C32.8272 22.2885 33.5304 23.6367 34.1724 24.995C33.5304 26.3533 32.8271 27.7116 32.0628 29.0395ZM35.3547 27.7218C35.905 29.0801 36.3738 30.4384 36.7611 31.7562C35.426 32.0806 34.0196 32.3543 32.5622 32.5671C33.0616 31.7866 33.5609 30.9858 34.0298 30.1647C34.4986 29.3538 34.9368 28.5327 35.3547 27.7218ZM25.0204 38.5376C24.0726 37.5645 23.1247 36.4799 22.1871 35.2939C23.1044 35.3344 24.042 35.3649 24.9898 35.3649C25.9478 35.3649 26.8956 35.3446 27.8231 35.2939C26.9058 36.4799 25.958 37.5645 25.0204 38.5376ZM17.4378 32.5671C15.9906 32.3543 14.5944 32.0907 13.2593 31.7663C13.6364 30.4587 14.1052 29.1105 14.6351 27.7623C15.053 28.5733 15.4912 29.3842 15.9702 30.1951C16.4492 31.0061 16.9384 31.7967 17.4378 32.5671ZM24.9694 11.4726C25.9172 12.4458 26.8651 13.5304 27.8027 14.7164C26.8854 14.6758 25.9478 14.6454 25 14.6454C24.042 14.6454 23.0942 14.6657 22.1667 14.7164C23.084 13.5304 24.0318 12.4458 24.9694 11.4726ZM17.4276 17.4432C16.9283 18.2237 16.4289 19.0245 15.96 19.8456C15.4912 20.6565 15.053 21.4674 14.6351 22.2784C14.0848 20.9201 13.616 19.5617 13.2287 18.244C14.5638 17.9297 15.9702 17.656 17.4276 17.4432ZM8.20424 30.1343C4.59641 28.6037 2.26254 26.5966 2.26254 25.0051C2.26254 23.4137 4.59641 21.3965 8.20424 19.876C9.08072 19.5009 10.0387 19.1664 11.0273 18.8522C11.6082 20.839 12.3726 22.9068 13.3204 25.0254C12.3828 27.1339 11.6286 29.1916 11.0579 31.1683C10.0489 30.854 9.09091 30.5094 8.20424 30.1343ZM13.6873 44.6197C12.3013 43.829 11.7 40.8184 12.1688 36.9462C12.2809 35.9933 12.4643 34.9898 12.6885 33.966C14.6861 34.4525 16.8671 34.8276 19.1602 35.0709C20.5361 36.9462 21.9629 38.6491 23.3999 40.1392C20.0775 43.2107 16.9588 44.8934 14.839 44.8934C14.3804 44.8832 13.9931 44.792 13.6873 44.6197ZM37.8618 36.8955C38.3408 40.7677 37.7497 43.7783 36.3738 44.5791C36.0681 44.7616 35.6706 44.8427 35.2018 44.8427C33.0921 44.8427 29.9633 43.1701 26.6409 40.119C28.0677 38.6289 29.4945 36.936 30.85 35.0608C33.1533 34.8175 35.3343 34.4424 37.3318 33.9457C37.5662 34.9695 37.7497 35.9528 37.8618 36.8955ZM41.7856 30.1343C40.9091 30.5094 39.9511 30.8439 38.9625 31.1581C38.3816 29.1713 37.6172 27.1034 36.6694 24.9849C37.607 22.8764 38.3612 20.8187 38.9319 18.842C39.9409 19.1563 40.8989 19.5009 41.7958 19.876C45.4036 21.4066 47.7375 23.4137 47.7375 25.0051C47.7273 26.5966 45.3934 28.6138 41.7856 30.1343Z"
fill="#61DAFB"
/>
<path
d="M24.9898 29.6378C27.5621 29.6378 29.6474 27.5637 29.6474 25.0053C29.6474 22.4468 27.5621 20.3728 24.9898 20.3728C22.4175 20.3728 20.3323 22.4468 20.3323 25.0053C20.3323 27.5637 22.4175 29.6378 24.9898 29.6378Z"
fill="#61DAFB"
/>
</svg>
</div>
</div>
<div class="banner-demo__tech-used-item">
<span class="icon">
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M49.0759 11.4078C49.0938 11.474 49.103 11.5423 49.1031 11.611V22.278C49.1031 22.4149 49.067 22.5494 48.9983 22.6679C48.9297 22.7864 48.831 22.8846 48.7122 22.9527L39.7557 28.1074V38.3243C39.7557 38.6024 39.6079 38.859 39.3667 38.999L20.6708 49.7575C20.628 49.7818 20.5813 49.7973 20.5347 49.8139C20.5171 49.8197 20.5006 49.8304 20.4821 49.8353C20.3514 49.8697 20.2141 49.8697 20.0834 49.8353C20.062 49.8294 20.0425 49.8178 20.0221 49.81C19.9793 49.7944 19.9346 49.7808 19.8937 49.7575L1.20177 38.999C1.08302 38.9308 0.984358 38.8326 0.915717 38.7141C0.847076 38.5957 0.810885 38.4612 0.810791 38.3243V6.32312C0.810791 6.25312 0.820517 6.18507 0.838023 6.11896C0.843859 6.0966 0.857475 6.07618 0.865255 6.05382C0.879844 6.01299 0.89346 5.97118 0.914857 5.93327C0.929445 5.90799 0.950842 5.88757 0.968348 5.86424C0.990718 5.83313 1.01114 5.80105 1.0374 5.77383C1.05977 5.75147 1.08895 5.73494 1.11424 5.71549C1.14244 5.69216 1.16773 5.66688 1.19982 5.64841H1.20079L10.5473 0.269184C10.6656 0.201111 10.7998 0.165283 10.9363 0.165283C11.0728 0.165283 11.207 0.201111 11.3253 0.269184L20.6718 5.64841H20.6737C20.7049 5.66786 20.7311 5.69216 20.7593 5.71452C20.7846 5.73397 20.8128 5.75147 20.8352 5.77285C20.8624 5.80105 20.8819 5.83313 20.9052 5.86424C20.9217 5.88757 20.9441 5.90799 20.9577 5.93327C20.9801 5.97216 20.9927 6.01299 21.0083 6.05382C21.0161 6.07618 21.0297 6.0966 21.0355 6.11993C21.0534 6.18618 21.0626 6.2545 21.0628 6.32312V26.3107L28.8512 21.8279V11.61C28.8512 11.5419 28.8609 11.4729 28.8784 11.4078C28.8852 11.3844 28.8978 11.364 28.9056 11.3417C28.9212 11.3008 28.9348 11.259 28.9562 11.2211C28.9708 11.1958 28.9922 11.1754 29.0087 11.1521C29.0321 11.121 29.0515 11.0889 29.0787 11.0617C29.1011 11.0393 29.1293 11.0228 29.1546 11.0033C29.1838 10.98 29.2091 10.9547 29.2402 10.9363H29.2412L38.5886 5.55702C38.7069 5.48886 38.8411 5.45297 38.9776 5.45297C39.1142 5.45297 39.2483 5.48886 39.3667 5.55702L48.7131 10.9363C48.7462 10.9557 48.7715 10.98 48.8007 11.0024C48.825 11.0218 48.8532 11.0393 48.8755 11.0607C48.9028 11.0889 48.9222 11.121 48.9456 11.1521C48.9631 11.1754 48.9845 11.1958 48.9981 11.2211C49.0205 11.259 49.0331 11.3008 49.0487 11.3417C49.0574 11.364 49.0701 11.3844 49.0759 11.4078ZM47.5451 21.8279V12.9575L44.2743 14.8397L39.7557 17.4403V26.3107L47.546 21.8279H47.5451ZM38.1986 37.8742V28.9979L33.7539 31.5354L21.0618 38.7764V47.7363L38.1986 37.8742ZM2.36886 7.66963V37.8742L19.5037 47.7353V38.7774L10.5521 33.7131L10.5492 33.7112L10.5453 33.7092C10.5152 33.6917 10.4899 33.6665 10.4617 33.6451C10.4374 33.6256 10.4092 33.6101 10.3878 33.5887L10.3858 33.5858C10.3605 33.5615 10.343 33.5313 10.3216 33.5041C10.3022 33.4779 10.2788 33.4555 10.2633 33.4283L10.2623 33.4254C10.2448 33.3962 10.2341 33.3612 10.2214 33.3281C10.2088 33.299 10.1923 33.2718 10.1845 33.2406V33.2397C10.1748 33.2027 10.1728 33.1638 10.1689 33.1259C10.165 33.0968 10.1573 33.0676 10.1573 33.0384V12.1525L5.63964 9.55085L2.36886 7.6706V7.66963ZM10.9373 1.84222L3.14984 6.32312L10.9353 10.804L18.7218 6.32215L10.9353 1.84222H10.9373ZM14.9871 29.8068L19.5047 27.2071V7.66963L16.2339 9.55183L11.7153 12.1525V31.69L14.9871 29.8068ZM38.9776 7.13006L31.1912 11.611L38.9776 16.0919L46.7631 11.61L38.9776 7.13006ZM38.1986 17.4403L33.68 14.8397L30.4092 12.9575V21.8279L34.9268 24.4276L38.1986 26.3107V17.4403ZM20.2818 37.4299L31.7028 30.9122L37.4118 27.6553L29.6312 23.1773L20.6728 28.3329L12.508 33.0316L20.2818 37.4299Z"
fill="#FF2D20"
/>
</svg>
</span>
</div>
<div class="banner-demo__tech-used-item">
<span class="icon">
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path
d="M43.0272 27.5471C41.2792 27.5567 39.7655 27.9681 38.496 28.5806C38.0272 27.6716 37.5585 26.8773 37.4805 26.2842C37.3926 25.5952 37.2851 25.1741 37.3926 24.3514C37.4999 23.5284 37.9882 22.3611 37.9882 22.2654C37.9783 22.1793 37.8806 21.7583 36.8749 21.7487C35.8691 21.7391 34.9999 21.9401 34.9022 22.1984C34.8046 22.4567 34.6093 23.05 34.4823 23.6623C34.3065 24.5618 32.4706 27.748 31.4257 29.4225C31.0839 28.7718 30.7909 28.1977 30.7322 27.7384C30.6444 27.0495 30.5369 26.6284 30.6444 25.8057C30.7519 24.9827 31.2401 23.8154 31.2401 23.7198C31.2304 23.6336 31.1327 23.2126 30.127 23.2031C29.121 23.1935 28.252 23.3944 28.1543 23.6528C28.0566 23.9111 27.9492 24.5235 27.7344 25.1167C27.5292 25.71 25.0878 31.03 24.453 32.4174C24.1308 33.1254 23.8477 33.6899 23.6425 34.0727C23.4374 34.4554 23.6327 34.1014 23.6132 34.1397C23.4374 34.465 23.3398 34.6468 23.3398 34.6468V34.6564C23.203 34.8956 23.0565 35.1252 22.9881 35.1252C22.9393 35.1252 22.8416 34.4841 23.0076 33.6039C23.369 31.7571 24.2479 28.8772 24.2382 28.7719C24.2382 28.7241 24.4041 28.2169 23.6717 27.9586C22.9588 27.7003 22.705 28.1308 22.6463 28.1308C22.5877 28.1308 22.5389 28.2839 22.5389 28.2839C22.5389 28.2839 23.3299 25.0404 21.0252 25.0404C19.5799 25.0404 17.5877 26.5809 16.6014 27.9874C15.9764 28.3223 14.6483 29.0303 13.242 29.7863C12.7049 30.0733 12.1483 30.3795 11.6209 30.657L11.5136 30.542C8.72063 27.6236 3.55463 25.5569 3.76947 21.6339C3.84759 20.2082 4.35541 16.4478 13.6914 11.8933C21.3379 8.16168 27.4609 9.18549 28.5253 11.4627C30.039 14.716 25.2538 20.7631 17.3047 21.6339C14.2774 21.9688 12.6855 20.8206 12.2852 20.39C11.8653 19.9403 11.8067 19.9211 11.6504 20.0073C11.3965 20.1412 11.5528 20.5431 11.6504 20.7823C11.8848 21.3851 12.8614 22.4567 14.5215 22.9926C15.9765 23.4614 19.5313 23.7198 23.8281 22.0931C28.6426 20.2656 32.4023 15.1944 31.2988 10.9556C30.1758 6.64032 22.8711 5.2242 15.9668 7.62585C11.8554 9.0611 7.40228 11.3001 4.19916 14.2376C0.390567 17.7204 -0.214901 20.7631 0.0390053 22.0262C0.927773 26.5328 7.26556 29.4703 9.80462 31.6423C9.67766 31.7092 9.56048 31.7762 9.45305 31.8337C8.18353 32.446 3.34955 34.9243 2.13861 37.5459C0.771426 40.5121 2.35346 42.6459 3.40814 42.9329C6.66986 43.8228 10.0097 42.2249 11.8163 39.5936C13.6131 36.9623 13.3984 33.5464 12.5683 31.9868L12.5389 31.9294L13.535 31.3553C14.1796 30.9821 14.8144 30.6376 15.3709 30.3409C15.0585 31.1734 14.8338 32.1589 14.7167 33.5942C14.58 35.2783 15.2831 37.4598 16.2109 38.3209C16.621 38.694 17.1093 38.7036 17.412 38.7036C18.4862 38.7036 18.9745 37.8328 19.5116 36.79C20.1757 35.5174 20.7616 34.0439 20.7616 34.0439C20.7616 34.0439 20.0292 38.0339 22.0312 38.0339C22.7636 38.0339 23.496 37.1057 23.828 36.6273V36.6369C23.828 36.6369 23.8476 36.6082 23.8866 36.5412C23.9276 36.4818 23.9667 36.4212 24.0038 36.3595V36.3404C24.2968 35.8428 24.9511 34.7042 25.9276 32.8192C27.1873 30.3889 28.3983 27.3461 28.3983 27.3461C28.3983 27.3461 28.5155 28.0925 28.8769 29.3172C29.0916 30.0445 29.5603 30.8386 29.9217 31.6136C29.6287 32.0155 29.4529 32.2452 29.4529 32.2452L29.4627 32.2548C29.2284 32.561 28.9646 32.8864 28.6913 33.2116C27.6952 34.379 26.5038 35.7091 26.3476 36.0918C26.162 36.5414 26.2011 36.8763 26.5624 37.1443C26.8261 37.3357 27.2948 37.3738 27.7929 37.3357C28.6913 37.2782 29.3163 37.0582 29.6288 36.9241C30.1171 36.7519 30.6737 36.4936 31.2108 36.1108C32.1874 35.4029 32.7831 34.3982 32.7245 33.0586C32.6952 32.3219 32.4511 31.5947 32.1483 30.9058C32.2362 30.7814 32.3242 30.6569 32.412 30.523C33.955 28.3126 35.1464 25.8824 35.1464 25.8824C35.1464 25.8824 35.2636 26.6287 35.6249 27.8535C35.8103 28.4754 36.1815 29.1548 36.5136 29.8246C35.0682 30.9824 34.16 32.322 33.8475 33.2022C33.2714 34.8289 33.7206 35.5656 34.5702 35.7379C34.951 35.8144 35.4979 35.6422 35.908 35.4699C36.4158 35.3073 37.031 35.0297 37.5975 34.6184C38.5741 33.9103 39.5116 32.9248 39.4628 31.5948C39.4335 30.9824 39.2675 30.3796 39.0429 29.8055C40.2733 29.3079 41.865 29.0209 43.8866 29.2601C48.2323 29.7577 49.0917 32.4176 48.9258 33.5276C48.7597 34.6376 47.8515 35.2499 47.5487 35.4412C47.246 35.623 47.1483 35.6901 47.1776 35.824C47.2167 36.025 47.3534 36.0153 47.6171 35.9772C47.9784 35.9196 49.9022 35.0682 49.9803 33.0206C50.0975 30.389 47.5487 27.5185 43.0272 27.5471ZM9.51165 38.6176C8.0761 40.1581 6.05462 40.7418 5.19525 40.2442C4.26751 39.718 4.62874 37.4503 6.39642 35.8141C7.47063 34.819 8.86712 33.9004 9.78508 33.3359C9.99016 33.2115 10.3027 33.0298 10.6738 32.8097C10.7323 32.7715 10.7714 32.7522 10.7714 32.7522C10.8398 32.714 10.9179 32.6661 10.996 32.6183C11.6503 34.953 11.0253 37.0006 9.51165 38.6176ZM20.0097 31.6232C19.5116 32.8192 18.4569 35.8907 17.8222 35.7184C17.2752 35.5749 16.9433 33.2498 17.7147 30.9534C18.1053 29.7955 18.9354 28.4178 19.4236 27.8819C20.2148 27.0207 21.074 26.7337 21.289 27.0877C21.5429 27.5471 20.3222 30.8769 20.0097 31.6232ZM28.6718 35.6802C28.4569 35.7855 28.2616 35.862 28.1737 35.8046C28.1054 35.7664 28.2615 35.6228 28.2615 35.6228C28.2615 35.6228 29.3455 34.4842 29.7752 33.958C30.0193 33.6519 30.3123 33.2978 30.6248 32.8959V33.0107C30.6249 34.3884 29.2772 35.307 28.6718 35.6802ZM35.3514 34.1875C35.1951 34.0727 35.2147 33.7186 35.742 32.6087C35.9472 32.1686 36.4158 31.4318 37.2264 30.7333C37.324 31.0204 37.3827 31.2978 37.3728 31.5562C37.3632 33.2785 36.1132 33.9196 35.3514 34.1875Z"
fill="#CF649A"
/>
</g>
<defs>
<clipPath id="clip0">
<rect width="50" height="50" fill="white" />
</clipPath>
</defs>
</svg>
</span>
</div>
</div>
</div>
</section>
<!-- Banner Section End -->
<!-- feature Section Start -->
<section class="section feature-demo" id="featureContent">
<div class="container">
<h2 class="section__title-demo">Template Feature</h2>
<div class="feature-demo__content">
<div class="feature-demo__content-item one">
<div class="feature-demo__content-img-wrapper">
<img src="./src/images/icon/chart-circle.png" alt="chart-circle" />
</div>
<h2 class="feature-demo__content-title text--body-2">Live chat (buyer & Seller)</h2>
</div>
<div class="feature-demo__content-item two">
<div class="feature-demo__content-img-wrapper">
<img src="./src/images/icon/map.png" alt="feature" />
</div>
<h2 class="feature-demo__content-title text--body-2">Google map location search</h2>
</div>
<div class="feature-demo__content-item three">
<div class="feature-demo__content-img-wrapper">
<img src="./src/images/icon/meter.png" alt="feature" />
</div>
<h2 class="feature-demo__content-title text--body-2">User Dashboard</h2>
</div>
<div class="feature-demo__content-item four">
<div class="feature-demo__content-img-wrapper">
<img src="./src/images/icon/check-square.png" alt="feature" />
</div>
<h2 class="feature-demo__content-title text--body-2">Mark ads as sold</h2>
</div>
<div class="feature-demo__content-item five">
<div class="feature-demo__content-img-wrapper">
<img src="./src/images/icon/fader.png" alt="feature" />
</div>
<h2 class="feature-demo__content-title text--body-2">Advance filter option</h2>
</div>
<div class="feature-demo__content-item six">
<div class="feature-demo__content-img-wrapper">
<img src="./src/images/icon/map.png" alt="feature" />
</div>
<h2 class="feature-demo__content-title text--body-2">100% Responsive</h2>
</div>
<div class="feature-demo__content-item seven">
<div class="feature-demo__content-img-wrapper">
<img src="./src/images/icon/text.png" alt="feature" />
</div>
<h2 class="feature-demo__content-title text--body-2">Google Font</h2>
</div>
<div class="feature-demo__content-item eight">
<div class="feature-demo__content-img-wrapper">
<img src="./src/images/icon/headphone.png" alt="chart-circle" />
</div>
<h2 class="feature-demo__content-title text--body-2">Great Support 24/7</h2>
</div>
</div>
</div>
</section>
<!-- feature Section End -->
<!-- demo Section Start -->
<section class="section demo-tab bgcolor--gray-10" id="demoContent">
<div class="container">
<h2 class="section__title-demo">World-Class Demos</h2>
<ul class="nav nav-pills demo-tab__nav" id="pills-tab" role="tablist">
<!-- Home -->
<li class="nav-item demo-tab__nav-item" role="presentation">
<button class="nav-link demo-tab__nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Home</button>
</li>
<!-- Ads -->
<li class="nav-item demo-tab__nav-item" role="presentation">
<button class="nav-link demo-tab__nav-link" id="pills-ads-tab" data-bs-toggle="pill" data-bs-target="#pills-ads" type="button" role="tab" aria-controls="pills-ads" aria-selected="false">Ads</button>
</li>
<!-- Blog -->
<li class="nav-item demo-tab__nav-item" role="presentation">
<button class="nav-link demo-tab__nav-link" id="pills-blog-tab" data-bs-toggle="pill" data-bs-target="#pills-blog" type="button" role="tab" aria-controls="pills-blog" aria-selected="false">Contact</button>
</li>
<!-- Dashboard -->
<li class="nav-item demo-tab__nav-item" role="presentation">
<button class="nav-link demo-tab__nav-link" id="pills-dashboard-tab" data-bs-toggle="pill" data-bs-target="#pills-dashboard" type="button" role="tab" aria-controls="pills-dashboard" aria-selected="false">
Dashboard
</button>
</li>
<!-- Dashboard -->
<li class="nav-item demo-tab__nav-item" role="presentation">
<button class="nav-link demo-tab__nav-link" id="pills-other-tab" data-bs-toggle="pill" data-bs-target="#pills-other" type="button" role="tab" aria-controls="pills-other" aria-selected="false">other</button>
</li>
</ul>
<div class="tab-content demo-tab__content" id="pills-tabContent">
<!-- Home -->
<div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
<div class="row">
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/home-01.png" alt="preview" />
<a href="index.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">Homepage 01</h2>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/home-02.png" alt="preview" />
<a href="home-02.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">Homepage 02</h2>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/home-03.png" alt="preview" />
<a href="home-03.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">Homepage 03</h2>
</div>
</div>
</div>
</div>
<!-- Ads -->
<div class="tab-pane fade" id="pills-ads" role="tabpanel" aria-labelledby="pills-ads-tab">
<div class="row">
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/ad-list.png" alt="preview" />
<a href="ad-list.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">Ad List</h2>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/single-ad.png" alt="preview" />
<a href="ad-details.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">Single Ad</h2>
</div>
</div>
</div>
</div>
<!-- contact -->
<div class="tab-pane fade" id="pills-blog" role="tabpanel" aria-labelledby="pills-blog-tab">
<div class="row">
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/contact.png" alt="preview" />
<a href="contact.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">Contact</h2>
</div>
</div>
</div>
</div>
<!-- dashboard -->
<div class="tab-pane fade" id="pills-dashboard" role="tabpanel" aria-labelledby="pills-dashboard-tab">
<div class="row">
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/dashboard.png" alt="preview" />
<a href="dashboard.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">Dashboard</h2>
</div>
</div>
</div>
</div>
<!-- others -->
<div class="tab-pane fade" id="pills-other" role="tabpanel" aria-labelledby="pills-other-tab">
<div class="row">
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/sign-in.png" alt="preview" />
<a href="signin.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">Sign In</h2>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/sign-up.png" alt="preview" />
<a href="signin.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">Sign UP</h2>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/about.png" alt="preview" />
<a href="about.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">About</h2>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/blog-list.png" alt="preview" />
<a href="blog-list.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">blog list</h2>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/single-blog.png" alt="preview" />
<a href="blog-details.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">Single Blog</h2>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/membership.png" alt="preview" />
<a href="get-membership.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">Get Membership</h2>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/faqs.png" alt="preview" />
<a href="faq.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">Faq</h2>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="demo-tab__card">
<div class="demo-tab__card-img-wrapper">
<img src="./src/images/preview/404.png" alt="preview" />
<a href="404-error.html" class="btn">
View Demo
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<h2 class="text--body-1-600 demo-tab__card-title">Error</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- demo Section End -->
<!-- promo-banner Section Start -->
<section class="banner-promo text-center" style="background: url('src/images/bg/bg-04.jpg') center center/cover no-repeat;">
<div class="container">
<h2 class="banner-promo__title text--display-3">
Start to build your beautiful classified Ad listing now!
</h2>
<div class="banner-promo__buttons">
<a href="https://1.envato.market/AoAyJ1" class="btn">
Purchase Now
<span class="icon--right">
<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="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M14 5.25L20.75 12L14 18.75" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
<a href="#" class="btn">
Live Demo
</a>
</div>
</div>
</section>
<!-- promo-banner Section End -->
<!-- template Section Start -->
<section class="section template">
<div class="container">
<h2 class="section__title-demo">Our Other Templates</h2>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="template__demo-card">
<a href="#" class="template__demo-card-img-wrapper">
<img src="./src/images/preview.png" alt="preview" />
</a>
<h6 class="template__demo-card-category-title">UI Template / Figma</h6>
<h2 class="template__demo-card-title text--body-3-600">Eduguard - Education & Online Course Template for Figma</h2>
<div class="template__demo-card__info">
<h2 class="template__demo-card-price text--body-2">$16</h2>
<div class="template__demo-card__buttons">
<a href="https://eduguard-html.netlify.app" class="btn">Preview</a>
<a href="https://1.envato.market/P0Ar3Y" class="btn">Purchase</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- template Section End -->
<!-- footer Section Start -->
<footer class="footer-demo">
<div class="container">
<div class="footer-demo__content">
<h2 class="footer-demo__copyright text--body-3">Onest - Classified Listing © 2021. Design by <a href="#">Templatecookie</a></h2>
<a href="#" class="footer-demo__documentation">Documentation</a>
</div>
</div>
</footer>
<!-- footer Section End -->
<!-- Back To Top Btn -->
<button class="scrollTop scrollTop--white" >
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 20.25V3.75" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M5.25 10.5L12 3.75L18.75 10.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<!-- Script Goes Here -->
<script src="./src/plugins/jquery.min.js"></script>
<script src="./src/plugins/bootstrap.bundle.min.js"></script>
<script src="./src/plugins/select2/js/select2.min.js"></script>
<script src="./src/js/app.js"></script>
</body>
</html>