forked from keisuke32/Webbee
-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
683 lines (678 loc) · 46.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="description" content="" />
<meta name="author" content="Ferdinand Tugano" />
<link rel="icon" href="assets/img/favicon.ico" />
<title>Webbee</title>
<!-- Icons for this template -->
<link
href="assets/fonts/font-awesome/css/all.min.css"
rel="stylesheet"
type="text/css"
/>
<!-- Stylesheet -->
<!-- build:css -->
<link href="assets/css/app.css" rel="stylesheet" />
<!-- endbuild -->
<link id="theme-color" href="assets/css/colors/green.css" rel="stylesheet" />
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
</head>
<body>
<header>
<div class="webbee-nav">
<div class="webbee-nav-content">
<div class="navbar-left">
<div class="sidebar-toggler" id="nav-container">
<div class="bg" id="sidebar-bg" onclick="onCloseSidebarButton()"></div>
<button type="button" class="menu-mobile-trigger button-ripple" tabindex="0" onclick="onOpenSidebarButton()">
<span>
<svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" data-testid="MenuIcon"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg>
</span>
</button>
<div id="nav-content" tabindex="0">
<div class="close-tab">
<button type="button" class="close-sidebar-button button-ripple" onclick="onCloseSidebarButton()">
<svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" data-testid="CloseIcon"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg>
</button>
</div>
<span class="section-title">Landing Pages</span>
<ul>
<li class="row">
<a href="advertisement.html" class="col-6">Advertisement</a>
<a href="payment.html" class="col-6">Payment App</a>
</li>
<li class="row">
<a href="marketing.html" class="col-6">Marketing</a>
<a href="software-company.html" class="col-6">Software Company</a>
</li>
<li class="row">
<a href="course.html" class="col-6">Course</a>
<a href="crypto.html" class="col-6">Crypto Currency</a>
</li>
<li class="row">
<a href="design-agency.html" class="col-6">Design Agency</a>
<a href="consulting.html" class="col-6">Consulting</a>
</li>
<li class="row">
<a href="application.html" class="col-6">Application</a>
<a href="event.html" class="col-6">Event</a>
</li>
</ul>
<span class="section-title">Supporting Pages</span>
<ul>
<li class="row">
<a href="about.html" class="col-6">About</a>
<a href="services.html" class="col-6">Services</a>
</li>
<li class="row">
<a href="contact.html" class="col-6">Contact</a>
<a href="pricing.html" class="col-6">Pricing</a>
</li>
<li class="row">
<a href="customers.html" class="col-6">Customers</a>
<a href="hire-us.html" class="col-6">Hire Us</a>
</li>
<li class="row">
<a href="faq.html" class="col-6">FAQ</a>
<a href="privacy.html" class="col-6">Privacy Policy</a>
</li>
<li class="row">
<a href="coming-soon.html" class="col-6">Coming Soon</a>
<a href="maintenance.html" class="col-6">Maintenance Mode</a>
</li>
<li class="row">
<a href="cover.html" class="col-6">Cover</a>
<a href="404.html" class="col-6">Not Found</a>
</li>
</ul>
<span class="section-title">Auth Pages</span>
<ul>
<li class="row">
<a href="login.html" class="col-6">Login</a>
<a href="login-simple.html" class="col-6">Login Simple</a>
</li>
<li class="row">
<a href="signup.html" class="col-6">Sign Up</a>
<a href="signup-simple.html" class="col-6">Sign Up Simple</a>
</li>
<li class="row">
<a href="forgot.html" class="col-6">Forgot Password</a>
<a href="forgot-password-simple.html" class="col-6">Forgot Password Simple</a>
</li>
</ul>
<a href="/" class="button-secondary button-ripple" style="width: 100%; height: 36px;">Documentation</a>
<a href="/" class="button-primary button-ripple" style="margin-top: 8px; width: 100%; height: 36px;">Purchase now</a>
</div>
</div>
<a class="logo-brand" href="index.html">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 95 71">
<rect class="svg-changed-color" width="16.811" height="68.926" x="0.664" y="7.769" rx="8.406" transform="rotate(-25 .664 7.77)"></rect>
<rect class="svg-changed-color" width="16.811" height="68.926" x="28.665" y="7.769" rx="8.406" transform="rotate(-25 28.665 7.77)"></rect>
<rect class="svg-changed-color" width="16.811" height="16.81" x="78.769" y="0.664" rx="8.405" transform="rotate(25 78.77 .664)"></rect>
</svg>
</a>
</div>
<div class="navbar-right">
<!-- <div class="navbar-colors">
<div class="navbar-color green">
<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="white"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg>
</div>
<div class="navbar-color blue">
</div>
<div class="navbar-color purple">
</div>
<div class="navbar-color red">
</div>
<div class="navbar-color orange">
</div>
</div>
<div class="navbar-theme">
<button class="theme-toggler">
<span>
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path></svg>
</span>
</button>
</div> -->
<div class="navbar-menu navbar-home">
<a href="/">Home</a>
</div>
<div class="navbar-menu navbar-documentation">
<a href="">Documentation</a>
</div>
<div class="navbar-purchase">
<a href="/" class="button-primary button-ripple">Purchase now</a>
</div>
</div>
</div>
</div>
</header>
<main role="main">
<div class="panel-hero">
<div class="panel-hero-content row">
<div class="panel-hero-left col-lg-6" data-aos="fade-right">
<div class="webbee-description-snippet panel-hero-left-snippet">
<h2 class="webbee-description-snippet-title">Turn your ideas<br/>into a <span class="typewritter font-changed-color">future.</span></h2>
<p class="webbee-description-snippet-content panel-hero-left-snippet-content">Webbee will make your product look modern and professional while saving you precious time.</p>
<div class="webbee-description-snippet-buttons panel-hero-left-snippet-buttons">
<a href="/" class="button-primary button-ripple">Purchase now</a>
<div class="webbee-description-snippet-secondary-button">
<a href="/" class="button-secondary button-ripple">View documentation</a>
</div>
</div>
</div>
</div>
<div class="panel-hero-right col-lg-6">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="none" viewBox="0 0 329 273">
<path fill="#E6E6E6" d="M53.482 271.494s-32.794 2.293-46.274-3.238c-13.479-5.532-3.806-21.417 9.328-24.878 13.134-3.461 21.082 15.55 26.948-2.03 5.867-17.58 21.194-26.339 30.988-14.383 9.795 11.957 19.813 15.763 30.176 5.075 10.364-10.687 19.915-1.958 24.117 13.703 4.202 15.661 52.932-14.393 71.598-8.526 18.666 5.867 32.825 23.152 44.223 4.496 11.399-18.655 24.878-23.497 32.48-12.443 7.603 11.053 10.019 24.187 23.498 14.21 13.479-9.978 31.789-1.015 26.603 10.708-5.187 11.723-39.92 15.712-39.92 15.712s-201.66-10.028-233.765 1.594z" opacity="0.42"></path>
<path fill="#E6E6E6" d="M151.806 212.065s7.268 24.289-6.902 31.465c-14.169 7.176-22.715-3.999-37.494 5.846-14.778 9.846-6.993-24.36-29.536-22.807-22.543 1.553-14.088 19.397-14.088 19.397s-19.428-18.94-29.496-2.436c-10.07 16.504-5.207 32.013 40.183 27.344 45.391-4.669 78.693 1.685 118.014.843 39.322-.843 111.65 6.932 115.507-14.83 3.857-21.761-16.331-31.414-37.321-19.214-20.99 12.201-17.478-15.915-41.777-3.045-24.3 12.871-53.044 27.69-60.393-29.232l-16.697 6.669z"></path>
<path fill="#E6E6E6" d="M105.776 5.249c-52.029 11.46-86.701 61.671-77.09 114.076 4.579 25.009 19.286 49.826 56.242 61.417 88.691 27.811 188.658 13.936 206.279-40.803 17.62-54.739 6.221-89.99-36.794-117.456C226.622 4.741 160.129-6.728 105.776 5.25z" opacity="0.3"></path>
<path fill="#E6E6E6" d="M319.808 92.213a7.885 7.885 0 00-2.31-5.573 7.88 7.88 0 00-5.576-2.303c-.426 0-.85.038-1.269.111a10.59 10.59 0 00-9.358-5.603h-.386a12.604 12.604 0 00-6.684-14.42 12.608 12.608 0 00-17.875 8.739 12.619 12.619 0 00.118 5.681h-.386a10.627 10.627 0 000 21.254h36.865v-.081a7.878 7.878 0 006.861-7.805zM63.227 142.943a8.02 8.02 0 00-8.018-8.008 7.615 7.615 0 00-1.28.111 10.804 10.804 0 00-9.52-5.694h-.396c.261-1.015.394-2.058.396-3.106a12.831 12.831 0 00-21.768-8.838 12.83 12.83 0 00-3.881 8.838c.006 1.048.14 2.09.396 3.106h-.396a10.809 10.809 0 000 21.609h37.494v-.071a8.015 8.015 0 006.973-7.947z"></path>
<path fill="#FFD200" d="M92.357 67.793c8.885 0 16.088-7.203 16.088-16.088 0-8.885-7.203-16.088-16.088-16.088-8.885 0-16.088 7.203-16.088 16.088 0 8.885 7.203 16.088 16.088 16.088z"></path><path fill="#FFD200" d="M92.358 77.76c14.39 0 26.055-11.665 26.055-26.055S106.748 25.65 92.358 25.65 66.303 37.316 66.303 51.705c0 14.39 11.665 26.055 26.055 26.055z" opacity="0.22"></path>
<path fill="#FFD200" d="M133.272 68.564l-.923 2.264a30.426 30.426 0 00-2.294 11.59v110.27h11.54V82.418c0-3.976-.78-7.914-2.294-11.59l-.923-2.264a2.753 2.753 0 00-4.094-1.254 2.753 2.753 0 00-1.012 1.254z"></path>
<path class="svg-changed-color" fill="#00AB55" d="M167.183 18.82l-.112-.112a3.407 3.407 0 00-3.723-.742 3.407 3.407 0 00-1.108.742l-.112.112a51.075 51.075 0 00-14.626 35.464V196.22a3.108 3.108 0 003.228 2.964h27.851a3.108 3.108 0 003.228-2.964V54.284a51.075 51.075 0 00-14.626-35.464z"></path>
<path fill="#000" d="M168.837 86.287l12.972 6.1v56.241l-23.426-31.17 10.454-31.17z" opacity="0.08"></path>
<path fill="#68E1FD" d="M166.352 83.16l-.071-.08a2.174 2.174 0 00-3.248 0l-.071.08a39.087 39.087 0 00-9.815 25.903v103.672a2.154 2.154 0 001.332 2.007c.263.109.545.165.829.165h18.687a2.17 2.17 0 002.172-2.172V109.063a39.087 39.087 0 00-9.815-25.903z"></path>
<path fill="#fff" d="M166.352 83.16l-.071-.08a2.174 2.174 0 00-3.248 0l-.071.08a39.087 39.087 0 00-9.815 25.903v103.672a2.154 2.154 0 001.332 2.007c.263.109.545.165.829.165h18.687a2.17 2.17 0 002.172-2.172V109.063a39.087 39.087 0 00-9.815-25.903z" opacity="0.32"></path>
<path fill="#FFD200" d="M196.039 68.564l.924 2.264a30.458 30.458 0 012.283 11.591v110.27h-11.51V82.419a30.639 30.639 0 012.284-11.591l.934-2.264a2.75 2.75 0 015.085 0z"></path>
<path fill="#245B5B" d="M181.809 110.098h5.927V92.386h-5.927v17.712z"></path>
<path fill="#000" d="M187.748 116.168h11.51V86.286h-11.51v29.882z" opacity="0.08"></path><path fill="#245B5B" d="M153.147 120.381l-7.593 37.271a42.559 42.559 0 01-11.875 21.934l-13.987 13.743a11.846 11.846 0 00-3.045 5.075l-1.441 4.882a4.853 4.853 0 004.192 6.202l33.769 3.248-.02-92.355zM176.165 120.381l7.582 37.271a42.627 42.627 0 0011.886 21.934l13.966 13.692a11.846 11.846 0 013.045 5.075l1.452 4.923a4.848 4.848 0 01-.634 4.089 4.864 4.864 0 01-3.558 2.113l-33.769 3.248.03-92.345zM147.502 92.387h-5.928v17.711h5.928V92.387z"></path>
<path fill="#000" d="M141.565 86.287h-11.51v29.882h11.51V86.287z" opacity="0.08"></path>
<path fill="#245B5B" d="M160.037 189.441l-6.476 8.993a19.746 19.746 0 00-3.735 11.571v13.317h29.658v-13.286a19.807 19.807 0 00-3.735-11.571l-6.475-8.993a5.686 5.686 0 00-9.237-.031zM170.41 100.232h-12.017v4.872h12.017v-4.872z"></path>
<path fill="#fff" d="M164.657 38.916h-.011a7.632 7.632 0 00-7.632 7.633v21.04a7.632 7.632 0 007.632 7.634h.011a7.632 7.632 0 007.632-7.633V46.549a7.632 7.632 0 00-7.632-7.633z" opacity="0.34"></path></svg>
</div>
</div>
</div>
<div class="panel-description row" data-aos="fade-up">
<div class="webbee-description-snippet col-lg-4">
<div class="webbee-description-snippet-header">
<span class="svg-wrapper-span svg-wrapper-background-changed">
<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path class="svg-stroke-changed-color" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"></path>
</svg>
</span>
</div>
<h6 class="webbee-description-snippet-title" style="font-weight: 500;">Built for developers</h6>
<p class="webbee-description-snippet-description">Webbee is built to make your life easier. Variables, build tooling, documentation, and reusable components.</p>
</div>
<div class="webbee-description-snippet col-lg-4">
<div class="webbee-description-snippet-header">
<span class="svg-wrapper-span svg-wrapper-background-changed">
<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path class="svg-stroke-changed-color" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"></path>
</svg>
</span>
</div>
<h6 class="webbee-description-snippet-title" style="font-weight: 500;">Designed to be modern</h6>
<p class="webbee-description-snippet-description">Designed with the latest design trends in mind. Webbee feels modern, minimal, and beautiful.</p>
</div>
<div class="webbee-description-snippet col-lg-4">
<div class="webbee-description-snippet-header">
<span class="svg-wrapper-span svg-wrapper-background-changed">
<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path class="svg-stroke-changed-color" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path>
</svg>
</span>
</div>
<h6 class="webbee-description-snippet-title" style="font-weight: 500;">Documentation for everything</h6>
<p class="webbee-description-snippet-description">We've written extensive documentation for components and tools, so you never have to reverse engineer anything.</p>
</div>
</div>
<div class="panel-features row" style="padding-bottom: 0;">
<div class="webbee-description-snippet">
<p class="webbee-description-snippet-header">Features</p>
<h3 class="webbee-description-snippet-title">
The powerful and flexible theme<br/>
for all kinds of businesses
</h3>
<p class="webbee-description-snippet-content">
Build a beautiful, modern website with flexible, fully customizable, atomic Material-UI components.<br/>
An experience you'd expect from a design system.</p>
<div class="webbee-description-snippet-button">
<a href="/" class="button-primary button-ripple">
Purchase now
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
</a>
</div>
</div>
<div class="panel-features-img col-lg-6 col-12">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="none" viewBox="0 0 164 101"><path fill="#E6E6E6" d="M82 100.115c45.053 0 81.576-2.572 81.576-5.745s-36.523-5.745-81.575-5.745C36.948 88.625.426 91.197.426 94.37s36.522 5.745 81.575 5.745z" opacity="0.45"></path><path fill="#CCC" d="M135.64 9.854l-8.97 36-13.225-3.295a2.866 2.866 0 01-.075-3.44 5.305 5.305 0 002.585-3.345A5.71 5.71 0 00104.885 33a5.34 5.34 0 00.71 4.17 2.856 2.856 0 01-1.68 3l-13.22-3.3L94.03 23.5a2.885 2.885 0 00-2.915-1.5 5.316 5.316 0 01-4.17.715 5.71 5.71 0 012.76-11.07 5.315 5.315 0 013.345 2.585 2.874 2.874 0 003.28.045L99.665.904l35.975 8.95z"></path><path fill="#FFD200" d="M139.464 12.47s-5.19 7.06.075 9.206c5.265 2.145 5.715-5.675 5.715-5.675l-2.375-5.245-3.415 1.715z"></path>
<path class="svg-changed-color" fill="#00AB55" d="M141.285 17.54l6.65.214s19.96 5.14 8.775 28.245c-1.775 3.66-1.625 7.965-1.725 12l-.025 1.05h-17.54l-.92-3.775a31.136 31.136 0 00-5.615-11.525c-3.385-4.45-5.785-13.285 10.4-26.21z"></path><path fill="#F4A28C" d="M138.131 7.724c.057 1.476.313 2.938.76 4.345a1.332 1.332 0 001.735.755 2.959 2.959 0 002-2.5l.5-2.4a2.391 2.391 0 00-1.355-2.4c-1.61-.87-3.77.585-3.64 2.2z"></path><path fill="#F4A28C" d="M143.046 8.375l2.42 8.36-4.7 1.005.125-6.49 2.155-2.875z"></path><path fill="#CE8172" d="M140.805 12.67a3.176 3.176 0 001.425-1.11s.13 1.585-1.41 3.36l-.015-2.25z" opacity="0.31"></path><path fill="#FFD200" d="M137.501 3.83a2.547 2.547 0 00-.318 3.387c.248.334.573.603.948.783.618.31 1.278.529 1.96.65 2.855.55 1.445 13.125 7.465 11.355 6.02-1.77 4.085-4.38 1.355-6.72s-3.875-6.7-4.91-8.895c-.77-1.595-4.655-2.17-6.5-.56z"></path><path fill="#F4A28C" d="M152.68 64.846l.835 27.525-1.775.54-5.99-25.95 6.93-2.115z"></path>
<path class="svg-changed-color" fill="#00AB55" d="M153.466 91.965s1.1 1.26 2.415 1.135 1.605 1.73-.53 1.64a12.128 12.128 0 01-1.975-.24 3.44 3.44 0 00-1.795.15.576.576 0 01-.615-.215c-.64-.68.765-2.385.765-2.385l1.735-.085z"></path><path fill="#F4A28C" d="M138.855 64.885l-6.345 26.8 1.625.885 11.08-24.22-6.36-3.465z"></path>
<path class="svg-changed-color" fill="#00AB55" d="M132.641 91.3s-1.33 1-2.595.62c-1.265-.38-1.92 1.376.19 1.716.661.11 1.33.164 2 .16a3.503 3.503 0 011.725.5.577.577 0 00.645-.085c.765-.54-.27-2.5-.27-2.5l-1.695-.41z"></path><path fill="#000" d="M147.385 26.664s-2.33 9.16 1.46 15.395c3.79 6.235-3.095 15.12-3.095 15.12l9.28-.325s.565-8.53 2.72-15.845c2.155-7.315-10.365-14.345-10.365-14.345z" opacity="0.08"></path><path fill="#245B5B" d="M137.039 57.486l17.99-.63 3.24 29.914h-12.805l-.21-22.34-8.215-6.945z"></path><path fill="#245B5B" d="M137.039 57.484l-8.625 28.34 12.22.945 7.02-25.605-10.615-3.68z"></path><path fill="#F4A28C" d="M149.776 18.825a5.165 5.165 0 015.94 5.845c-.5 3.785-2.31 9.36-7.695 15.45-9.8 11.07-33.305 4.93-33.305 4.93s-4.78.62-5.415-1.94c-.635-2.56 5.7-1.24 5.7-1.24s11.5 2.435 20-5.255c6.885-6.245 7.81-16.615 14.775-17.79z"></path><path fill="#E6E6E6" d="M106.234 56a2.872 2.872 0 01-.905-3.314 5.307 5.307 0 001.7-3.875 5.712 5.712 0 00-5.705-5.471 5.71 5.71 0 00-5.705 5.47 5.32 5.32 0 001.7 3.876 2.856 2.856 0 01-.9 3.315H82.79v13.63a2.85 2.85 0 003.315.905 5.34 5.34 0 013.875-1.7 5.71 5.71 0 010 11.41 5.32 5.32 0 01-3.875-1.7 2.875 2.875 0 00-3.315.905v13.63h37.075V56h-13.63z"></path><path fill="#CCC" d="M95.42 74.55a5.575 5.575 0 01-5.42 5.7 5.319 5.319 0 01-3.874-1.7 2.875 2.875 0 00-3.315.905v13.63h-37.1V56h13.715a2.885 2.885 0 01.82 3.25 5.3 5.3 0 00-1.7 3.87 5.71 5.71 0 0011.41 0 5.3 5.3 0 00-1.7-3.87 2.865 2.865 0 01.82-3.25H82.79v13.63a2.85 2.85 0 003.315.905 5.34 5.34 0 013.875-1.7 5.58 5.58 0 015.44 5.715z"></path>
<path class="svg-changed-color" fill="#00AB55" d="M37.6 90.75s1.5 1.5 3.15.79 2.835.69 1.63 1.87c-1.205 1.18-5.78 1.235-5.78 1.235l-1.34-3.1 2.34-.795zM12.115 90.06s-.745 2.04.5 3.37.46 3.03-1.035 2.294c-1.495-.735-3.26-5.175-3.26-5.175l2.22-2.475 1.575 1.985z"></path><path fill="#245B5B" d="M8.056 51.72s-1.6 6.66 1.18 9.936c2.78 3.275 7.04 18.79 0 26.55L12 90.966s12.19-6.55 8.715-30.17l8.7-9.075H8.056z"></path><path fill="#245B5B" d="M29.434 51.72l8.94 39.246-4.47.69s-8.94-26.895-14.84-32.415l10.37-7.52z"></path><path fill="#68E1FD" d="M31.5 17.215s9.32 3.975 7.894 18.53l-9.105-.78 1.21-17.75z"></path><path fill="#fff" d="M31.5 17.215s9.32 3.975 7.894 18.53l-9.105-.78 1.21-17.75z" opacity="0.36"></path><path fill="#F4A28C" d="M21.814 4.75l-2.58 9.105 5.12 1.065-.175-7.055-2.365-3.115z"></path><path fill="#CE8172" d="M24.284 9.41a3.465 3.465 0 01-1.565-1.2s-.13 1.726 1.56 3.65l.005-2.45z" opacity="0.31"></path>
<path class="svg-changed-color" fill="#00AB55" d="M19.235 13.855l3.035.645s13.9 1.5 14.465 9.34c.565 7.84-7.29 27.89-7.29 27.89H8.385S-8.5 11.785 19.235 13.855z"></path><path fill="#E6E6E6" d="M47.63 30.036a5.575 5.575 0 006.296 4.74 5.315 5.315 0 003.545-2.305 2.875 2.875 0 013.275.23L63 46.296 49.446 48.5a2.88 2.88 0 00-.285 3.34 5.316 5.316 0 012.31 3.545 5.71 5.71 0 01-11.26 1.85 5.316 5.316 0 011.05-4.1 2.88 2.88 0 00-1.335-3.07L26.39 52.29l-6-36.58 36.59-6 2.235 13.605a2.885 2.885 0 01-3.03 1.255 5.316 5.316 0 00-4.1-1.05 5.577 5.577 0 00-4.455 6.515z"></path><path fill="#F4A28C" d="M27.12 5s-.256 2.874-1.07 4.674a1.448 1.448 0 01-1.926.72 3.2 3.2 0 01-2.045-2.81l-.41-2.635a2.59 2.59 0 011.61-2.53c1.81-.855 4.085.85 3.84 2.58z"></path><path fill="#000" d="M13 17.5s7.205 4.185 5.53 13.65c-1.675 9.465-4.45 12.72 1.5 11.4 5.95-1.32 8.385-4.305 8.385-4.305s4.275 3.5 0 6.135-10.075 2.64-11 7.325h-9.03s-.73-2.05-1.7-4.635S13 17.5 13 17.5z" opacity="0.09"></path><path fill="#FFD200" d="M26.395 5a11.42 11.42 0 01-2.59-.666 2.405 2.405 0 01-.46 2.6 1.96 1.96 0 01-2.47.36l.695-3.65A2.946 2.946 0 0123.5 1.33c.433-.154.876-.281 1.325-.38 1.145-.24 2.765.22 3.4 1.24a2 2 0 01-.63 2.72c-.382.15-.8.181-1.2.09z"></path><path fill="#F4A28C" d="M23.665 6.91S23.84 5.815 23 5.75c-.84-.065-1.1 1.5 0 1.87l.665-.71zM1.9 34.246s-1.185 12.16 4.785 12.84c4.5.5 11.735-2.035 16.15-3.29 1.91-.545 2.835-.8 4.305-2.14 1.76-1.61 4.2-2.755 2.3-4.28-3.37-2.715-5.76 1.93-5.76 1.93a37.505 37.505 0 01-8.645 1.44 3.53 3.53 0 01-3.5-4.44l1.115-4.19S4.74 24.7 1.9 34.246zM26.866 6.82l.6 1.235a.465.465 0 01-.415.665h-1.125l.94-1.9z"></path><path fill="#68E1FD" d="M8.105 16.56C5 18.947.335 24.21.425 34.15l12.755.816S16.865 24.05 13 17.5a3.325 3.325 0 00-4.895-.94z"></path>
<path class="svg-changed-color" fill="#00AB55" d="M8.105 16.56C5 18.947.335 24.21.425 34.15l12.755.816S16.865 24.05 13 17.5a3.325 3.325 0 00-4.895-.94z" opacity="0.36"></path><path fill="#F4A28C" d="M48.605 30.5a2.87 2.87 0 00-.715 1.75c-.044.344.021.694.185 1a1.5 1.5 0 00.445.44c.695.5 1.765.555 2.32-.085.291-.396.438-.88.415-1.37 0-.57.065-1.705-.395-2.15-.615-.585-1.775-.115-2.255.415z"></path></svg>
</div>
<div class="panel-features-tile row" data-aos="fade-up" style="padding-bottom: 0;">
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12 home-features-tile-item">
<div class="home-features-tile-item-content">
<div class="webbee-description-snippet-header">
<span class="svg-wrapper-span background-changed-color features-item-icon">
<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"></path></svg>
</span>
</div>
<h6 class="webbee-description-snippet-title">Themeable</h6>
<p class="webbee-description-snippet-description">
Customize any part of our components to match your design needs.
</p>
</div>
</div>
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12 home-features-tile-item">
<div class="home-features-tile-item-content">
<div class="webbee-description-snippet-header">
<span class="svg-wrapper-span background-changed-color features-item-icon">
<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path></svg>
</span>
</div>
<h6 class="webbee-description-snippet-title">Light and Dark UI</h6>
<p class="webbee-description-snippet-description">
Optimized for multiple color modes. Use light or dark, your choice.
</p>
</div>
</div>
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12 home-features-tile-item">
<div class="home-features-tile-item-content">
<div class="webbee-description-snippet-header">
<span class="svg-wrapper-span background-changed-color features-item-icon">
<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z"></path></svg>
</span>
</div>
<h6 class="webbee-description-snippet-title">Composable</h6>
<p class="webbee-description-snippet-description">
Designed with composition in mind. Compose new components with ease.
</p>
</div>
</div>
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12 home-features-tile-item">
<div class="home-features-tile-item-content">
<div class="webbee-description-snippet-header">
<span class="svg-wrapper-span background-changed-color features-item-icon">
<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
</span>
</div>
<h6 class="webbee-description-snippet-title">Developer Experience</h6>
<p class="webbee-description-snippet-description">
Guaranteed to boost your productivity when building your app or website.
</p>
</div>
</div>
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12 home-features-tile-item">
<div class="home-features-tile-item-content">
<div class="webbee-description-snippet-header">
<span class="svg-wrapper-span background-changed-color features-item-icon">
<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path></svg>
</span>
</div>
<h6 class="webbee-description-snippet-title">Continuous Updates</h6>
<p class="webbee-description-snippet-description">
We continually deploy improvements and new updates to Webbee.
</p>
</div>
</div>
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12 home-features-tile-item">
<div class="home-features-tile-item-content">
<div class="webbee-description-snippet-header">
<span class="svg-wrapper-span background-changed-color features-item-icon">
<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
</span>
</div>
<h6 class="webbee-description-snippet-title">Free support</h6>
<p class="webbee-description-snippet-description">
6 months of free technical support to help you build your website faster.
</p>
</div>
</div>
</div>
</div>
<div class="demo-pages">
<div class="demo-pages-content row">
<div class="webbee-description-snippet">
<p class="webbee-description-snippet-header">Demo Pages</p>
<h3 class="webbee-description-snippet-title">Webbee in action</h3>
<p class="webbee-description-snippet-content">All examples you find below are included in the download package.</p>
<div class="webbee-description-snippet-buttons">
<a href="/" class="button-primary button-ripple">
Purchase now
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
</a>
<div class="webbee-description-snippet-secondary-button">
<a href="/" class="button-secondary button-ripple">View documentation</a>
</div>
</div>
</div>
<div class="demo-pages-table">
<h5 class="demo-pages-table-title">Landing Pages</h5>
<div class="demo-pages-table-content row">
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Advertisement</h6>
<p>Advertisement page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Payment</h6>
<p>Payment Add page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Marketing</h6>
<p>Marketing page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Software Company</h6>
<p>Software Company page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Course</h6>
<p>Course page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Crypto Currency</h6>
<p>Crypto Currency page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Design Agency</h6>
<p>Design Agency page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Consulting</h6>
<p>Consulting page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Application</h6>
<p>Application page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Domain Hosting</h6>
<p>Domain Hosting page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Travel</h6>
<p>Travel page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Event</h6>
<p>Event page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
</div>
<div class="demo-pages-table">
<h5 class="demo-pages-table-title">Supporting Pages</h5>
<div class="demo-pages-table-content row">
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>About</h6>
<p>About page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Services</h6>
<p>Services page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Contact</h6>
<p>Contact page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Pricing</h6>
<p>Pricing page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Customers</h6>
<p>Customers page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Hire Us</h6>
<p>Hire Us page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>FAQ</h6>
<p>FAQ page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Privacy Policy</h6>
<p>Privacy Policy page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Coming Soon</h6>
<p>Coming Soon page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Maintenance Mode</h6>
<p>Maintenance Mode page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Cover</h6>
<p>Cover page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Not Found</h6>
<p>Not Found page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
</div>
</div>
<div class="demo-pages-table">
<h5 class="demo-pages-table-title">Auth Pages</h5>
<div class="demo-pages-table-content row">
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Login</h6>
<p>Login page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Login Simple</h6>
<p>Login Simple page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Sign Up</h6>
<p>Sign Up page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Sign Up Simple</h6>
<p>Sign Up Simple page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Forgot Password</h6>
<p>Forgot Password page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Forgot Password Simple</h6>
<p>Forgot Password Simple</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Design Agency</h6>
<p>Design Agency page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Consulting</h6>
<p>Consulting page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Application</h6>
<p>Application page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Domain Hosting</h6>
<p>Domain Hosting page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Travel</h6>
<p>Travel page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
<div class="demo-pages-table-content-row-col col-lg-4 col-sm-6 col-12">
<h6>Event</h6>
<p>Event page</p>
<div class="view-demo">
<h6 class="font-changed-color">View demo</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="get-started row">
<div class="webbee-description-snippet">
<p class="webbee-description-snippet-header">GET STARTED</p>
<h3 class="webbee-description-snippet-title">Get started with Webbee today</h3>
<p class="webbee-description-snippet-content">Build a beautiful, modern website with flexible, fully customizable, atomic Material-UI components.</p>
<div class="webbee-description-snippet-button">
<a href="/" class="button-primary button-ripple">
Purchase now
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
</a>
</div>
</div>
</div>
</main>
<footer>
<div class="footer">
<div class="footer-nav">
<div class="footer-nav-content">
<a class="footer-logo-brand" href="/">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 95 71">
<rect class="svg-changed-color" width="16.811" height="68.926" x="0.664" y="7.769" rx="8.406" transform="rotate(-25 .664 7.77)"></rect>
<rect class="svg-changed-color" width="16.811" height="68.926" x="28.665" y="7.769" rx="8.406" transform="rotate(-25 28.665 7.77)"></rect>
<rect class="svg-changed-color" width="16.811" height="16.81" x="78.769" y="0.664" rx="8.405" transform="rotate(25 78.77 .664)"></rect>
</svg>
</a>
<div class="footer-nav-menu">
<div class="footer-nav-menu-item home">
<a href="/">Home</a>
</div>
<div class="footer-nav-menu-item documentation">
<a href="/">Documentation</a>
</div>
<div class="footer-nav-purchase">
<a href="/" class="button-secondary-sm button-ripple">
<span>Purchase now</span>
</a>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<h6 class="copyright-title">© Webbee. 2021, Maccarian. All rights reserved</h6>
<p class="copyright-content">When you visit or interact with our sites, services or tools, we or our authorised service providers may use cookies for storing information to help provide you with a better, faster and safer experience and for marketing purposes.</p>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/vendor/jquery.slim.min.js"></script>
<script src="assets/js/vendor/popper.min.js"></script>
<script src="assets/js/vendor/bootstrap.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<!-- build:js -->
<script src="assets/js/app.js"></script>
<!-- endbuild -->
<script src="assets/js/general.js"></script>
<script src="assets/js/layout/header.js"></script>
<script src="assets/js/pages/home.js"></script>
</body>
</html>