-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
712 lines (572 loc) · 25.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<style>
.font1 {
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 900;
}
.left {
width: 50%;
height: 500px;
float: right;
background-image: url(lap2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: flex;
}
.right {
width: 50%;
height: 500px;
background-color: white;
float: left;
}
.lefttext {
width: 80%;
height: 80%;
background-color: white;
margin-top: 10%;
margin-left: 5%;
}
.black {
width: 100%;
height: 100%;
background-color: black;
margin-bottom: -0.7%;
}
.black1 {
width: 33.3%;
height: 100%;
background-color: black;
float: left;
border: 2%;
border-color: white;
color: white;
}
.black1text {
width: 90%;
height: 100%;
background-color: black;
float: left;
border: 2%;
border-color: white;
color: white;
margin-left: 14%;
}
.black2 {
width: 33.3%;
height: 100%;
background-color: black;
float: left;
border: 2%;
border-color: white;
color: white;
}
.black3 {
width: 33.39%;
height: 100%;
background-color: black;
float: left;
border: 2%;
border-color: white;
color: white;
}
.image1 {
width: 5%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.white {
width: 100%;
height: 500px;
background-color: white;
}
.image2 {
width: 70%;
height: 100%;
}
.image3 {
width: 70%;
height: 100%;
}
.white2 {
width: 50%;
height: 80%;
background-color: white;
float: left;
}
.white3 {
width: 50%;
height: 80%;
background-color: white;
float: right;
}
.rose {
width: 100%;
height: 100%;
background-color: rgb(252, 244, 244);
}
.lastblack1 {
width: 50%;
height: 100%;
background-color: black;
float: left;
border: 2%;
border-color: white;
color: white;
border: 2%;
border-color: white;
}
.lastblack2 {
width: 50%;
height: 100%;
background-color: black;
float: left;
border: 2%;
border-color: white;
color: white;
}
.white4 {
width: 100%;
height: 80%;
background-color: white;
}
.white5 {
width: 100%;
height: 80%;
background-color: white;
}
.white6 {
width: 100%;
height: 20%;
background-color: white;
}
.colorof{
background-color: #f2f2f2;
}
</style>
</head>
<body>
<!-- !navbar -->
<nav class="navbar navbar-expand-lg bg-body-tertiary fixed-top colorof">
<div class="container-fluid">
<a class="navbar-brand font1 b-50 text-dark" href="#">Wix</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav me-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-dark" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Creation
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-dark dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Business
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-dark dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Resources
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="#">support</a>
</li>
<div style="border-left: black 1px solid; height: 30px; ">
<li class="nav-item dropdown">
<a class="nav-link text-dark dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
More
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
</ul>
<a class="me-3" href=""><i class="bi bi-globe"></i></a>
<ul class="navbar-nav d-flex flex-row">
<li class="nav-items me-3 me-lg-0">
<div class="ms-auto me-3 pe-3" style="border-right: 1px solid black;"> <a style="text-decoration: none;"
href="login1.html">Login</a></div>
</li>
<li class="nav-items me-3 me-lg-0">
<div class="ms-auto "> <a style="text-decoration: none;" href="project1reg.html"> Register</a></div>
</li>
</ul>
</div>
</div>
</nav>
<!-- body -->
<div class="row">
<div class=" container-fluid col-sm-6 left"> </div>
<div class=" container-fluid col-sm-6 right ">
<div class="container-fluid col-sm-6 lefttext">
<h1>
Your Complete <br>Website Design <br>Solution</h1><br>
<h6>With Wix’s intuitive technology and powerful built-in <br>features you’ll have the creative freedom to design
<br> a website you’re proud of.</h6><br>
<button type="button" class="btn btn-primary">Start Designing</button>
</div>
</div>
</div>
<!-- carousel -->
<!-- <div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="10000">
<img src="/design.jpg" class="d-block w-100 " alt="...">
</div>
<div class="carousel-item" data-bs-interval="2000">
<img src="/design2.jpg" style="background-size: cover !important; background-repeat: repeat;" class="d-block w-100 " alt="...">
</div>
<div class="carousel-item">
<img src="/design3.jpg" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div> -->
<div class="black">
<h1 style="color: white; text-align: center; ">Discover the Best Ways to <br> Design Your Website</h1>
</div>
<div class="row">
<div class="container-fluid col-md-4 text-bg-dark border border-light"><br>
<h5> Wix Editor | Design It Your Way</h5>
<p>Get complete design freedom with the <br> Editor. Drag and drop technology lets you <br> move things around
your site however <br>you’d like. Every design element is ;; <br>customizable. Resize, recolor, rotate and <br>
align elements to make it look just right. <br>Then choose from 1000s of intuitive tools <br>and built-in
features to create a <br>professional web presence.</p>
</div>
<div class="container-fluid col-md-4 text-bg-dark border border-light"><br>
<h5>Wix ADI | Made for You Instantly</h5>
<p>Create a beautifully designed website in no <br>time with Wix ADI (Artificial Design <br> Intelligence). Just
answer a few questions and <br> you’ll get a fully designed site with content and <br> images built-in. Make it
your own by choosing <br> a design theme and a custom color palette <br> that fits the look you’re going for.
You can <br>always upload your own images and content to <br> match your brand. </p>
</div>
<div class="container-fluid col-md-4 text-bg-dark border border-light">
<h5><br> Wix Editor | Design It Your Way</h5>
<p>Get complete design freedom with the <br> Editor. Drag and drop technology lets you <br> move things around
your site however <br>you’d like. Every design element is <br>customizable. Resize, recolor, rotate and <br>
align elements to make it look just right. <br>Then choose from 1000s of intuitive tools <br>and built-in
features to create a <br> professional web presence.</p>
</div>
</div>
<br><br>
<div class="image1"><img src="ss.png" style="width: 2000%;" alt=""></div>
<div class="white">
<br><br>
<h1 style="text-align: center; font-weight: bolder;">Set Yourself Up for Success</h1>
<h6 style="text-align: center;">Wix empowers you to bring your ideas to life. With our all-inclusive <br>web builder
you can design, manage and grow your online presence— <br>all from one powerful platform.</h6>
<table border="1.3" class="table table-hover">
<tr>
<th>Professional Features</th>
<th>Design Elements</th>
<th>Advanced Functionality</th>
</tr>
<tr>
<td>Built-In Tools</td>
<td>Marketing and SEO</td>
<td>Mobile Experiance</td>
</tr>
</table>
<div class="image2"><img src="/web4.png" style="background-size: cover;width: 100%; margin-left: 19%; flex: auto;" alt="">
<h1 style="text-align: center; margin-left: 28%;">Add All the Features You Need</h1><br>
<h5 style="text-align: center; margin-left: 28%;">With Wix, you can create the exact web experience you need. <br> Add as many
features as you wish—without any limitations.</h5>
</div><br>
<div class="h4 pb-2 mb-4 text-danger border-bottom border-dark ">
</div>
<div class="row">
<div class="container-fluid col-md-4 text-bg-light border border-light "><br>
<h5> Online Store</h5>
<p>Build your eCommerce business online. <br> Sell on multiple channels, accept secure <br> online payments,
start dropshipping and <br> increase your revenue.</p>
</div>
<div class="container-fluid col-md-4 text-bg-light border border-light"><br>
<h5>Portfolio</h5>
<p>Showcase your talent with a portfolio <br> website. Display your works of art in a <br> way that represents
who you are as a <br> creative and artist. </p>
</div>
<div class="container-fluid col-md-4 text-bg-light border border-light">
<h5><br> Blog</h5>
<p>Create engaging blog posts and share <br> your content online. Use our blogging tools <br> to target the
right readers and enjoy sleek <br> layouts and design customizations.</p>
</div>
</div>
<br> <br>
<div class="row">
<div class="container-fluid col-md-4 text-bg-light border border-light "><br>
<h5> Online Scheduling
</h5>
<p>Take bookings online and manage them <br> right from your site. Host sessions online <br> with Zoom, offer
memberships or packages <br> and sync your team’s calendars with ease.
</p>
</div>
<div class="container-fluid col-md-4 text-bg-light border border-light"><br>
<h5>Events</h5>
<p>Promote your events with the industry- <br>leading event management platform. <br> Sell tickets, collect
RSVPs and host and <br> showcase your events online.</p>
</div>
<div class="container-fluid col-md-4 text-bg-light border border-light">
<h5><br> Restaurants</h5>
<p>Manage and grow your restaurant business <br> online. Create professional menus, take <br> online orders and
accept secure online <br> payments—all from your site.</p>
</div>
</div>
<div class="image3"><img src="image.jpg" style="background-size: cover;width: 144%; height: 100%; " alt=""></div>
<div class="row">
<div class="container-fluid col-md-6 white2">
<br><br><br>
<h1 style="text-align: center; margin-top: 9%;">Make Sure Your Site Looks Amazing On Mobile</h1>
</div>
<div class="container-fluid col-md-6 white3">
<p style=" margin-top: 20%;">Ensure your site looks great on mobile with the Wix Mobile <br> Editor. Add a
dedicated welcome screen, choose <br>from beautifully designed layouts and use built-in features to <br> enhance
your site on mobile. <br><br><br>You can also manage your site and interact with your visitors <br> on the go
with the Wix Owner app.</p> <a href=""><b>Start Now <i class="bi bi-arrow-right"></i></b></a>
</div></div><div> <br>
<div class="rose">
<h1 style="text-align: center;">Read the Experts’ Take on Web Design</h1><br><br>
<!-- card -->
<div class="row">
<div class="card container-fluid col-sm-4" style="width: 18rem;">
<img src="card1.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">How to design a wesite</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
content.</p>
<a href="#">Read more <i class="bi bi-arrow-right"></i></a>
</div>
</div>
<div class="card container-fluid col-sm-4" style="width: 18rem;">
<img src="card2.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h6 class="card-title">Website creation ideas</h6>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
content.</p>
<a href="#">Read more <i class="bi bi-arrow-right"></i></a>
</div>
</div>
<div class="card container-fluid col-sm-4" style="width: 18rem;">
<img src="card3.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h6 class="card-title">Web design trends to look out to you</h6>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
content.</p>
<a href="#">Read more <i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div>
<br><br>
<a href="#" style="margin-left: 40%;">Watch the video Courses <i class="bi bi-arrow-right"></i></a> <br><br>
</div>
<div class="row">
<div class=" container-fluid col-sm-6 lastblack1" style="border:2px solid white"><br>
<h1 style="color: white; text-align: center;">Get Started with a <br> Designer-Made Template</h1><br><br>
<h6 style="color: white; text-align: center;">Now that you’re ready to design the perfect <br>site—choose from our
massive selection of <br> templates created by professional designers <br> and customize it however you’d like.
</h6>
<br><a style="margin-left: 29%;" href="">Explore Templates <i class="bi bi-arrow-right"></i></a>
</div>
<div class="container-fluid col-sm-6 lastblack2" style="border:2px solid white"><br>
<h1 style="color: white; text-align: center;">Let Inspiration Fuel <br> Your Creativity</h1><br><br>
<h6 style="color: white; text-align: center;">Check out these good looking Wix <br> websites designed by people
just like you. <br> Gather some inspiration and let your <br> creativity run free.</h6>
<br><a style="margin-left: 39%;" href="">Get Inspired <i class="bi bi-arrow-right"></i></a>
</div></div>
<!-- accordion -->
<h1>FAQs</h1>
<div class="accordion accordion-flush" id="accordionFlushExample">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
1. What are the main elements to think about when website designing?
</button>
</h2>
<div id="flush-collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">Website design is a field that is always changing and evolving, but there are a
few main aspects that are always important. First and foremost, choose a website layout that will look great
on both desktop and mobile. Next, when picking typography and color schemes make sure to stick to ones that
represent your brand and catch the eye. With Wix, it's easy to choose a theme and seamlessly keep it
coherent throughout your whole page. And of course, keep accessibility in mind, anyone coming to your site
should be able to easily navigate and find what they are looking for. </div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
2. What are the most important principles of website design?
</button>
</h2>
<div id="flush-collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">When building a website you need to consider the aesthetic aspects but just as
important is the site’s functionality and how to best achieve your business goals. A few key principles of
design to keep in mind are prioritizing above the fold, your site’s visual hierarchy, visual cues and
optimizing for all devices. Prioritizing above the fold means being sure to give your audience everything
they need to understand your brand and take the desired action, in the very first fold. You should also be
sure to organize your site’s hierarchy by giving crucial information higher in the page while taking SEO
best practices into consideration. Visual cues like arrows and buttons are also important to help your
audience navigate your page and boost conversions. Finally, optimizing for all devices helps ensure that
your audience gets a good experience everywhere they see your page, which keeps them coming back.
Learn more about how to design a website.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
3. How can I design my site while ensuring good performance?
</button>
</h2>
<div id="flush-collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">With Wix’s performance-first culture and powerful infrastructure, you can be sure
that your site will be equipped with all the tools you need to actively manage your website performance.
When building your site and looking for design trends, it’s important to keep in mind that adding too many
design elements can slow down your loading time. Because of this, the best designed websites limit the
number of images, videos and font types they use. It’s also a good idea to look at your site’s performance
in your Site Speed dashboard while you’re building to be able to optimize and test your loading times. Once
you go live, check your Core Web Vitals regularly to see how well your site is performing and make sure
you’re providing site visitors the best user experience possible.</div>
</div>
</div>
</div>
</div>
<div class="h4 pb-2 mb-4 border-bottom border-dark"></div>
<div class="white4">
<h1 style="text-align: center; margin-top: 8%;">Design a Professional <br> Website Today</h1>
<a style="margin-left: 45%; margin-top: 5%;" href="#" class="btn btn-dark">Start Now</a>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="sample1.css">
</head>
<body>
<div class="bird-container bird-container-one">
<div class="bird bird-one"></div>
</div>
<div class="bird-container bird-container-two">
<div class="bird bird-two"></div>
</div>
<div class="bird-container bird-container-three">
<div class="bird bird-three"></div>
</div>
<div class="bird-container bird-container-four">
<div class="bird bird-four"></div>
</div>
</body>
</html>
</div>
<div class="h4 pb-2 mb-4 border-bottom border-dark"></div>
<!-- lastwhite -->
<div class="row white5">
<div class="container-fluid col-sm-2"><h6 style="margin-top: 49%;">Product</h6>
<p> Website Templates
Website Builder
Website Design
Wix Features
App Market
Web Hosting
Domain Names
Website Accessibility
Mobile App Builder</p></div>
<div class="container-fluid col-sm-2"><h6 style="margin-top: 49%;">Solutions</h6>
<p>
Online Store
Online Booking
Restaurant Website
Blog Website
Portfolio Website
Wix Studio
Enterprise Solutions
Student Website
Professional Tools
Business Email
Logo Maker</p></div>
<div class="container-fluid col-sm-2"><h6 style="margin-top: 49%;">Learn</h6>
<p>
Wix Blog
Privacy and Security Hub
SEO Learning Hub
Wix Encyclopedia </p></div>
<div class="container-fluid col-sm-2"><h6 style="margin-top: 49%;">Support</h6>
<p>
Help Center
Hire a Professional
Report Abuse
System Status </p></div>
<div class="container-fluid col-sm-2">
<h6 style="margin-top: 49%;">Company</h6>
<p> Press & Media
Investor Relations
Wix Capital
Accessibility Statement
Patent Notice
Sitemap
Careers </p></div>
<div class="container-fluid col-sm-2">
<h1 style="margin-top: 15%;">Wix</h1>
<p>The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create and grow online.
<br><br> About <br>
Contact Us</p> </div>
</div>
<div class="h4 pb-2 mb-4 border-bottom border-dark"></div>
<div class="white6">
<a style="margin-left: 4%;" href=""><i class="bi bi-facebook"></i></a>
<a style="margin-left: 2%;" href=""><i class="bi bi-instagram"></i></a>
<a style="margin-left: 2%;" href=""><i class="bi bi-youtube"></i></a>
<a style="margin-left: 2%;" href=""><i class="bi bi-whatsapp"></i></a>
<p style="margin-left: 68%;">Terms of Use
Privacy Policy
© 2006-2023 Wix.com, Inc</p>
</div>
</body>
</html>