-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (100 loc) · 5.09 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>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;900&display=swap" rel="stylesheet">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>NLW Esports</title>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<header>
<div>
<img
src="https://github.com/marcellomaterializelabs.png"
alt="Foto de Marcello Vasquez" />
</div>
</header>
<main>
<section>
<div>
<h2>Meus jogos</h2>
<p>Os games que eu mais curto jogar!</p>
<ul class="games-list">
<li>
<a
target="_blank"
href="https://www.twitch.tv/directory/game/League%20of%20Legends">
<img src="https://static-cdn.jtvnw.net/ttv-boxart/21779-188x250.jpg" alt="Imagem do jogo League of Legends">
</a>
</li>
<li>
<a
target="_blank"
href="https://www.twitch.tv/directory/game/VALORANT">
<img src="https://static-cdn.jtvnw.net/ttv-boxart/516575-188x250.jpg" alt="Imagem do jogo Valorant">
</a>
</li>
<li>
<a
target="_blank"
href="https://www.twitch.tv/directory/game/Minecraft">
<img src="https://static-cdn.jtvnw.net/ttv-boxart/27471_IGDB-188x250.jpg" alt="Imagem do jogo Minecraft">
</a>
</li>
</ul>
</div>
</section>
<section>
<div>
<h2>Canais e streamers</h2>
<p>Lista de canais e transmissões que não perco!</p>
<ul class="channel-list">
<li>
<a
target="_blank"
href="https://www.twitch.tv/maykbrito">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/9ce11a2b-ec84-44b1-9c76-b8d29df5fef0-profile_image-150x150.png" alt="Imagem de Mayk Brito">
</a>
</li>
<li>
<a
target="_blank"
href="https://www.twitch.tv/alanzoka">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/15cec952-c1ba-4ff8-a79c-53c2fa5bd269-profile_image-150x150.png" alt="Imagem de Alanzoka">
</a>
</li>
<li>
<a
target="_blank"
href="https://www.twitch.tv/cellbit">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/cb885149-f7f7-48f0-99ae-fe0a386ed3e2-profile_image-150x150.png" alt="Imagemd de Cellbit">
</a>
</li>
</ul>
</div>
</section>
<section>
<div>
<h2>Meu instagram</h2>
<p>Se conecte comigo agora mesmo!</p>
<ul class="social-list">
<li>
<a
target="_blank"
href="https://www.instagram.com/marcello_vasquez">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21Z" stroke="#FA41FE" stroke-width="2" stroke-miterlimit="10"/>
<path d="M21.5 4.5H10.5C7.18629 4.5 4.5 7.18629 4.5 10.5V21.5C4.5 24.8137 7.18629 27.5 10.5 27.5H21.5C24.8137 27.5 27.5 24.8137 27.5 21.5V10.5C27.5 7.18629 24.8137 4.5 21.5 4.5Z" stroke="#FA41FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.5 11C23.3284 11 24 10.3284 24 9.5C24 8.67157 23.3284 8 22.5 8C21.6716 8 21 8.67157 21 9.5C21 10.3284 21.6716 11 22.5 11Z" fill="#FA41FE"/>
</svg>
</a>
</li>
</ul>
</div>
</section>
</main>
</body>
</html>