forked from itscodenation/flw1-playlist-17-18-starter
-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathindex.html
executable file
·75 lines (61 loc) · 2.48 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Playlist</title>
<!-- Bootstrap CSS library -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<!-- Your CSS files -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- jQuery JavaScript library -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<!-- Your JavaScript files -->
<script src="js/script.js"></script>
</head>
<body>
<div class="container"><!-- page container -->
<div class="row"><!-- header section -->
<div class="col text-center">
<h1> Playlist </h1>
</div>
</div><!-- header section ends here -->
<div class="row"><!-- add song section -->
<div class="col">
<h2 class="text-center">Add Song</h2>
<div class="form-group">
<label for="title">Title</label>
<input type="text" class="form-control" id="title">
</div>
<div class="form-group">
<label for="artist">Artist</label>
<input type="text" class="form-control" id="artist">
</div>
<div class="form-group">
<label for="play-link">Play link</label>
<input type="text" class="form-control" id="play-link">
</div>
<div class="form-group">
<label for="album-image">Album Image</label>
<input type="text" class="form-control" id="album-image">
</div>
<button class="btn btn-success btn-block"> Submit </button>
</div>
</div><!-- add song section ends here -->
<div class="row"><!-- song list section -->
<div class="col">
<h2 class="text-center">Songs</h2>
<div class="songs"><!-- song list -->
<div class="card"><!-- sample song -->
<div class="card-body">
<img src="https://i.scdn.co/image/648836fa18f0b9ce6e6f01ab563a4651d0ab9a1b" class="song-image img-thumbnail float-right">
<h3>Umbrella</h3>
<p>Rihanna feat. JAY Z</p>
<a href="https://open.spotify.com/track/7jtyzXa2NYS9GZi52LGGyd">Play Now</a>
</div>
</div><!-- sample song ends here -->
</div><!-- song list ends here -->
</div>
</div><!-- song list section ends here -->
</div><!-- page container ends here -->
</body>
</html>