-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (97 loc) · 4.64 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
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Music Awards</title>
<link rel="shortcut icon" href="imagens/spotify-favicon.png" type="image/x-icon">
<link rel="stylesheet" href="estilo/style.css">
</head>
<body>
<header>
<h1>Music Awards</h1>
<p>Retrospectivas das músicas que eu mais curti nesse ano, não se limitando apenas ao Spotify</p>
</header>
<nav>
<a href="#">Home</a>
<a href="#">Top Músicas</a>
<a href="#">Minha Biblioteca</a>
<a href="#">Entre em Contato</a>
</nav>
<main>
<article>
<h2>
Music Awards 2021
</h2>
<p>
Bem vindos ao meu site! Está página é dedicada para a apresentação do meu Music Awards de 2021, as músicas que mais curti nesse ano. Sem mais delongas, aproveite.
</p>
<img src="imagens/gato.jpg" alt="EXO">
<h2>
Avisos
</h2>
<p>
Este site é meu primeiro projeto para o prótotipo de uma página de site. Todo conteúdo presente é para puro exemplo, como queria que este projeto fosse pelo menos algo útil, decidi criar uma página para eleger minhas músicas favoritas desse ano, espero que goste!
</p>
<h2>
As mais tocadas no meu Spotify em 2021
</h2>
<p>
Como estou projetando está página totalmente inspirada no Spotify, aqui está minhas Playlist de músicas mais escutadas em 2021 segundo o <a href="https://open.spotify.com/playlist/37i9dQZF1EUMDoJuT8yJsl?si=1bd8674d3e184fa4" target="_blank">Spotify</a>. Lembre-se que isso não é meu TOP <strong>definitivo</strong>!
</p>
<div id="spotify">
<iframe src="https://open.spotify.com/embed/playlist/37i9dQZF1EUMDoJuT8yJsl?utm_source=generator" width="80%" height="480" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"></iframe>
</div>
<h2 id="mv">
TOP 3 MVs
</h2>
<p class="mv">
1 - EXO 엑소 'Don't fight the feeling' MV
</p>
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/2IkoKhr6Tss" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p class="mv">
2 - NU'EST (뉴이스트) 'INSIDE OUT' M/V
</p>
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/AIyarEsQvAg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p class="mv">
3 - KAI 카이 'Peaches' MV
</p>
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/GUdnTGnm6Yk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<h2>
TOP Músicas de 2021
</h2>
<ul id="top">
<li>LeeHi, YoonMirae - Red Lipstick</li>
<li>Kanye West, André 3000 - Life Of The Party (with André 3000</li>
<li>Sigur Rós - Starálfur</li>
<li>The Beatles - Rocky Raccoon</li>
<li>SHINee - Area</li>
<li>BamBam - riBBon</li>
<li>NU'EST - INSIDE OUT</li>
<li>EXO - Don't fight the feeling</li>
<li>OH MY GIRL - Quest</li>
<li>Troye Sivan - Angel Baby</li>
</ul>
<aside id=seguir>
<h2>Me siga nas redes sociais</h2>
<ul>
<li>Twitter: <a href="https://twitter.com/thisrmworks" target="_blank">@thisrmworks</a></li>
<li>GitHub: <a href="https://github.com/thisrmworks" target="_blank">thisrmworks</a></li>
</ul>
</aside>
</article>
</main>
<footer>
<p>
Site criado por Romário Gomes
</p>
</footer>
</body>
</html>