-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
229 lines (202 loc) · 13.7 KB
/
Copy pathindex.html
File metadata and controls
229 lines (202 loc) · 13.7 KB
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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Desafio NLW</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;900&display=swap" rel="stylesheet">
</head>
<body>
<div class="page">
<header>
<div>
<img
src="https://avatars.githubusercontent.com/u/108678533?v=4"
alt="Imagem de uma pessoa sorrindo"
>
</div>
</header>
<main>
<section>
<div>
<h2>Meus Animes</h2>
<p>Os animes que mais curto</p>
<ul class="anime-list">
<li>
<a
href="https://www.anitube.site/894454/" target="_blank">
<img
src="https://www.anitube.site/wp-content/uploads/one-piece-poster-2-min.jpg"
alt="Desenho de personagem de um anime">
</a>
</li>
<li>
<a
href="https://www.anitube.site/wp-content/uploads/one-piece-poster-2-min.jpg" target="_blank">
<img
src="https://www.anitube.site/wp-content/uploads/Overlord-4-Todos-os-Episodios-AniTube.jpg"
alt="Desenho de personagems de um Animes">
</a>
</li>
<li>
<a
href="https://www.anitube.site/904822/" target="_blank">
<img
src="https://www.anitube.site/wp-content/uploads/Tensei-shitara-Slime-Datta-Ken-2-Parte-2-Todos-os-Episodios-AniTube-e1625592688397.jpg"
alt="Desenho de personagems de um Animes">
</a>
</li>
<li>
<a
href="https://www.anitube.site/912882/" target="_blank">
<img
src="https://www.anitube.site/wp-content/uploads/Kuro-no-Shoukanshi-Todos-os-Episodios-AniTube.jpg"
alt="Desenho de personagems de um Animes">
</a>
</li>
<li>
<a
href="https://www.anitube.site/912941/" target="_blank">
<img
src="https://www.anitube.site/wp-content/uploads/Tensei-Kenja-no-Isekai-Life-Dai-2-no-Shokugyou-wo-Ete-Sekai-Saikyou-ni-Narimashita-Todos-os-Episodios-AniTube.jpg"
alt="Desenho de personagems de um Animes">
</a>
</li>
</ul>
</div>
</section>
<section>
<div>
<h2>Meus mangas</h2>
<p>Os melhores do momento</p>
<ul class="manga-list">
<li>
<a
href="https://mangakakalot.com/read-kc0qm158504843014" target="_blank">
<img
src="https://avt.mkklcdnv6temp.com/15/m/16-1583494029.jpg"
alt="Desenho de personagem de um anime">
</a>
</li>
<li>
<a
href="https://manganato.com/manga-lv952256" target="_blank">
<img
src="https://avt.mkklcdnv6temp.com/33/d/1-1583464999.jpg"
alt="Desenho de personagems de um Animes">
</a>
</li>
<li>
<a
href="https://mangakakalot.com/read-kg6sn158504832577" target="_blank">
<img
src="https://avt.mkklcdnv6temp.com/13/c/2-1583466207.jpg"
alt="Desenho de personagems de um Animes">
</a>
</li>
<li>
<a
href="https://mangakakalot.com/read-mz3zb158504856453" target="_blank">
<img
src="https://avt.mkklcdnv6temp.com/14/y/16-1583494011.jpg"
alt="Desenho de personagems de um Animes">
</a>
</li>
<li>
<a
href="https://www.anitube.site/912941/" target="_blank">
<img
src="https://www.anitube.site/wp-content/uploads/Tensei-Kenja-no-Isekai-Life-Dai-2-no-Shokugyou-wo-Ete-Sekai-Saikyou-ni-Narimashita-Todos-os-Episodios-AniTube.jpg"
alt="Desenho de personagems de um Animes">
</a>
</li>
</ul>
</div>
</section>
<section>
<div>
<h2>Minhas redes</h2>
<p>Se conecte comigo agora mesmo!</p>
<ul class="network">
<li>
<a
href="https://www.instagram.com/sebastiao.vitor/" target="_blank">
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.321 21C19.0824 21 21.321 18.7614 21.321 16C21.321 13.2386 19.0824 11 16.321 11C13.5596 11 11.321 13.2386 11.321 16C11.321 18.7614 13.5596 21 16.321 21Z" stroke="#EEEEEE" stroke-width="2" stroke-miterlimit="10"/>
<path d="M21.821 4.5H10.821C7.50728 4.5 4.82099 7.18629 4.82099 10.5V21.5C4.82099 24.8137 7.50728 27.5 10.821 27.5H21.821C25.1347 27.5 27.821 24.8137 27.821 21.5V10.5C27.821 7.18629 25.1347 4.5 21.821 4.5Z" stroke="#EEEEEE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.821 11C23.6494 11 24.321 10.3284 24.321 9.5C24.321 8.67157 23.6494 8 22.821 8C21.9926 8 21.321 8.67157 21.321 9.5C21.321 10.3284 21.9926 11 22.821 11Z" fill="#EEEEEE"/>
</svg>
</a>
</li>
<li>
<a class="face"
href="https://www.facebook.com/sebastiao.mlkzika/" target="_blank">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<path d="M222.892,388h51.491c4.418,0,8-3.582,8-8V264.093h26.751c4.101,0,7.538-3.101,7.958-7.18l4.51-43.772
c0.232-2.252-0.501-4.498-2.019-6.179c-1.517-1.682-3.675-2.641-5.939-2.641h-31.261v-17.73c0-3.662,1.159-3.936,2.928-3.936
h27.682c4.418,0,8-3.582,8-8v-42.5c0-4.406-3.562-7.982-7.968-8L274.848,124c-26.752,0-41.029,11.77-48.295,21.643
c-10.146,13.787-11.661,29.941-11.661,38.343v20.334h-16.489c-4.418,0-8,3.582-8,8v43.772c0,4.418,3.582,8,8,8h16.489V380
C214.892,384.418,218.473,388,222.892,388z M206.402,248.093v-27.772h16.489c4.418,0,8-3.582,8-8v-28.334
c0-5.185,0.833-18.376,8.547-28.86c7.386-10.037,19.3-15.126,35.376-15.126l30.177,0.122v26.533h-19.682
c-9.421,0-18.928,6.164-18.928,19.936v25.73c0,4.418,3.582,8,8,8h30.395l-2.862,27.772h-27.533c-4.418,0-8,3.582-8,8V372h-35.491
V256.093c0-4.418-3.582-8-8-8H206.402z"/>
<path d="M437.022,74.984C388.67,26.63,324.381,0,256,0C187.624,0,123.338,26.63,74.984,74.984S0,187.624,0,256
c0,68.388,26.63,132.678,74.984,181.028C123.335,485.375,187.621,512,256,512c68.385,0,132.673-26.625,181.021-74.972
C485.372,388.679,512,324.389,512,256C512,187.622,485.372,123.336,437.022,74.984z M425.708,425.714
C380.381,471.039,320.111,496,256,496c-64.106,0-124.374-24.961-169.703-70.286C40.965,380.386,16,320.113,16,256
c0-64.102,24.965-124.37,70.297-169.702C131.63,40.965,191.898,16,256,16c64.108,0,124.378,24.965,169.708,70.297
C471.037,131.628,496,191.896,496,256C496,320.115,471.037,380.387,425.708,425.714z"/>
<path d="M430.038,114.969c-2.784-3.432-7.821-3.957-11.253-1.172c-3.431,2.784-3.956,7.822-1.172,11.252
C447.526,161.919,464,208.425,464,256c0,55.567-21.635,107.803-60.919,147.086C363.797,442.367,311.563,464,256,464
c-51.26,0-100.505-18.807-138.663-52.956c-3.292-2.946-8.35-2.666-11.296,0.626c-2.946,3.292-2.666,8.35,0.626,11.296
C147.763,459.745,200.797,480,256,480c59.837,0,116.089-23.297,158.394-65.601C456.701,372.094,480,315.84,480,256
C480,204.766,462.256,154.681,430.038,114.969z"/>
<path d="M48,256c0-114.691,93.309-208,208-208c51.26,0,100.504,18.808,138.662,52.959c3.293,2.948,8.351,2.666,11.296-0.625
c2.947-3.292,2.667-8.35-0.625-11.296C364.237,52.256,311.203,32,256,32c-59.829,0-116.079,23.301-158.389,65.611
C55.301,139.92,32,196.171,32,256c0,51.24,17.744,101.328,49.963,141.038c1.581,1.949,3.889,2.96,6.217,2.96
c1.771,0,3.553-0.585,5.036-1.788c3.431-2.784,3.956-7.822,1.172-11.253C64.474,350.088,48,303.58,48,256z"/>
</g>
</svg>
</a>
</li>
<li>
<a
href="https://www.youtube.com/channel/UC2iKU6X32cuQqU4JRyEOG0A" target="_blank">
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.321 16L14.321 12V20L20.321 16Z" stroke="#EEEEEE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.32098 16C3.32098 19.725 3.70848 21.9 3.99598 23.025C4.07526 23.3302 4.22516 23.6126 4.43361 23.8493C4.64205 24.0859 4.9032 24.2703 5.19598 24.3875C9.38348 25.9875 16.321 25.95 16.321 25.95C16.321 25.95 23.2585 25.9875 27.446 24.3875C27.7388 24.2703 27.9999 24.0859 28.2084 23.8493C28.4168 23.6126 28.5667 23.3302 28.646 23.025C28.9335 21.9 29.321 19.725 29.321 16C29.321 12.275 28.9335 10.1 28.646 8.975C28.5667 8.66975 28.4168 8.38741 28.2084 8.15074C27.9999 7.91407 27.7388 7.7297 27.446 7.6125C23.2585 6.0125 16.321 6.05 16.321 6.05C16.321 6.05 9.38348 6.0125 5.19598 7.6125C4.9032 7.7297 4.64205 7.91407 4.43361 8.15074C4.22516 8.38741 4.07526 8.66975 3.99598 8.975C3.70848 10.1 3.32098 12.275 3.32098 16Z" stroke="#EEEEEE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</li>
<li>
<a
target="_blank"
href="https://github.com/Sebastiao-Vitor">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 496 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" fill="#FFF"></path>
</svg>
</a>
</li>
<li>
<a
href="https://www.linkedin.com/in/sebastião-vitor-7a2870106/" target="_blank">
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.821 4.5H5.82098C5.2687 4.5 4.82098 4.94772 4.82098 5.5V26.5C4.82098 27.0523 5.2687 27.5 5.82098 27.5H26.821C27.3733 27.5 27.821 27.0523 27.821 26.5V5.5C27.821 4.94772 27.3733 4.5 26.821 4.5Z" stroke="#EEEEEE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.321 14V22" stroke="#EEEEEE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.321 14V22" stroke="#EEEEEE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.321 17.5C15.321 16.5717 15.6897 15.6815 16.3461 15.0251C17.0025 14.3687 17.8927 14 18.821 14C19.7492 14 20.6395 14.3687 21.2959 15.0251C21.9522 15.6815 22.321 16.5717 22.321 17.5V22" stroke="#EEEEEE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.321 11.5C12.1494 11.5 12.821 10.8284 12.821 10C12.821 9.17157 12.1494 8.5 11.321 8.5C10.4926 8.5 9.82098 9.17157 9.82098 10C9.82098 10.8284 10.4926 11.5 11.321 11.5Z" fill="#EEEEEE"/>
</svg>
</li>
</ul>
</div>
</section>
</main>
</div>
</body>
</html>