-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (64 loc) · 3.13 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<title>Home</title>
</head>
<body>
<header>
<nav>
<ul class="nav">
<li class="nav-item"><a href="index.html">Home</a></li>
<li class="nav-item"><a href="html/playlist_catagory/playlist_category1.html">Casual Listening</a>
<ul class="sub-menu">
<li><a href="https://open.spotify.com/playlist/6zQ8hpVf969LuspR8GlZba?si=95f8fe1b291b4f84"
target="_blank">Burnt Toast</a></li>
<li><a href="https://open.spotify.com/playlist/5b0IdGpgoNolILTskcWgWi?si=fdc54e3a3b094a82"
target="_blank">Toasted Bread</a></li>
<li><a href="https://open.spotify.com/playlist/20oeH5dw5ZWz0a0YL5TER5?si=8255a84770ea4a8d"
target="_blank">Auto Tunes</a></li>
</ul>
</li>
<li class="nav-item"><a href="html/playlist_catagory/playlist_category2.html">Focus Music</a>
<ul class="sub-menu">
<li><a href="https://youtube.com/playlist?list=PLL9ECmKLSgYLkxq1RPrOb6L3rG-WGMJPQ&si=lb7CTzPBkS1vNM1p"
target="_blank">Study playlist</a></li>
<li><a href="https://example.com/" target="_blank">Playlist 2</a></li>
<li><a href="https://example.com/" target="_blank">Playlist 3</a></li>
</ul>
</li>
<li class="nav-item"><a href="html/playlist_catagory/playlist_category3.html">Playlist Category 3</a>
<ul class="sub-menu">
<li><a href="https://example.com/" target="_blank">Playlist 1</a></li>
<li><a href="https://example.com/" target="_blank">Playlist 2</a></li>
<li><a href="https://example.com/" target="_blank">Playlist 3</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<main>
<h1>
Compilation of Playlists
</h1>
<p>
Here is a compilation of playlists I made in order to put them all in one place and stylize them so I can
make it look all nice and stuff. Feel free to check them out if you wish, I hope you like them :3
</p>
<p>
Hover over the category tabs to get directly to the playlists, click on the category tabs to bring you to
previews of the playlists.
</p>
<p>
The unnamed playlist categories are just place holders for now so there's nothing there but some lorem
ipsum. Also if you click on the playlists in the playlist dropdowns on those ones, they send you to an
example page
</p>
</main>
<footer>
</footer>
</body>
</html>