-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPoderes.html
170 lines (170 loc) · 11.9 KB
/
Poderes.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
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Homem-Aranha</title>
<link rel="stylesheet" href="./Styles/Poderes.css">
</head>
<body>
<div id="container" class="border">
<header class="border">
<div>
<img src="./Assets/Imagens/Home/Logo.webp" alt="Logo com o escrito Spider-Man">
</div>
<ul class="navigation">
<li>
<a href="Index.html" class="navigation-link">Home</a>
</li>
<li>
<a href="Sobre.html" class="navigation-link">Sobre</a>
</li>
<li>
<a href="Poderes.html" class="navigation-link">Poderes</a>
</li>
<li>
<a href="Filmes.html" class="navigation-link">Filmes</a>
</li>
<li>
<a href="Jogos.html" class="navigation-link">Jogos</a>
</li>
</ul>
</header>
<div id="left" class="border">
<!-- Left -->
</div>
<div id="main" class="border">
<div class="line"></div>
<br>
<h2>Poderes do Homem-Aranha</h2>
<br>
<img src="./Assets/Imagens/Poderes/Picada.gif" class="IMG-picada" alt="Momento em que a aranha radioativa pica a mão do Peter Parker">
<br>
<br>
<p>A picada de uma aranha radioativa desencadeou mutações no corpo de Peter Parker. Aos poucos, ele foi percebendo que aquela picada havia lhe conferido habilidades que não tinha antes.</p>
<br>
<div class="line"></div>
<br>
<h3>Seus poderes são:</h3>
<br>
<h3>- Intelecto Genial</h3>
<br>
<p>O personagem foi originalmente concebido por Stan Lee e Steve Ditko como intelectualmente dotado, mas escritores posteriores descreveram seu intelecto em nível de gênio. Academicamente brilhante, Parker tem experiência nas áreas de ciências aplicadas, química, física, biologia, engenharia, matemática e mecânica. Com seus talentos, costura sua própria fantasia para ocultar sua identidade, e constrói muitos dispositivos que complementam seus poderes, principalmente os atiradores mecânicos.</p>
<br>
<div class="img-poderes">
<img src="./Assets/Imagens/Poderes/Intelecto Genial-1.jpg" alt="ig">
<img src="./Assets/Imagens/Poderes/Intelecto Genial-2.gif" alt="ig">
<img src="./Assets/Imagens/Poderes/Intelecto Genial-3.gif" alt="ig">
</div>
<br>
<div class="line"></div>
<br>
<h3>- Força, agilidade, velocidade e resistência sobre-humanas</h3>
<br>
<p>Após ter seu DNA combinado com o de uma aranha, o mocinho desenvolve uma super-força, que é intensificada com seus movimentos, saltos e deslocamentos em momentos de emergência. O herói consegue, com este poder, levantar e arremessar carros e objetos ultra pesados. Além disso, sua força ajuda a fortalecer seus músculos, permitindo assim movimentos complexos sem que aja uma fadiga muscular. Sua velocidade, inteligência e força em conjunto são um pacote completo para que o super-herói possa enfrentar os maiores perigos da Terra.</p>
<br>
<div class="img-poderes">
<img src="./Assets/Imagens/Poderes/Força-1.jpg" alt="ig">
<img src="./Assets/Imagens/Poderes/Força-2.gif" alt="ig">
<img src="./Assets/Imagens/Poderes/Força-3.gif" alt="ig">
</div>
<br>
<div class="line"></div>
<br>
<h3>- Geração de teias através de dispositivos (ou orgânica)</h3>
<br>
<p>A produção de teia orgânica não veio com todo o resto (exceto no caso de alguns no multiverso), mas com sua inteligência superdotada, o Peter uniu o fato de possuir poderes aracnídeos à um pouco de tecnologia e criou a super-teia, que o permite balançar entre prédios, se locomover com destreza e sobrevoar a cidade. Sua genialidade ao construir o equipamento foi tanta, que o Cabeça-de-Teia consegue, com ele, tecer os fios de forma que constituam escudos de proteção.</p>
<br>
<div class="img-poderes">
<img src="./Assets/Imagens/Poderes/Geração-1.jpg" alt="ig">
<img src="./Assets/Imagens/Poderes/Geração-2.gif" alt="ig">
<img src="./Assets/Imagens/Poderes/Geração-3.gif" alt="ig">
</div>
<br>
<div class="line"></div>
<br>
<h3>- Sentido aranha (reflexos e sentidos sobre-humanos)</h3>
<br>
<p>O Sentido Aranha permite que o super-herói saiba quando vai receber um golpe surpresa, sabendo como reagir para acabar com a ameaça. Peter é capaz de desviar de tiros, armas e ficar em posições sobre-humanas, o que possibilita que ele enfrente um grande número de indivíduos, sem que eles sequer o toquem. O Sentido Aranha ainda permite que ele se mova no escuro e saiba para onde o inimigo vai se estar.</p>
<br>
<div class="img-poderes">
<img src="./Assets/Imagens/Poderes/Sentido-1.jpg" alt="ig">
<img src="./Assets/Imagens/Poderes/Sentido-2.gif" alt="ig">
<img src="./Assets/Imagens/Poderes/Sentido-3.gif" alt="ig">
</div>
<br>
<div class="line"></div>
<br>
<h3>- Aderência física (Capacidade de escalar e andar nas paredes)</h3>
<br>
<p>Uma das habilidades que vários animais pequenos possuem é a de escalar paredes. No caso das aranhas, isso é possível graças à presença de pelos nas suas patas, chamados de setas, que funcionam como um adesivo (que nunca perde a cola). A força que as setas fazem depende da quantidade de setas em contato com a superfície, ou seja, da área de contato. Por ser leve, uma formiga usa cerca de 0,1% da sua área corporal para conseguir prender-se na parede.</p>
<br>
<div class="img-poderes">
<img src="./Assets/Imagens/Poderes/Aderência-1.jpeg" alt="ig">
<img src="./Assets/Imagens/Poderes/Aderência-2.gif" alt="ig">
<img src="./Assets/Imagens/Poderes/Aderência-3.gif" alt="ig">
</div>
<br>
<div class="line"></div>
<br>
<h3>- Explosões de Veneno</h3>
<br>
<p>Miles é capaz de gerar e manipular uma forma de bioeletricidade que seu corpo produz e pode utilizar a energia para múltiplos propósitos. Miles aprendeu a descarregar a energia de suas mãos em rajadas controladas do que ele chama de "Explosões de Veneno". Essas projeções de energia variam em poder e podem afetar o sistema nervoso em humanos e destruir a tecnologia.</p>
<br>
<div class="img-poderes">
<img src="./Assets/Imagens/Poderes/Explosões-1.jpeg" alt="ig">
<img src="./Assets/Imagens/Poderes/Explosões-2.gif" alt="ig">
<img src="./Assets/Imagens/Poderes/Explosões-3.gif" alt="ig">
</div>
<br>
<div class="line"></div>
<br>
<h3>- Camuflagem de Aranha</h3>
<br>
<p>Miles, incluindo suas roupas, pode se misturar ao ambiente, permitindo que ele se esgueire sobre seus inimigos ou, em alguns casos, fuja deles. O efeito resultante se assemelha muito ao da invisibilidade.</p>
<br>
<div class="img-poderes">
<img src="./Assets/Imagens/Poderes/Camuflagem-1.avif" alt="ig">
<img src="./Assets/Imagens/Poderes/Camuflagem-2.gif" alt="ig">
<img src="./Assets/Imagens/Poderes/Camuflagem-3.gif" alt="ig">
</div>
</div>
<div id="right" class="border">
<!-- Right -->
</div>
<footer class="border">
<div class="scrool">
<a id="scroll-up" class="scroll-up" href="#">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"></path>
<path fill="rgba(255,255,255,1)" d="M11.9997 10.8284L7.04996 15.7782L5.63574 14.364L11.9997 8L18.3637 14.364L16.9495 15.7782L11.9997 10.8284Z">
</path>
</svg>
</a>
</div>
<div class="rodape">
<img src="/Assets/Imagens/Home/Simbolo.png" class="IMG-rodape" alt="Símbolo da máscara do Homem-Aranha">
<p>Homem-Aranha (2024)</p>
</div>
<div class="navigation-social2">
<p>Henderson Lima ©</p>
<a href="https://www.facebook.com/share/PnAp65nThkCP9XxA/?mibextid=qi2Omg">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="#EDF1F7" d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/>
</svg>
</a>
<a href="https://www.instagram.com/hendisu_lima?igsh=MTlmZjA5b3M0aWE2bQ==">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="#EDF1F7" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
</svg>
</a>
<a href="https://github.com/HStark0?tab=repositories">
<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12.006 2a9.847 9.847 0 0 0-6.484 2.44 10.32 10.32 0 0 0-3.393 6.17 10.48 10.48 0 0 0 1.317 6.955 10.045 10.045 0 0 0 5.4 4.418c.504.095.683-.223.683-.494 0-.245-.01-1.052-.014-1.908-2.78.62-3.366-1.21-3.366-1.21a2.711 2.711 0 0 0-1.11-1.5c-.907-.637.07-.621.07-.621.317.044.62.163.885.346.266.183.487.426.647.71.135.253.318.476.538.655a2.079 2.079 0 0 0 2.37.196c.045-.52.27-1.006.635-1.37-2.219-.259-4.554-1.138-4.554-5.07a4.022 4.022 0 0 1 1.031-2.75 3.77 3.77 0 0 1 .096-2.713s.839-.275 2.749 1.05a9.26 9.26 0 0 1 5.004 0c1.906-1.325 2.74-1.05 2.74-1.05.37.858.406 1.828.101 2.713a4.017 4.017 0 0 1 1.029 2.75c0 3.939-2.339 4.805-4.564 5.058a2.471 2.471 0 0 1 .679 1.897c0 1.372-.012 2.477-.012 2.814 0 .272.18.592.687.492a10.05 10.05 0 0 0 5.388-4.421 10.473 10.473 0 0 0 1.313-6.948 10.32 10.32 0 0 0-3.39-6.165A9.847 9.847 0 0 0 12.007 2Z" clip-rule="evenodd"/>
</svg>
</a>
</div>
</footer>
</div>
</body>
</html>