-
Notifications
You must be signed in to change notification settings - Fork 3
/
artist-main.html
247 lines (228 loc) · 12.3 KB
/
artist-main.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Premium</title>
<link rel="icon" type="image/png" href="assets/logos/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap 5.0.2 -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"
integrity="sha384-fbbOQedDUMZZ5KreZpsbe1LCZPVmfTnH7ois6mU1QK+m14rQ1l2bGBq41eYeM/fS"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/premium.css">
<meta charset="UTF-8">
<title>Artist</title>
</head>
<body class="bg-black">
<!--Navbar-->
<nav class="navbar navbar-expand-lg bg-black nav-dashboard">
<div class="container-fluid mx-sm-5 px-sm-5 my-2">
<a class="navbar-brand text-light" href="index.php"> <img src="assets/logos/melomaniac.png" alt="Logo" width=200px/>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 text-center">
<li class="nav-item ms-md-3">
<a class="nav-link active nav-links" aria-current="page" href="user-premium.html">Premium</a>
</li>
<li>
<a class="nav-link nav-links ms-md-3" href="artist-main.html">For Artists</a>
</li>
<li class="nav-item text-white border-start mx-3">
<div></div>
</li>
<li class="nav-item text-white ms-md-3">
<a class="nav-link nav-links" href="artist-login.php">Account</a>
</li>
</ul>
</div>
</div>
</nav>
<!--Header-->
<div class="header-artist bg-black">
<div class="container pt-5">
<div class="row">
<div class="col-md-6 align-items-center d-flex">
<div class="ms-2 ">
<h1 class="fw-bold header-artist-h1 text-white">The world around your music - now on Spotify</h1>
<p class="text-white fs-5">Stream On returned with new features to help you share the world around
your music, hype up a new release, and promote your tracks. We’re creating a platform to power
your career, not viral memes – and that means giving you the most effective tools to develop
your fanbase and build your business.</p>
</div>
</div>
<div class="col-md-6 justify-content-center align-items-center d-flex">
<img src="assets/artist-header.webp" width="80%">
</div>
</div>
</div>
</div>
<!--Featured-->
<div class="container">
<div class="ms-2 mt-5">
<p class="text-white fs-6">AMPLIFY YOUR MUSIC</p>
<h1 class="fw-bold fs-1 text-white">The most powerful tools to grow your <br>fanbase</h1>
<div class="row my-5">
<div class="col-md-4 text-center">
<div class="p-2">
<img src="assets/artist-camp-01.webp" width="100%">
<h2 class="text-white mb-3"> Turn listeners into fans with Marquee</h2>
<p class="text-white">Marquee is 10x more cost effective on average than ads on the most popular
social media platforms. We’re excited to continue expanding access: We just rolled out the
self-serve buying experience in Spotify for Artists to artist teams in Australia and U.K.</p>
</div>
</div>
<div class="col-md-4 text-center">
<div class="p-2">
<img src="assets/artist-camp-02.webp" width="100%">
<h2 class="text-white mb-3"> Turn listeners into fans with Marquee</h2>
<p class="text-white">MWe’re testing a new campaign tool, Showcase, to let you promote both new and
catalog music on home to Spotify Premium and Free listeners..</p>
</div>
</div>
<div class="col-md-4 text-center">
<div class="p-2">
<img src="assets/artist-camp-03.webp" width="100%">
<h2 class="text-white mb-3"> Turn listeners into fans with Marquee</h2>
<p class="text-white">Thousands of independent artists that distribute songs through participating
licensors (DistroKid, CD Baby, Stem, Venice Music, Vydia) now have access to Discovery Mode
directly in Spotify for Artists. Labels can continue to access it through our team.</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row my-5 py-5">
<div class="col-md-6">
<div class="d-flex justify-content-center">
<img src="assets/stats.png" width="100%">
</div>
</div>
<div class="col-md-6 d-flex justify-content-center flex-column">
<h2 class="text-white mb-3">Move Together with Your Fans.</h2>
<p class="fs-4 text-white">Stay informed about the dynamics of your audience - their age, gender, city,
and country. Then, use these demographics to promote your music better, and plan your tours and
gigs.</p>
</div>
</div>
<div class="row my-5 py-5">
<div class="col-md-6 d-flex justify-content-center flex-column">
<h2 class="text-white mb-3">Make Your Music Move.</h2>
<p class="fs-4 text-white">Release short looping videos to engage your listeners through JioSaavn
Shorties. A song with a supporting Shortie has better engagement. Go ahead, give your music the
boost it deserves.</p>
</div>
<div class="col-md-6">
<div class="d-flex justify-content-center">
<img src="assets/artist02.png" width="100%">
</div>
</div>
</div>
</div>
</div>
<!--register-->
<div class="bg-rose py-5">
<div class="container py-5 text-center">
<h1 class="fw-bold header-artist-h1 ">What Are You <br/> Waiting for?</h1>
<p class="fs-4">Artist Insights is now ArtistOne. Be one with <br>your stats to be one with your fans.</p>
<a href="artist-register.html" class="btn btn-dark px-5 py-3 mt-3 fs-5 btn-register-artist">Register Now</a>
</div>
</div>
<!--Footer-->
<div class="footer">
<div class="container">
<footer class="py-5">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="index.html"
class="nav-link p-0 text-white">Home</a></li>
<li class="nav-item mb-2"><a href="index.html"
class="nav-link p-0 text-white">Features</a></li>
<li class="nav-item mb-2"><a href="premium.html"
class="nav-link p-0 text-white">Pricing</a></li>
<li class="nav-item mb-2"><a href="index.html"
class="nav-link p-0 text-white">FAQs</a></li>
<li class="nav-item mb-2"><a href="index.html"
class="nav-link p-0 text-white">About</a></li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="index.html"
class="nav-link p-0 text-white">Home</a></li>
<li class="nav-item mb-2"><a href="index.html"
class="nav-link p-0 text-white">Features</a></li>
<li class="nav-item mb-2"><a href="premium.html"
class="nav-link p-0 text-white">Pricing</a></li>
<li class="nav-item mb-2"><a href="premium.html"
class="nav-link p-0 text-white">FAQs</a></li>
<li class="nav-item mb-2"><a href="index.html"
class="nav-link p-0 text-white">About</a></li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="index.html"
class="nav-link p-0 text-white">Home</a></li>
<li class="nav-item mb-2"><a href="index.html"
class="nav-link p-0 text-white">Features</a></li>
<li class="nav-item mb-2"><a href="premium.html"
class="nav-link p-0 text-white">Pricing</a></li>
<li class="nav-item mb-2"><a href="premium.html"
class="nav-link p-0 text-white">FAQs</a></li>
<li class="nav-item mb-2"><a href="index.html"
class="nav-link p-0 text-white">About</a></li>
</ul>
</div>
<div class="col-md-5 offset-md-1 mb-3">
<form>
<h5>Subscribe to our newsletter</h5>
<p>Monthly digest of what's new and exciting from us.</p>
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden">Email address</label>
<input id="newsletter1" type="text" class="form-control" placeholder="Email address">
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
<p>© 2023 Company, Inc. All rights reserved.</p>
<ul class="list-unstyled d-flex">
<li class="ms-3"><a class="link-body-emphasis"
href="index.html">
<svg class="bi" width="24" height="24">
<use xlink:href="#twitter"></use>
</svg>
</a></li>
<li class="ms-3"><a class="link-body-emphasis"
href="index.html">
<svg class="bi" width="24" height="24">
<use xlink:href="#instagram"></use>
</svg>
</a></li>
<li class="ms-3"><a class="link-body-emphasis"
href="index.html">
<svg class="bi" width="24" height="24">
<use xlink:href="#facebook"></use>
</svg>
</a></li>
</ul>
</div>
</footer>
</div>
</div>
</body>
</html>