-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (110 loc) · 5.33 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Projeto feito durante a NLW da Rocketseat.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./assets/favicon.svg" width="32" height="32" type="image+svg/xml">
<title>NLW | Esports</title>
<link rel="stylesheet" href="style.css">
<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;600;900&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div>
<img src="./assets/cindy.png" width="120" height="120" alt="Cindy's photo">
</div>
</header>
<main>
<section>
<div class="games">
<h1>Meus jogos</h1>
<p>Os games que eu mais curto jogar 🎮</p>
<ul class="games-list">
<li>
<a target="_blank" href="https://www.twitch.tv/directory/category/red-dead-redemption-2"
title="Red Dead Redemption 2">
<img width="90" height="120" src="https://static-cdn.jtvnw.net/ttv-boxart/493959_IGDB-188x250.jpg"
alt="Red Dead Redemption 2">
</a>
</li>
<li>
<a target="_blank" href="https://www.twitch.tv/directory/category/valorant" title="VALORANT">
<img width="90" height="120" src="https://static-cdn.jtvnw.net/ttv-boxart/516575-188x250.jpg"
alt="Valorant">
</a>
</li>
<li>
<a target="_blank" href="https://www.twitch.tv/directory/game/Call%20of%20Duty%3A%20Modern%20Warfare%20II"
title="Call of Duty: Modern Warfare II">
<img width="90" height="120" src="https://static-cdn.jtvnw.net/ttv-boxart/1678052513_IGDB-188x250.jpg"
alt="Call of Duty: Modern Warfare II">
</a>
</li>
</ul>
</div>
</section>
<section>
<div class="channels">
<h1>Canais e Streamers</h1>
<p>Lista de canais e transmissões que não perco 🎧</p>
<ul class="channels-list">
<li>
<a target="_blank" href="https://www.twitch.tv/tioorochitwitch" title="orochinho">
<img width="70" height="70"
src="https://static-cdn.jtvnw.net/jtv_user_pictures/b99a08d2-29ab-4ff1-99eb-01246d41efb7-profile_image-150x150.png"
alt="Orochinho">
</a>
</li>
<li>
<a target="_blank" href="https://www.twitch.tv/bakagaijinlive" title="Baka Gaijin">
<img width="70" height="70"
src="https://static-cdn.jtvnw.net/jtv_user_pictures/588a55b6-1d0f-4feb-b697-31bcb5cb72c8-profile_image-150x150.png"
alt="Baka Gaijin">
</a>
</li>
</ul>
</div>
</section>
<section>
<div class="social">
<h1>Minhas Redes</h1>
<p>Se conecte comigo agora mesmo 💜</p>
<ul class="social-list">
<li>
<a target="_blank" href="https://www.instagram.com/cindy.ns_" title="Instagram">
<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>
<li>
<a target="_blank" href="https://www.twitch.tv/lauperss" title="Twitch">
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M21.2824 25H15.8426C15.6011 25.0001 15.3678 25.0844 15.1852 25.2375L9.28125 30V25H6.1875C5.914 25 5.65169 24.8946 5.4583 24.7071C5.2649 24.5196 5.15625 24.2652 5.15625 24V6C5.15625 5.73478 5.2649 5.48043 5.4583 5.29289C5.65169 5.10536 5.914 5 6.1875 5H26.8125C27.086 5 27.3483 5.10536 27.5417 5.29289C27.7351 5.48043 27.8438 5.73478 27.8438 6V19.5375C27.8417 19.6832 27.8072 19.8267 27.7427 19.9583C27.6782 20.0899 27.5851 20.2065 27.4699 20.3L21.9398 24.7625C21.7572 24.9156 21.5239 24.9999 21.2824 25V25Z"
stroke="#9A35FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M21.6562 11V17" stroke="#9A35FF" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M15.4688 11V17" stroke="#9A35FF" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</li>
</ul>
</div>
</section>
</main>
</body>
</html>