generated from natehouk/startbootstrap-new-age
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
228 lines (227 loc) · 22.9 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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>MANA - A Label Collective and Social Network for Indie Artists.</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/mana.css" rel="stylesheet" type="text/css">
<link href="css/manamusic.app.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic"] }});</script>
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon"><!-- Please keep this css code to improve the font quality -->
<style>
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-o-font-smoothing: antialiased;
}
</style>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TKHWWC53TF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TKHWWC53TF');
</script>
</head>
<body>
<div class="page-wrapper">
<main class="main-wrapper">
<div data-animation="default" class="navbar-component w-nav" data-easing2="ease" fs-scrolldisable-element="smart-nav" data-easing="ease" data-collapse="none" data-w-id="03313a01-b63f-4e6e-b44c-1592bb796208" role="banner" data-duration="400">
<div class="navabr-container">
<a href="index.html" aria-current="page" class="navbar-logo-link w-nav-brand w--current"><img src="images/mushroom.png" loading="lazy" sizes="100vw" srcset="images/mushroom-p-500.png 500w, images/mushroom.png 512w" alt="" class="navbar-logo"><img src="images/MANA-transparent.png" loading="lazy" width="285" sizes="(max-width: 479px) 90vw, 285px" alt="" srcset="images/MANA-transparent-p-500.png 500w, images/MANA-transparent-p-800.png 800w, images/MANA-transparent-p-1080.png 1080w, images/MANA-transparent.png 1365w"></a>
<div class="navbar-menu-button w-nav-button">
<div class="menu-icon">
<div class="menu-icon-line-top"></div>
<div class="menu-icon-line-middle">
<div class="menu-icon-inner-middle-line"></div>
</div>
<div class="menu-icon-bottom-line"></div>
</div>
</div>
</div>
</div>
<section class="section-header">
<div class="div-block">
<div class="large-container">
<div class="padding-section-medium">
<div class="w-layout-grid header-component">
<div class="header-content">
<div class="margin-bottom margin-small">
<h1>Amplify Your Talent, Cultivate Your Value</h1>
</div>
<p><strong class="bold-text">A Label Collective and Social Network for Indie Artists.</strong></p>
<div class="margin-top margin-medium">
<div class="button-group">
<a href="https://www.apple.com/app-store/" target="_blank" class="app-store-link w-inline-block"><img src="images/download-on-app-store.svg" loading="lazy" alt="" class="app-store-image"></a>
<a href="https://play.google.com/store" target="_blank" class="app-store-link w-inline-block"><img src="images/download-on-google-play.svg" loading="lazy" alt="" class="app-store-image"></a>
</div>
</div>
</div>
<div id="w-node-_65978695-8c52-13f9-01ff-10a71152caf8-8424d9f3" class="header-image-wrapper"><img class="header-image" src="images/wesley-tingey.jpg" width="537" alt="" style="-webkit-transform:translate3d(0%, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" sizes="(max-width: 479px) 83vw, (max-width: 767px) 400px, (max-width: 991px) 39vw, 400px" data-w-id="65978695-8c52-13f9-01ff-10a71152caf9" loading="eager" srcset="images/wesley-tingey-p-500.jpg 500w, images/wesley-tingey-p-800.jpg 800w, images/wesley-tingey-p-1080.jpg 1080w, images/wesley-tingey-p-1600.jpg 1600w, images/wesley-tingey-p-2000.jpg 2000w, images/wesley-tingey-p-2600.jpg 2600w, images/wesley-tingey-p-3200.jpg 3200w, images/wesley-tingey.jpg 4000w">
<div data-w-id="97fe055e-8e57-fb32-479a-487913007fad" style="-webkit-transform:translate3d(0%, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="benefit-image-background-blue"></div>
</div>
</div>
<div class="large-container">
<div class="padding-top padding-section-medium">
<div class="margin-bottom margin-xsmall">
<div class="text-align-center">
<div class="max-width-large align-center">
<div class="text-block">Featured On</div>
</div>
</div>
</div>
<div class="logo-component"><img src="images/techcrunch-logo.png" loading="lazy" width="226" sizes="(max-width: 479px) 82vw, 226px" alt="" srcset="images/techcrunch-logo-p-500.png 500w, images/techcrunch-logo.png 1492w" class="logo"><img src="images/mtv-logo.png" loading="lazy" sizes="100vw" srcset="images/mtv-logo-p-500.png 500w, images/mtv-logo.png 642w" alt="" class="logo"><img src="images/rolling-stone-logo.png" loading="lazy" sizes="100vw" srcset="images/rolling-stone-logo-p-500.png 500w, images/rolling-stone-logo-p-800.png 800w, images/rolling-stone-logo-p-1080.png 1080w, images/rolling-stone-logo.png 3868w" alt="" class="logo"><img src="images/mojo-logo.png" loading="lazy" alt="" class="logo"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="features-sections-wrapper">
<section class="section-feature-1">
<div class="padding-global">
<div class="large-container">
<div class="padding-section-large">
<div data-w-id="5c228450-8bf0-7d1f-9e2b-4442c06d3936" class="w-layout-grid benefit-component">
<div id="w-node-_5c228450-8bf0-7d1f-9e2b-4442c06d395a-8424d9f3" class="benefit-image-wrapper"><img src="images/wake-me-up-when-im-famous.jpg" loading="lazy" width="638" style="-webkit-transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" srcset="images/wake-me-up-when-im-famous-p-500.jpg 500w, images/wake-me-up-when-im-famous-p-800.jpg 800w, images/wake-me-up-when-im-famous-p-1080.jpg 1080w, images/wake-me-up-when-im-famous-p-1600.jpg 1600w, images/wake-me-up-when-im-famous-p-2000.jpg 2000w, images/wake-me-up-when-im-famous-p-2600.jpg 2600w, images/wake-me-up-when-im-famous-p-3200.jpg 3200w, images/wake-me-up-when-im-famous.jpg 5307w" sizes="(max-width: 479px) 200px, (max-width: 991px) 43vw, 41vw" class="benefit-image">
<div style="-webkit-transform:translate3d(0px, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0px, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0px, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0px, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="benefit-image-background"></div>
</div>
<div id="w-node-_5c228450-8bf0-7d1f-9e2b-4442c06d3937-8424d9f3" class="benefit-content">
<div class="margin-bottom margin-xsmall"><img src="images/icon-6.svg" loading="lazy" alt="" class="benefit-icon"></div>
<div class="margin-bottom margin-small">
<h2>Take your music career to the next level and monetize your talent.</h2>
</div>
<div class="margin-bottom margin-medium">
<p class="text-size-medium">Unlock your full potential by taking the next step in your musical journey today. Whether you're a beginner looking to hone your skills or a seasoned artist seeking new opportunities, we offer the tools and resources you need to level up your music career and monetize your talent.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-feature-2">
<div class="padding-global">
<div class="large-container">
<div class="padding-section-large">
<div data-w-id="9bf18a87-c8e2-7630-0b07-548fc4e80757" class="w-layout-grid benefit-component">
<div id="w-node-_9bf18a87-c8e2-7630-0b07-548fc4e8075a-8424d9f3" class="benefit-content">
<div class="margin-bottom margin-xsmall"><img src="images/icon-4.svg" loading="lazy" alt="" class="benefit-icon"></div>
<div class="margin-bottom margin-small">
<h2>Focus on the music. Let us take care of the rest.</h2>
</div>
<div class="margin-bottom margin-medium">
<p class="text-size-medium">Concentrate on your artistry and passion for music while we handle all the logistical details of the music business. From distribution to marketing to managing your independent music label, we provide comprehensive solutions so you can focus solely on what you do best: creating incredible music.</p>
</div>
</div>
<div id="w-node-_9bf18a87-c8e2-7630-0b07-548fc4e80758-8424d9f3" class="benefit-image-wrapper"><img src="images/piano.jpg" loading="lazy" width="638" style="-webkit-transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" srcset="images/piano.jpg 500w, images/piano.jpg 800w, images/piano.jpg 1080w, images/piano.jpg 1600w, images/piano.jpg 2000w, images/piano.jpg 2600w, images/piano.jpg 3200w, images/piano.jpg 3950w" sizes="(max-width: 479px) 200px, (max-width: 991px) 43vw, 41vw" class="benefit-image">
<div class="benefit-image-background background-color-green"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-feature-3">
<div class="padding-global">
<div class="large-container">
<div class="padding-section-large">
<div data-w-id="9f4cdda0-7593-c9ff-9eb5-61ddbea01c0d" class="w-layout-grid benefit-component">
<div id="w-node-_9f4cdda0-7593-c9ff-9eb5-61ddbea01c17-8424d9f3" class="benefit-image-wrapper"><img src="images/festival.jpg" loading="lazy" width="638" style="-webkit-transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" srcset="images/festival.jpg 500w, images/festival.jpg 800w, images/festival.jpg 1080w, images/festival.jpg 1600w, images/festival.jpg 2000w, images/festival.jpg 2500w" sizes="(max-width: 479px) 200px, (max-width: 991px) 43vw, 41vw" class="benefit-image">
<div class="benefit-image-background background-color-purple"></div>
</div>
<div id="w-node-_9f4cdda0-7593-c9ff-9eb5-61ddbea01c0e-8424d9f3" class="benefit-content">
<div class="margin-bottom margin-xsmall"><img src="images/icon-3.svg" loading="lazy" alt="" class="benefit-icon"></div>
<div class="margin-bottom margin-small">
<h2>Your music. Your life. Your rules.</h2>
</div>
<div class="margin-bottom margin-medium">
<p class="text-size-medium">Unleash your creative potential on your own terms. We empower artists to maintain creative control and secure a larger portion of your revenue.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<section class="section-cta">
<div class="padding-global">
<div class="large-container">
<div class="padding-section-medium">
<div class="cta-component">
<div class="cta-content">
<div class="max-width-large">
<div class="margin-bottom margin-xsmall">
<h3>Are you prepared for a transformative artist experience?</h3>
</div>
<p class="text-size-medium">Discover a platform designed to elevate your creative career.</p>
</div>
</div>
<div id="w-node-b79d2ba8-6824-c59a-726e-7cefdc4a8ca0-dc4a8c94" class="button-group">
<a href="https://www.apple.com/app-store/" target="_blank" class="app-store-link w-inline-block"><img src="images/download-on-app-store.svg" loading="lazy" alt="" class="app-store-image"></a>
<a href="https://play.google.com/store" target="_blank" class="app-store-link w-inline-block"><img src="images/download-on-google-play.svg" loading="lazy" alt="" class="app-store-image"></a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-component">
<div class="padding-global">
<div class="large-container">
<div class="padding-vertical padding-small">
<div class="padding-bottom padding-xxlarge">
<div class="w-layout-grid footer-top-wrapper">
<a href="index.html" id="w-node-c6e7270c-8430-01c1-0194-ec7616355a8e-16355a88" aria-current="page" class="footer-logo-link w-nav-brand w--current"><img src="images/MANA.png" loading="lazy" sizes="100vw" srcset="images/MANA-p-500.png 500w, images/MANA-p-800.png 800w, images/MANA-p-1080.png 1080w, images/MANA.png 1365w" alt=""></a>
<div id="w-node-c6e7270c-8430-01c1-0194-ec7616355a90-16355a88" class="w-layout-grid footer-social-list">
<a href="https://www.facebook.com/" target="_blank" class="footer-social-link w-inline-block">
<div class="social-icon w-embed"><svg width="100%" height="100%" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5 6H13.5C12.9477 6 12.5 6.44772 12.5 7V10H16.5C16.6137 9.99748 16.7216 10.0504 16.7892 10.1419C16.8568 10.2334 16.8758 10.352 16.84 10.46L16.1 12.66C16.0318 12.8619 15.8431 12.9984 15.63 13H12.5V20.5C12.5 20.7761 12.2761 21 12 21H9.5C9.22386 21 9 20.7761 9 20.5V13H7.5C7.22386 13 7 12.7761 7 12.5V10.5C7 10.2239 7.22386 10 7.5 10H9V7C9 4.79086 10.7909 3 13 3H16.5C16.7761 3 17 3.22386 17 3.5V5.5C17 5.77614 16.7761 6 16.5 6Z" fill="CurrentColor"></path>
</svg></div>
</a>
<a href="https://www.instagram.com/" target="_blank" class="footer-social-link w-inline-block">
<div class="social-icon w-embed"><svg width="100%" height="100%" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H8C5.23858 3 3 5.23858 3 8V16C3 18.7614 5.23858 21 8 21H16C18.7614 21 21 18.7614 21 16V8C21 5.23858 18.7614 3 16 3ZM19.25 16C19.2445 17.7926 17.7926 19.2445 16 19.25H8C6.20735 19.2445 4.75549 17.7926 4.75 16V8C4.75549 6.20735 6.20735 4.75549 8 4.75H16C17.7926 4.75549 19.2445 6.20735 19.25 8V16ZM16.75 8.25C17.3023 8.25 17.75 7.80228 17.75 7.25C17.75 6.69772 17.3023 6.25 16.75 6.25C16.1977 6.25 15.75 6.69772 15.75 7.25C15.75 7.80228 16.1977 8.25 16.75 8.25ZM12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5027 10.8057 16.0294 9.65957 15.1849 8.81508C14.3404 7.97059 13.1943 7.49734 12 7.5ZM9.25 12C9.25 13.5188 10.4812 14.75 12 14.75C13.5188 14.75 14.75 13.5188 14.75 12C14.75 10.4812 13.5188 9.25 12 9.25C10.4812 9.25 9.25 10.4812 9.25 12Z" fill="CurrentColor"></path>
</svg></div>
</a>
<a href="https://twitter.com/" target="_blank" class="footer-social-link w-inline-block">
<div class="social-icon w-embed"><svg width="100%" height="100%" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.9728 6.7174C20.5084 7.33692 19.947 7.87733 19.3103 8.31776C19.3103 8.47959 19.3103 8.64142 19.3103 8.81225C19.3154 11.7511 18.1415 14.5691 16.0518 16.6345C13.962 18.6999 11.1312 19.8399 8.19405 19.7989C6.49599 19.8046 4.81967 19.4169 3.29642 18.6661C3.21428 18.6302 3.16131 18.549 3.16162 18.4593V18.3604C3.16162 18.2313 3.26623 18.1267 3.39527 18.1267C5.06442 18.0716 6.67402 17.4929 7.99634 16.4724C6.48553 16.4419 5.12619 15.5469 4.5006 14.1707C4.46901 14.0956 4.47884 14.0093 4.52657 13.9432C4.57429 13.8771 4.653 13.8407 4.73425 13.8471C5.19342 13.8932 5.65718 13.8505 6.1002 13.7212C4.43239 13.375 3.17921 11.9904 2.99986 10.2957C2.99349 10.2144 3.02992 10.1357 3.096 10.0879C3.16207 10.0402 3.24824 10.0303 3.32338 10.062C3.77094 10.2595 4.25409 10.3635 4.74324 10.3676C3.28184 9.40846 2.65061 7.58405 3.20655 5.92622C3.26394 5.76513 3.40181 5.64612 3.5695 5.61294C3.73718 5.57975 3.90996 5.63728 4.02432 5.76439C5.99639 7.86325 8.70604 9.11396 11.5819 9.25279C11.5083 8.95885 11.4721 8.65676 11.4741 8.35372C11.501 6.76472 12.4842 5.34921 13.9634 4.76987C15.4425 4.19054 17.1249 4.56203 18.223 5.71044C18.9714 5.56785 19.695 5.31645 20.3707 4.96421C20.4202 4.93331 20.483 4.93331 20.5325 4.96421C20.5634 5.01373 20.5634 5.07652 20.5325 5.12604C20.2052 5.87552 19.6523 6.50412 18.9509 6.92419C19.5651 6.85296 20.1685 6.70807 20.7482 6.49264C20.797 6.45942 20.8611 6.45942 20.9099 6.49264C20.9508 6.51134 20.9814 6.54711 20.9935 6.59042C21.0056 6.63373 20.998 6.68018 20.9728 6.7174Z" fill="CurrentColor"></path>
</svg></div>
</a>
<a href="https://www.linkedin.com/" target="_blank" class="footer-social-link w-inline-block">
<div class="social-icon w-embed"><svg width="100%" height="100%" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3ZM8 18C8.27614 18 8.5 17.7761 8.5 17.5V10.5C8.5 10.2239 8.27614 10 8 10H6.5C6.22386 10 6 10.2239 6 10.5V17.5C6 17.7761 6.22386 18 6.5 18H8ZM7.25 9C6.42157 9 5.75 8.32843 5.75 7.5C5.75 6.67157 6.42157 6 7.25 6C8.07843 6 8.75 6.67157 8.75 7.5C8.75 8.32843 8.07843 9 7.25 9ZM17.5 18C17.7761 18 18 17.7761 18 17.5V12.9C18.0325 11.3108 16.8576 9.95452 15.28 9.76C14.177 9.65925 13.1083 10.1744 12.5 11.1V10.5C12.5 10.2239 12.2761 10 12 10H10.5C10.2239 10 10 10.2239 10 10.5V17.5C10 17.7761 10.2239 18 10.5 18H12C12.2761 18 12.5 17.7761 12.5 17.5V13.75C12.5 12.9216 13.1716 12.25 14 12.25C14.8284 12.25 15.5 12.9216 15.5 13.75V17.5C15.5 17.7761 15.7239 18 16 18H17.5Z" fill="CurrentColor"></path>
</svg></div>
</a>
<a href="https://www.youtube.com/" target="_blank" class="footer-social-link w-inline-block">
<div class="social-icon w-embed"><svg width="100%" height="100%" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5399 4.33992L19.9999 4.48992C21.7284 4.68529 23.0264 6.16064 22.9999 7.89992V16.0999C23.0264 17.8392 21.7284 19.3146 19.9999 19.5099L18.5999 19.6599C14.2315 20.1099 9.82835 20.1099 5.45991 19.6599L3.99991 19.5099C2.27143 19.3146 0.973464 17.8392 0.999909 16.0999V7.89992C0.973464 6.16064 2.27143 4.68529 3.99991 4.48992L5.39991 4.33992C9.76835 3.88995 14.1715 3.88995 18.5399 4.33992ZM11.1099 15.2199L14.9999 12.6199H15.0599C15.2695 12.4833 15.3959 12.2501 15.3959 11.9999C15.3959 11.7497 15.2695 11.5165 15.0599 11.3799L11.1699 8.77992C10.9402 8.62469 10.6437 8.60879 10.3987 8.73859C10.1538 8.86839 10.0004 9.12271 9.99991 9.39992V14.5999C10.0128 14.858 10.1576 15.0913 10.3832 15.2173C10.6088 15.3433 10.8834 15.3443 11.1099 15.2199Z" fill="currentColor"></path>
</svg></div>
</a>
</div>
</div>
</div>
<div class="footer-line-divider"></div>
<div class="w-layout-grid footer-bottom-wrapper">
<div id="w-node-c6e7270c-8430-01c1-0194-ec7616355a9d-16355a88" class="footer-credit-text">© 2023 MANA Group. All rights reserved.<br>
<a href="template/licensing.html" class="text-color-white"></a>
</div>
</div>
</div>
</div>
</div>
</footer>
</main>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64f0a62bbbbd5ae48424d976" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/mana.js" type="text/javascript"></script>
</body>
</html>