-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
704 lines (663 loc) · 43.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bonova NFT Collections</title>
<link rel="stylesheet" href="bootstrap.css">
<link rel="stylesheet" href="swiper-bundle.min.css">
<link rel="stylesheet" href="app.css">
<link rel="stylesheet" href="font-awesome.css">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<!-- Favicon and Touch Icons -->
<link rel="shortcut icon" href="favicon.png">
<link rel="apple-touch-icon-precomposed" href="favicon.png">
</head>
<body class="header-fixed main">
<!-- preloade -->
<div class="preload preload-container">
<div class="preload-logo"></div>
</div>
<!-- /preload -->
<div id="wrapper">
<!-- Header -->
<header id="header_main" class="header">
<div class="container">
<div id="site-header-inner">
<div class="header__logo">
<a href="index.html"><img src="logo1.png" alt=""></a>
</div>
<nav id="main-nav" class="main-nav">
<ul id="menu-primary-menu" class="menu">
<div class="container">
<ul class="widget-social1">
<li>
<a href="#">
<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.173 4.01621C22.2015 3.3728 22.971 2.35967 23.338 1.16598C22.3715 1.76605 21.3141 2.18875 20.2115 2.41581C18.6828 0.723595 16.2607 0.311787 14.2986 1.41049C12.3365 2.5092 11.3202 4.84642 11.8176 7.11616C7.85881 6.90819 4.17053 4.95138 1.67052 1.73267C0.365817 4.08755 1.03255 7.09789 3.19419 8.61211C2.41252 8.58582 1.64818 8.36436 0.964911 7.96619C0.964911 7.9878 0.964911 8.00941 0.964911 8.03102C0.965363 10.484 2.6175 12.597 4.91519 13.0832C4.19015 13.2896 3.42963 13.32 2.69165 13.172C3.33783 15.2698 5.18545 16.7069 7.29133 16.7498C5.54718 18.1823 3.39322 18.9591 1.17602 18.9553C0.783024 18.9559 0.390336 18.9322 0 18.8845C2.25152 20.3985 4.87202 21.2021 7.54833 21.1992C11.2717 21.226 14.85 19.6899 17.4828 16.9347C20.1156 14.1795 21.5832 10.4349 21.5573 6.53868C21.5573 6.31536 21.5523 6.09325 21.5424 5.87234C22.5067 5.1431 23.3389 4.2397 24 3.20461C23.1017 3.62129 22.1487 3.89486 21.173 4.01621Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.80176 15.0759C1.80315 21.0155 6.09584 26.0728 11.9262 27.0037V18.5652H8.88176V15.0759H11.9298V12.4196C11.7935 11.161 12.2208 9.90656 13.0957 8.9966C13.9707 8.08664 15.2026 7.61545 16.4574 7.71081C17.358 7.72545 18.2564 7.80616 19.1454 7.95229V10.9213H17.6286C17.1064 10.8524 16.5814 11.026 16.2015 11.3929C15.8216 11.7599 15.6279 12.2806 15.675 12.8084V15.0759H19.0002L18.4686 18.5664H15.675V27.0037C21.9803 26.001 26.4019 20.207 25.7364 13.8191C25.0709 7.43115 19.5513 2.68558 13.1763 3.02033C6.80139 3.35508 1.80277 8.65295 1.80176 15.0759Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="30" height="27" viewBox="0 0 30 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.8558 1.15613C28.3645 0.744 27.5929 0.685032 26.7951 1.0019H26.7938C25.9547 1.33498 3.04206 11.0576 2.10931 11.4548C1.93966 11.5131 0.458 12.0601 0.61062 13.2783C0.746864 14.3767 1.93769 14.8316 2.08311 14.884L7.9082 16.8572C8.29466 18.1299 9.71933 22.8253 10.0344 23.8284C10.2309 24.4537 10.5512 25.2754 11.1126 25.4445C11.6051 25.6325 12.0951 25.4607 12.4121 25.2145L15.9735 21.9466L21.7226 26.3822L21.8595 26.4632C22.2499 26.6343 22.6239 26.7198 22.9809 26.7198C23.2566 26.7198 23.5213 26.6686 23.7741 26.5662C24.6355 26.2163 24.98 25.4044 25.016 25.3123L29.3103 3.23038C29.5724 2.05102 29.2082 1.45097 28.8558 1.15613ZM13.0455 17.6465L11.0805 22.8305L9.11541 16.3505L24.1809 5.33444L13.0455 17.6465Z" fill="white"/>
</svg>
</a>
</li>
</ul>
</div>
</ul>
</nav><!-- /#main-nav -->
<a class="tf-button btn-effect" href="coming-soon.html">
<span class="boder-fade"></span>
<span class="effect">mint NFTs</span>
</a>
<div class="mobile-button"><span></span></div><!-- /.mobile-button -->
</div>
</div>
</header>
<!-- end Header -->
<section class="page-title">
<div class="swiper-container slider-main">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slider-st1">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="box-slider">
<div class="content-box">
<h1 class="title">Bonova nft collectionS for everyone</h1>
<p class="sub-title">Nulla ornare sagittis placerat nunc sit tempus enim.
Accumsan pellentesque ipsum felis tristique at proin vel turpis.</p>
<div class="wrap-btn">
<a class="tf-button st2 btn-effect" href="coming-soon.html">
<span class="boder-fade"></span>
<span class="effect">Mint Nfts</span>
</a>
</div>
</div>
<div class="image">
<img src="itemslider.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="btn-next-main"><i class="far fa-angle-right"></i></div>
<div class="btn-prev-main"><i class="far fa-angle-left"></i></div>
<div class="swiper-pagination"></div>
</div>
</section>
<section class="tf-section tf-about pb-mobie">
<div class="container">
<div class="row">
<div class="col-md-5">
<div class="content-about mobie-40" data-aos="fade-up" data-aos-duration="800">
<div class="tf-title st2">
<p class="h8 sub-title">About us</p>
<h4 class="title">What is Bonova?</h4>
</div>
<p>Maecenas sit pretium, cras in. In quisque sem id eget. In vel gravida ut adipiscing integer felis.
Id ac non arcu facilisi proin ultrices sed. Id accumsan quam viverra ante in id integer ut.
Volutpat lobortis dolor etiam dis interdum tincidunt senectus.</p>
<a class="tf-button st2 btn-effect" href="coming-soon.html">
<span class="boder-fade"></span>
<span class="effect">Buy Nfts</span>
</a>
</div>
</div>
<div class="col-md-7">
<div class="wrap-about p-l70" data-aos="fade-up" data-aos-duration="800">
<div class="box-text corner-box active">
<div class="h7">Unique, 1/1 generated</div>
<p>Gravida viverra dui aliquet eu tortor lorem et gravida. Sed amet phasellus tellus mauris auctor rhoncus.
Malesuada nisl at mauris cursus lorem mattis arcu.</p>
</div>
<div class="box-text corner-box">
<div class="h7">140+ traits in 16 categories</div>
<p>Ornare faucibus urna, netus ut. Ac vulputate ornare donec orci sed gravida senectus.
Felis quis morbi vivamus est eget sapien magnis quis.</p>
</div>
<div class="box-text corner-box mb-0">
<div class="h7">Usage rights included</div>
<p>Ac, bibendum duis gravida nullam. At amet nibh platea nibh interdum non, egestas bibendum iaculis.
Etiam tristique ultricies tristique ullamcorper donec eget odio ut.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="tf-section tf-project pb-mobie">
<div class="container-fluid">
<div class="swiper-container swiper mySwiper swiper-h">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiper mySwiper1 swiper-v">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="img-box">
<img src="img1.gif" alt="">
<div class="content">
<a href="item.html">Taiyo Robotics</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img2.gif" alt="">
<div class="content">
<a href="item.html">Pesky Penguins</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img3.gif" alt="">
<div class="content">
<a href="item.html">Aurory</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img4.gif" alt="">
<div class="content">
<a href="item.html">Taiyo Robotics</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img5.gif" alt="">
<div class="content">
<a href="item.html">Portals</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img6.gif" alt="">
<div class="content">
<a href="item.html">Grim Syndicate</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img7.gif" alt="">
<div class="content">
<a href="item.html">Jelly Beasts</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img1.gif" alt="">
<div class="content">
<a href="item.html">Jungle Cats</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-container swiper mySwiper swiper-h">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiper mySwiper2 swiper-v">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="img-box">
<img src="img7.gif" alt="">
<div class="content">
<a href="item.html">Taiyo Robotics</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img6.gif" alt="">
<div class="content">
<a href="item.html">Jungle Cats</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img5.gif" alt="">
<div class="content">
<a href="item.html">Jelly Beasts</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img4.gif" alt="">
<div class="content">
<a href="item.html"> Grim Syndicate</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img3.gif" alt="">
<div class="content">
<a href="item.html">Portals</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img2.gif" alt="">
<div class="content">
<a href="item.html">Taiyo Robotics</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img1.gif" alt="">
<div class="content">
<a href="item.html">Pesky Penguins</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="img-box">
<img src="img5.gif" alt="">
<div class="content">
<a href="item.html">Aurory</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="tf-section tf-roadmap">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="tf-title m-b30" data-aos="fade-up" data-aos-duration="800">
<p class="h8 sub-title">ROADMAP</p>
<h4 class="title">Bonova Timeline</h4>
</div>
</div>
<div class="col-md-12">
<div class="roadmap scrol">
<div class="box box-left">
<div class="rm-box style" data-aos="fade-right" data-aos-duration="1200">
<div class="corner-box">
<h5>Q2 2022</h5>
<ul>
<li>Aenean tempor</li>
<li>Fusce arcu maecenas</li>
<li>Malesuada felis sem elementum</li>
<li>Risus eu metus</li>
</ul>
</div>
</div>
<div class="rm-box" data-aos="fade-right" data-aos-duration="1200">
<div class="corner-box">
<h5>Q4 2021</h5>
<ul>
<li>Aenean tempor</li>
<li>Fusce arcu maecenas</li>
<li>Malesuada felis sem elementum</li>
<li>Risus eu metus</li>
</ul>
</div>
</div>
<div class="rm-box" data-aos="fade-right" data-aos-duration="1200">
<div class="corner-box">
<h5>Q2 2021</h5>
<ul>
<li>Aenean tempor</li>
<li>Fusce arcu maecenas</li>
<li>Malesuada felis sem elementum</li>
<li>Risus eu metus</li>
</ul>
</div>
</div>
</div>
<div class="box box-right">
<div class="rm-box style" data-aos="fade-left" data-aos-duration="1200">
<div class="corner-box">
<h5>Q1 2022</h5>
<ul>
<li>Release website and logo</li>
<li>Grow community</li>
<li>Launch the project</li>
<li>Social media setup</li>
</ul>
</div>
</div>
<div class="rm-box" data-aos="fade-left" data-aos-duration="1200">
<div class="corner-box">
<h5>Q3 2021</h5>
<ul>
<li>Aenean tempor</li>
<li>Fusce arcu maecenas</li>
<li>Malesuada felis sem elementum</li>
<li>Risus eu metus</li>
</ul>
</div>
</div>
<div class="mb-0 rm-box" data-aos="fade-left" data-aos-duration="1200">
<div class="corner-box">
<h5>Q1 2021</h5>
<ul>
<li>Aenean tempor</li>
<li>Fusce arcu maecenas</li>
<li>Malesuada felis sem elementum</li>
<li>Risus eu metus</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="tf-section how-we-work tablet-mb50">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="tf-title st2 m-b60" data-aos="fade-up" data-aos-duration="800">
<p class="h8 sub-title">How we work</p>
<h4 class="title m-b17">BECOME OUR MEMBER</h4>
<p class="p-r60">Maecenas sit pretium, cras in. In quisque sem id eget. In vel gravida ut adipiscing integer felis. </p>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 col-12" data-aos="fade-up" data-aos-delay="100" data-aos-duration="800">
<div class="box-text st2 corner-box active">
<div class="number">01</div>
<div class="h7">Set up your wallet</div>
<p>Arcu morbi sit laoreet semper ultrices maecenas auctor amet.
Donec tortor facilisis risus, neque sit aliquet orci, malesuada.</p>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 col-12" data-aos="fade-up" data-aos-delay="200" data-aos-duration="800">
<div class="box-text st2 corner-box">
<div class="number">02</div>
<div class="h7">Buy your collection</div>
<p>Arcu morbi sit laoreet semper ultrices maecenas auctor amet.
Donec tortor facilisis risus, neque sit aliquet orci, malesuada.</p>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 col-12" data-aos="fade-up" data-aos-delay="300" data-aos-duration="800">
<div class="box-text st2 corner-box">
<div class="number">03</div>
<div class="h7">Add your NFT's</div>
<p>Arcu morbi sit laoreet semper ultrices maecenas auctor amet.
Donec tortor facilisis risus, neque sit aliquet orci, malesuada.</p>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 col-12" data-aos="fade-up" data-aos-delay="400" data-aos-duration="800">
<div class="box-text st2 mobie-mb-0 corner-box">
<div class="number">04</div>
<div class="h7">Sell Your NFT's</div>
<p>Arcu morbi sit laoreet semper ultrices maecenas auctor amet.
Donec tortor facilisis risus, neque sit aliquet orci, malesuada.</p>
</div>
</div>
</div>
</div>
</section>
<section class="tf-section tf-team">
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-5 col-md-6 col-12">
<div class="tf-title st2 m-b61" data-aos="fade-up" data-aos-duration="800">
<p class="h8 sub-title">Our team</p>
<h4 class="title">Meet our TEAM</h4>
</div>
<div class="content mobie-30" data-aos="fade-up" data-aos-duration="800">
<div class="h7 txt-tranf-cap m-b16">
Who we are
</div>
<p>Purus, laoreet dui augue ut euismod. Elementum ante sociis volutpat tellus enim, nisl consectetur mauris.
Venenatis congue id quis eget viverra.
Vestibulum, justo, euismod congue feugiat eget fames gravida posuere. </p>
</div>
</div>
<div class="col-xl-7 col-lg-7 col-md-6 col-12">
<div class="wrap-team" data-aos="fade-up" data-aos-duration="800">
<div class="swiper-container sl-team">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="team-box">
<div class="image">
<img src="team6.png" alt="">
</div>
<div class="content">
<div class="h8"><a href="team-details.html">Esther Howard</a></div>
<p>Co-founder & COO</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="team-box">
<div class="image">
<img src="assets/images/common/team11.png" alt="">
</div>
<div class="content">
<div class="h8"><a href="team-details.html">Ralph Edwards</a></div>
<p>Backend Engineer</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="swiper-button-next btn-slide-next"></div>
<div class="swiper-button-prev btn-slide-prev"></div>
</div>
</div>
</div>
</section>
<section class="tf-section faq">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="tf-title m-b60" data-aos="fade-up" data-aos-duration="800">
<p class="h8 sub-title">FAQs</p>
<h4 class="title">Looking for answers?</h4>
</div>
</div>
<div class="col-md-12">
<div class="flat-accordion" data-aos="fade-up" data-aos-duration="800">
<div class="flat-toggle box-text corner-box active">
<div class="h7 toggle-title active">What are the NFTs?</div>
<p class="toggle-content">Urna vitae erat et lacus, consectetur ac nulla vestibulum lobortis.
Nulla dapibus urna volutpat venenatis, risus faucibus.</p>
</div>
<div class="flat-toggle box-text corner-box">
<div class="h7 toggle-title">How do i get NFTs?</div>
<p class="toggle-content">Gravida viverra dui aliquet eu tortor lorem et gravida. Sed amet phasellus tellus mauris auctor rhoncus.
Malesuada nisl at mauris cursus lorem mattis arcu.</p>
</div>
<div class="flat-toggle box-text corner-box">
<div class="h7 toggle-title">How can we buy your NFTs?</div>
<p class="toggle-content">Gravida viverra dui aliquet eu tortor lorem et gravida. Sed amet phasellus tellus mauris auctor rhoncus.
Malesuada nisl at mauris cursus lorem mattis arcu.</p>
</div>
<div class="flat-toggle box-text corner-box mobie-bt0">
<div class="h7 toggle-title">Who are the team behind the project?</div>
<p class="toggle-content">Gravida viverra dui aliquet eu tortor lorem et gravida. Sed amet phasellus tellus mauris auctor rhoncus.
Malesuada nisl at mauris cursus lorem mattis arcu.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="footer-main">
<img src="bg-ft.png" alt="" class="bg1">
<img src="bg-ft2.png" alt="" class="bg2">
<div class="container">
<ul class="widget-social">
<li>
<a href="#">
<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.173 4.01621C22.2015 3.3728 22.971 2.35967 23.338 1.16598C22.3715 1.76605 21.3141 2.18875 20.2115 2.41581C18.6828 0.723595 16.2607 0.311787 14.2986 1.41049C12.3365 2.5092 11.3202 4.84642 11.8176 7.11616C7.85881 6.90819 4.17053 4.95138 1.67052 1.73267C0.365817 4.08755 1.03255 7.09789 3.19419 8.61211C2.41252 8.58582 1.64818 8.36436 0.964911 7.96619C0.964911 7.9878 0.964911 8.00941 0.964911 8.03102C0.965363 10.484 2.6175 12.597 4.91519 13.0832C4.19015 13.2896 3.42963 13.32 2.69165 13.172C3.33783 15.2698 5.18545 16.7069 7.29133 16.7498C5.54718 18.1823 3.39322 18.9591 1.17602 18.9553C0.783024 18.9559 0.390336 18.9322 0 18.8845C2.25152 20.3985 4.87202 21.2021 7.54833 21.1992C11.2717 21.226 14.85 19.6899 17.4828 16.9347C20.1156 14.1795 21.5832 10.4349 21.5573 6.53868C21.5573 6.31536 21.5523 6.09325 21.5424 5.87234C22.5067 5.1431 23.3389 4.2397 24 3.20461C23.1017 3.62129 22.1487 3.89486 21.173 4.01621Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.80176 15.0759C1.80315 21.0155 6.09584 26.0728 11.9262 27.0037V18.5652H8.88176V15.0759H11.9298V12.4196C11.7935 11.161 12.2208 9.90656 13.0957 8.9966C13.9707 8.08664 15.2026 7.61545 16.4574 7.71081C17.358 7.72545 18.2564 7.80616 19.1454 7.95229V10.9213H17.6286C17.1064 10.8524 16.5814 11.026 16.2015 11.3929C15.8216 11.7599 15.6279 12.2806 15.675 12.8084V15.0759H19.0002L18.4686 18.5664H15.675V27.0037C21.9803 26.001 26.4019 20.207 25.7364 13.8191C25.0709 7.43115 19.5513 2.68558 13.1763 3.02033C6.80139 3.35508 1.80277 8.65295 1.80176 15.0759Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="30" height="27" viewBox="0 0 30 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.8558 1.15613C28.3645 0.744 27.5929 0.685032 26.7951 1.0019H26.7938C25.9547 1.33498 3.04206 11.0576 2.10931 11.4548C1.93966 11.5131 0.458 12.0601 0.61062 13.2783C0.746864 14.3767 1.93769 14.8316 2.08311 14.884L7.9082 16.8572C8.29466 18.1299 9.71933 22.8253 10.0344 23.8284C10.2309 24.4537 10.5512 25.2754 11.1126 25.4445C11.6051 25.6325 12.0951 25.4607 12.4121 25.2145L15.9735 21.9466L21.7226 26.3822L21.8595 26.4632C22.2499 26.6343 22.6239 26.7198 22.9809 26.7198C23.2566 26.7198 23.5213 26.6686 23.7741 26.5662C24.6355 26.2163 24.98 25.4044 25.016 25.3123L29.3103 3.23038C29.5724 2.05102 29.2082 1.45097 28.8558 1.15613ZM13.0455 17.6465L11.0805 22.8305L9.11541 16.3505L24.1809 5.33444L13.0455 17.6465Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="30" height="22" viewBox="0 0 30 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.5957 4.06706C28.3295 2.60091 27.0609 1.5332 25.5888 1.19987C23.3859 0.733724 19.3089 0.400391 14.8978 0.400391C10.4893 0.400391 6.34708 0.733724 4.14153 1.19987C2.67204 1.5332 1.40091 2.5332 1.13468 4.06706C0.865841 5.73372 0.599609 8.06706 0.599609 11.0671C0.599609 14.0671 0.865841 16.4004 1.19994 18.0671C1.46878 19.5332 2.73729 20.6009 4.20679 20.9342C6.54545 21.4004 10.5546 21.7337 14.9657 21.7337C19.3768 21.7337 23.3859 21.4004 25.7246 20.9342C27.1941 20.6009 28.4626 19.6009 28.7314 18.0671C28.9977 16.4004 29.3317 13.9993 29.3996 11.0671C29.2639 8.06706 28.9298 5.73372 28.5957 4.06706ZM11.2906 15.7337V6.40039L19.442 11.0671L11.2906 15.7337Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.971 0.799805H4.02818C2.13767 0.799805 0.599609 2.33786 0.599609 4.22838V26.1712C0.599609 28.0617 2.13767 29.5998 4.02818 29.5998H25.971C27.8616 29.5998 29.3996 28.0617 29.3996 26.1712V4.22838C29.3996 2.33786 27.8616 0.799805 25.971 0.799805ZM23.2323 13.3641C23.0766 13.3785 22.9189 13.3881 22.7592 13.3881C20.9605 13.3881 19.38 12.4631 18.4604 11.0649C18.4604 14.7328 18.4604 18.9061 18.4604 18.976C18.4604 22.2051 15.8424 24.8231 12.6133 24.8231C9.38429 24.8231 6.76624 22.2051 6.76624 18.976C6.76624 15.747 9.38429 13.1289 12.6133 13.1289C12.7354 13.1289 12.8547 13.1399 12.9747 13.1475V16.0288C12.8547 16.0144 12.7368 15.9925 12.6133 15.9925C10.9649 15.9925 9.62909 17.3283 9.62909 18.9767C9.62909 20.6252 10.9649 21.9609 12.6133 21.9609C14.2618 21.9609 15.7176 20.6622 15.7176 19.0137C15.7176 18.9486 15.7464 5.57786 15.7464 5.57786H18.5002C18.7594 8.04026 20.7473 9.98358 23.2323 10.1619V13.3641Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="30" height="22" viewBox="0 0 30 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.4083 2.56088C22.9162 0.555449 18.9738 0.215503 18.805 0.203274C18.5434 0.181264 18.2939 0.328003 18.1863 0.570123C18.1765 0.584796 18.0909 0.782894 17.9955 1.09105C19.6439 1.36985 21.6689 1.92991 23.5007 3.06713C23.7942 3.24811 23.8847 3.63452 23.7037 3.928C23.5838 4.12121 23.3809 4.22637 23.1705 4.22637C23.058 4.22637 22.9431 4.19458 22.8404 4.13099C19.6904 2.17692 15.7578 2.07909 14.9996 2.07909C14.2415 2.07909 10.3064 2.17692 7.15885 4.13099C6.86537 4.31442 6.47896 4.22393 6.29798 3.93045C6.11456 3.63452 6.20504 3.25056 6.49852 3.06713C8.33032 1.93235 10.3553 1.36985 12.0037 1.09349C11.9083 0.782895 11.8227 0.587242 11.8154 0.570123C11.7053 0.328003 11.4583 0.176373 11.1942 0.203274C11.0254 0.215503 7.08303 0.555448 4.55668 2.58779C3.23847 3.80817 0.599609 10.9397 0.599609 17.1052C0.599609 17.2152 0.628957 17.3204 0.682762 17.4158C2.50233 20.6147 7.46945 21.4511 8.60178 21.4878C8.60668 21.4878 8.61401 21.4878 8.62135 21.4878C8.82189 21.4878 9.01021 21.3924 9.1276 21.231L10.2722 19.656C7.1833 18.8587 5.60586 17.5038 5.51537 17.4231C5.25613 17.1957 5.23167 16.7995 5.46157 16.5402C5.68901 16.281 6.08521 16.2565 6.34445 16.484C6.38113 16.5182 9.28657 18.9834 14.9996 18.9834C20.7224 18.9834 23.6279 16.5084 23.6572 16.484C23.9165 16.259 24.3102 16.281 24.5401 16.5427C24.7675 16.8019 24.7431 17.1957 24.4838 17.4231C24.3934 17.5038 22.8159 18.8587 19.7271 19.656L20.8716 21.231C20.989 21.3924 21.1773 21.4878 21.3779 21.4878C21.3852 21.4878 21.3925 21.4878 21.3974 21.4878C22.5298 21.4511 27.4969 20.6147 29.3165 17.4158C29.3703 17.3204 29.3996 17.2152 29.3996 17.1052C29.3996 10.9397 26.7607 3.80817 25.4083 2.56088ZM10.93 14.6008C9.71945 14.6008 8.73874 13.4807 8.73874 12.0965C8.73874 10.7122 9.71945 9.59213 10.93 9.59213C12.1406 9.59213 13.1213 10.7122 13.1213 12.0965C13.1213 13.4807 12.1406 14.6008 10.93 14.6008ZM19.0692 14.6008C17.8586 14.6008 16.8779 13.4807 16.8779 12.0965C16.8779 10.7122 17.8586 9.59213 19.0692 9.59213C20.2798 9.59213 21.2605 10.7122 21.2605 12.0965C21.2605 13.4807 20.2798 14.6008 19.0692 14.6008Z" fill="white"/>
</svg>
</a>
</li>
</ul>
<h5 class="heading">don’t miss out, join now for early access</h5>
<p>Maecenas sit pretium, cras in. In quisque sem id eget. In vel gravida ut </p>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="wrap-fx">
<div class="Copyright">
<p>BONOVA 2022- ALL rights reserved</p>
</div>
<ul class="list">
<li>
<a href="#">Privacy Policy</a>
</li>
<li>
<a href="#">Cookies</a>
</li>
<li>
<a href="#">Terms & Conditions</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<div class="modal fade popup" id="popup_bid" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="header-popup">
<h5>Connect to a wallet</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body center">
<div class="box-wallet-inner">
<div class="sc-box">
<div class="img">
<img src="icon-1.png" alt="Image">
</div>
<h6 class="heading"><a href="login.html">Meta Mask</a> </h6>
<p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
</div>
<div class="sc-box">
<div class="img">
<img src="icon-6.png" alt="Image">
</div>
<h6 class="heading"><a href="login.html"> Bitski</a></h6>
<p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
</div>
<div class="sc-box">
<div class="img">
<img src="vector.png" alt="Image">
</div>
<h6 class="heading"><a href="login.html">Fortmatic</a> </h6>
<p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
</div>
<div class="sc-box">
<div class="img">
<img src="icon-2.png" alt="Image">
</div>
<h6 class="heading"><a href="login.html">Coinbase Wallet</a> </h6>
<p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
</div>
<div class="sc-box">
<div class="img">
<img src="icon-3.png" alt="Image">
</div>
<h6 class="heading"><a href="login.html">Authereum</a> </h6>
<p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
</div>
<div class="sc-box">
<div class="img">
<img src="icon-4.png" alt="Image">
</div>
<h6 class="heading"><a href="login.html">Kaikas</a> </h6>
<p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="scroll-top"></a>
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="swiper-bundle.min.js"></script>
<script src="swiper.js"></script>
<script src="app.js"></script>
<script src="jquery.easing.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script src="parallax.js"></script>
<script src="jquery.magnific-popup.min.js"></script>
</body>
</html>