-
Notifications
You must be signed in to change notification settings - Fork 0
/
Sobre.html
157 lines (157 loc) · 12.3 KB
/
Sobre.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
<!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/Sobre.css">
<link rel="icon" type="image/x-icon" href="./Assets/Imagens/Home/Simbolo.png">
</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">
<h2>Quem é o Homem-Aranha?</h2>
<br>
<div class="info-sobre">
<p>Às vezes estudante, às vezes cientista e às vezes fotógrafo, Peter Parker é um super herói em tempo integral mais conhecido como o Homem-Aranha, que se arrasta pela teia e pela parede. Como uma criança órfã, Peter foi criado por seu tio Ben e sua tia May. Em uma exposição científica, Peter foi mordido por uma errante aranha radioativa que lhe concedeu uma série de poderes aracnídeos. Inicialmente ele se tornou o Homem-Aranha para usar seus poderes como animador, crescendo tão convencido que não se preocupou em parar um transeunte ladrão. Em uma reviravolta do destino, o mesmo ladrão acabou matando o tio Ben de Peter, levando-o a perceber que precisava usar seus poderes de forma responsável. A partir daí, o Homem-Aranha tornou-se um vigilante combatente do crime.</p>
</div>
<br>
<div class="card">
<div class="image-box">
<img src="/Assets/Imagens/Sobre/IMG-Sobre1.jpg" />
</div>
<div class="content">
<h2>Amazing Fantasy #15</h2>
<p>
O Homem-Aranha, o alter ego de Peter Parker, é um super-herói das revistas em quadrinhos publicadas pela Marvel Comics. Criado pelo escritor/editor Stan Lee e pelo escritor/artista Steve Ditko, o Homem-Aranha surgiu em Amazing Fantasy #15, durante a Era de Prata dos Quadrinhos.
</p>
</div>
</div>
<br>
<div class="info-sobre">
<p>Muitas vezes um solitário, o Homem-Aranha é um membro robusto da comunidade de super-heróis que ganhou numerosos aliados como o Quarteto Fantástico e os Vingadores. Ele fez de numerosos supervilões seus inimigos pessoais, incluindo o Doutor Octopus, o Electro, Kraven, o Caçador, o Mystério, o Venom, e mais notoriamente, seu nêmesis o Duende Verde, que uma vez matou a namorada de Peter, Gwen Stacy. A rede de apoio de Peter se estende a sua vida civil, incluindo Mary Jane Watson, Harry Osborn, Flash Thompson e J. Jonah Jameson, embora este último costumava fazer uma campanha de difamação contra o rastejador de parede em seu jornal, o Clarim Diário.</p>
</div>
<br>
<div class="line"></div>
<br>
<h3>Histórias mais marcantes:</h3>
<br>
<img src="/Assets/Imagens/Sobre/IMG-Sobre2.jpg" class="IMG-Sobre2" alt="">
<br>
<br>
<div class="line"></div>
<br>
<div class="hq">
<div class="img">
<img src="./Assets/Imagens/Sobre/IMG-Sobre-HQ1.jpg" class="img-hq" alt="hq">
</div>
<div class="infohq">
<h4>- Última Caçada de Kraven</h4>
<br>
<p>A história foi muito interessante, pela narrativa de suspense de J.M. DeMatteis, com desenhos de Mike Zeck, que usou bastante sequências silenciosas e cinematográficas, em traços mais realistas ; e pelo fato de mostrar, pela primeira vez, que o Homem-Aranha talvez consiga vencer a própria morte. A perspectiva da trama sob o olhar de Kraven também foi um bônus e o formato de publicação, que pode ser considerado premium para revistas de linha, espalhou-se por dois meses nos três títulos mensais do Aracnídeo na época (The Amazing Spider-Man, The Spetacular Spider-Man e Web of Spider-Man). O resultado foi primoroso e, até hoje, é uma das mais aclamadas histórias do Escalador de Paredes de todos os tempos.</p>
</div>
</div>
<br>
<div class="line"></div>
<br>
<div class="hq">
<div class="img">
<img src="./Assets/Imagens/Sobre/IMG-Sobre-HQ2.jpg" class="img-hq2" alt="hq">
</div>
<div class="infohq">
<h4>- Homem-Aranha nunca mais!</h4>
<br>
<p>A capa de Amazing Spider-Man #50 (1967) é uma das mais famosas e esta edição, em especial, teve influência direta em Homem-Aranha 2 (2004), de Sam Raimi. Assim como apareceu nas telonas, Peter Parker um dia decide que a vida de herói não é mais para ele, abandonando o uniforme do Escalador de Paredes em uma lata de lixo em um beco escuro de Nova York. Mais uma vez, a trama nos ensina que o altruísmo de Peter Parker é inabalável: é o que o faz, novamente, vestir o traje do Amigo da Vizinhança, não importa quais consequências isso possa trazer para sua vida pessoal.</p>
</div>
</div>
<br>
<div class="line"></div>
<br>
<div class="hq">
<div class="img">
<img src="./Assets/Imagens/Sobre/IMG-Sobre-HQ3.webp" class="img-hq2" alt="hq">
</div>
<div class="infohq">
<h4>- A saga do Duende Macabro</h4>
<br>
<p>Todo mundo se lembra mais do Duende Verde, mas o Duende Macabro original também deu muito trabalho para o Homem-Aranha. Como já estava ficando chato explorar somente Norman Osborn, o escritor Roger Stern decidiu criar uma versão diferente em Amazing Spider-Man #249 (1984): em vez do caos do Duende Verde, o Duende Macabro era frio e calculista. O texto de Stern criou um grande mistério sobre a verdadeira identidade do vilão e a grande diversão dos leitores, na época, era tentar adivinhar quem seria o Duende Macabro. Pelo menos três pessoas eram muito suspeitas e a revelação até mesmo foi alterada, para aumentar o suspense. No final, ficamos sabendo que Roderick Kingsley é que vinha apavorando a população.</p>
</div>
</div>
<br>
<div class="line"></div>
<br>
<div class="hq">
<div class="img">
<img src="./Assets/Imagens/Sobre/IMG-Sobre-HQ4.jpg" class="img-hq2" alt="hq">
</div>
<div class="infohq">
<h4>- A Saga do Planejador Mestre</h4>
<br>
<p>Este é um conto clássico, que estabelece o mito do Homem-Aranha, que, não importa o quanto apanhe da vida, sempre vai arrancar forças improváveis em seu caráter, suas responsabilidades e sua fé inabalável na justiça e altruísmo. As cenas dessa revista são tão icônicas que foram reproduzidas algumas vezes nas telonas e nas telinhas: em Homem-Aranha: De Volta ao Lar (2017), por exemplo, há uma sequência que reproduz as páginas dos quadrinhos. Peter está derrotado, sob escombros, e parece não ter forças mais para se levantar. Eis que ele diz: "Qualquer um pode vencer uma luta quando as chances estão favoráveis! É quando as coisas estão difíceis, quando parece não haver chance, é o que importa!", antes de se colocar de pé, uma vez mais. Este é o Homem-Aranha que o povo gosta.</p>
</div>
</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>