Spaces:
Running
Running
Commit
•
5741836
1
Parent(s):
c35ab51
Update index.html
Browse files- index.html +9 -14
index.html
CHANGED
@@ -5,9 +5,6 @@
|
|
5 |
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
<title>Music</title>
|
8 |
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
|
9 |
-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
10 |
-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
11 |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous" />
|
12 |
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
|
13 |
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
|
@@ -176,7 +173,7 @@
|
|
176 |
<a class="nav-link active text-white" href="#">Home <span class="sr-only">(current)</span></a>
|
177 |
<a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal1" href="#">LogIn</a>
|
178 |
<a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal2" href="#">SignUp</a>
|
179 |
-
<a class="nav-link text-white" data-
|
180 |
<a class="nav-link text-white" href="#">About</a>
|
181 |
<a class="nav-link text-white" href="#">Settings</a>
|
182 |
<a class="nav-link text-white" href="#">Downloads</a>
|
@@ -236,14 +233,11 @@
|
|
236 |
</div>
|
237 |
</div>
|
238 |
</div>
|
239 |
-
|
240 |
-
<div class="
|
241 |
-
|
242 |
-
|
243 |
-
|
244 |
-
</div>
|
245 |
-
<div class="offcanvas-body">
|
246 |
-
<div class="container playlist">
|
247 |
<div class="py-4">
|
248 |
<h2 class="text-center">My Playlist</h2>
|
249 |
<ul class="list-unstyled song-list">
|
@@ -271,9 +265,10 @@
|
|
271 |
</ul>
|
272 |
</div>
|
273 |
</div>
|
274 |
-
|
|
|
275 |
</div>
|
276 |
-
|
277 |
<div>
|
278 |
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
|
279 |
<ol class="carousel-indicators">
|
|
|
5 |
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
<title>Music</title>
|
|
|
|
|
|
|
8 |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous" />
|
9 |
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
|
10 |
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
|
|
|
173 |
<a class="nav-link active text-white" href="#">Home <span class="sr-only">(current)</span></a>
|
174 |
<a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal1" href="#">LogIn</a>
|
175 |
<a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal2" href="#">SignUp</a>
|
176 |
+
<a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal3" href="#">PlayList</a>
|
177 |
<a class="nav-link text-white" href="#">About</a>
|
178 |
<a class="nav-link text-white" href="#">Settings</a>
|
179 |
<a class="nav-link text-white" href="#">Downloads</a>
|
|
|
233 |
</div>
|
234 |
</div>
|
235 |
</div>
|
236 |
+
<div class="modal fade" id="exampleModal3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
237 |
+
<div class="modal-dialog">
|
238 |
+
|
239 |
+
<div class="modal-content">
|
240 |
+
<div class="container playlist">
|
|
|
|
|
|
|
241 |
<div class="py-4">
|
242 |
<h2 class="text-center">My Playlist</h2>
|
243 |
<ul class="list-unstyled song-list">
|
|
|
265 |
</ul>
|
266 |
</div>
|
267 |
</div>
|
268 |
+
</div>
|
269 |
+
</div>
|
270 |
</div>
|
271 |
+
|
272 |
<div>
|
273 |
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
|
274 |
<ol class="carousel-indicators">
|