-
Notifications
You must be signed in to change notification settings - Fork 0
/
single.html
93 lines (81 loc) · 3.15 KB
/
single.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" type = "image/png" href="image/shortcut.png" />
<title>Category: Single</title>
<link rel="stylesheet" type="text/css" href="css/html5reset.css">
<link rel = "stylesheet" type="text/css" href = "css/main.css">
<link href='https://fonts.googleapis.com/css?family=Advent Pro' rel='stylesheet'>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
</head>
<body>
<a class="skip-content" href="#content">Skip to main content</a>
<header class = "header-not-home">
<nav class = "nav-not-home">
<ul>
<li><a href = "index.html">Home</a></li>
<li><a href = "album.html">Album</a></li>
<li><a href = "ep.html">EP</a></li>
<li><a href = "single.html" class = "current">Single</a></li>
<li><a href = "live.html">Live</a></li>
<li><a href = "bestof.html">Best of</a></li>
<li><a href = "playlist.html">Playlist</a></li>
</ul>
</nav>
</header>
<main id = content>
<h1>SINGLE</h1>
<div class = "list-content">
<section><img src = "image/wjsn_dreamscometrue_CA.jpg" alt = "WJSN Dream Your Dream album art"/>
<h2><a href = "single.html">Single</a></h2>
<h3>WJSN - "Dreams Come True"</h3>
April 20, 2019
</section>
<section><img src = "image/loco_postit_CA.jpg" alt = "Loco Post It single album art"/>
<h2><a href = "single.html">Single</a></h2>
<h3>Loco - "Post It" ft. Jay Park</h3>
April 17, 2018
</section>
<section><img src = "image/kpetras_hearttobreak_CA.jpg" alt = "Kim Petras Heart to Break single album art"/>
<h2><a href = "single.html">Single</a></h2>
<h3><a href = "hearttobreak.html">Kim Petras - "Heart to Break"</a></h3>
March 29, 2018
</section>
<section><img src = "image/penomeco_lie_CA.jpg" alt = "Penomeco L.I.E. single album art"/>
<h2><a href = "single.html">Single</a></h2>
<h3>Penomeco - "L.I.E."</h3>
February 21, 2018
</section>
<section><img src = "image/labrinth_misbehaving_CA.jpg" alt = "Labrinth Misbehaving single album art"/>
<h2><a href = "single.html">Single</a></h2>
<h3>Labrinth - "Misbehaving"</h3>
November 3, 2017
</section>
<section><img src = "image/kehlani_honey_CA.jpg" alt = "Kehlani Honey single album art"/>
<h2><a href = "single.html">Single</a></h2>
<h3>Kehlani - "Honey"</h3>
October 31, 2017
</section>
</div>
</main>
<footer>
<a href = "#top" aria-label = "Return to top of the page" class = "top-symb"><i class="fas fa-arrow-circle-up"></i></a>
<ul class = "footer-info">
<li><a href = "about.html">About</a></li>
<li><a href = "contact.html">Contact</a></li>
</ul>
<nav class = "footer-nav">
<ul>
<li><a href = "album.html">Album</a></li>
<li><a href = "ep.html">EP</a></li>
<li><a href = "single.html">Single</a></li>
<li><a href = "live.html">Live</a></li>
<li><a href = "bestof.html">Best of</a></li>
<li><a href = "playlist.html">Playlist</a></li>
</ul>
</nav>
<section class = "copyright">© Lucid Pop</section>
</footer>
</body>
</html>