-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (92 loc) · 6.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Rubik+Mono+One&family=Secular+One&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="./src/css/reset.css">
<link rel="stylesheet" href="./src/css/estilos.css">
<link rel="stylesheet" href="./src/css/responsivo.css">
<title>Projeto Naruto</title>
</head>
<body>
<main class="personagens">
<div class="personagem">
<img class="imagem" src="./src/imagens/1328674.png" alt="Obito">
<div class="conteudo">
<i class="logo"></i>
<h2 class="nome-personagem">Obito Uchiha</h2>
<p class="descricao">Obito Uchiha era um jovem ninja promissor do clã Uchiha, com o sonho de se tornar Hokage e proteger seus amigos. No entanto, após ser dado como morto em uma missão e resgatado pelo enigmático Madara Uchiha, sua visão do mundo mudou drasticamente. Quando descobriu que Rin, a pessoa que ele amava, morreu em batalha, ele foi consumido pela dor e pela raiva, vendo a sociedade ninja como corrupta e sem esperança.</p>
</div>
</div>
<div class="personagem">
<img class="imagem" src="./src/imagens/1335125.jpeg"
alt="Itachi">
<div class="conteudo">
<i class="logo"></i>
<h2 class="nome-personagem"> Itachi Uchiha </h2>
<p class="descricao">Itachi Uchiha era um prodígio do clã Uchiha e tornou-se um ninja lendário por sua habilidade e visão. Desde jovem, ele presenciou a brutalidade das guerras ninjas, o que o fez desejar a paz a qualquer custo. Quando descobriu um plano de rebelião de seu clã contra a Vila da Folha, Itachi enfrentou uma difícil escolha. Para proteger a vila e evitar um massacre maior, ele aceitou a missão secreta de exterminar seu próprio clã, poupando apenas seu irmão mais novo, Sasuke, por quem ele nutria um amor profundo.</p>
</div>
</div>
<div class="personagem selecionado">
<img class="imagem" src="./src/imagens/naruto0.jpg"
alt="Naruto">
<div class="conteudo">
<i class="Logo"></i>
<h2 class="nome-personagem">Naruto Uzumaki</h2>
<p class="descricao">Naruto Uzumaki era um jovem ninja da Vila da Folha, conhecido por sua personalidade alegre e determinação incansável. Desde criança, ele foi rejeitado e evitado pelos outros moradores por carregar em seu corpo a Raposa de Nove Caudas, uma poderosa criatura que quase destruiu a vila anos atrás. No entanto, em vez de se render à solidão, Naruto decidiu que um dia se tornaria Hokage, o líder mais respeitado da vila, para ser reconhecido e aceito por todos.
Ao longo de sua jornada, Naruto enfrentou muitos desafios e fez grandes amigos, sempre com o objetivo de proteger seus entes queridos e lutar pela paz. Com seu espírito inabalável e sua crença no poder da amizade, ele cresceu para se tornar um dos ninjas mais fortes e inspiradores de sua época.</p>
</div>
</div>
<div class="personagem">
<img class="imagem" src="./src/imagens/madara.png" alt="Madara">
<div class="conteudo">
<i class="logo"></i>
<h2 class="nome-personagem">Madara Uchiha</h2>
<p class="descricao">Madara Uchiha foi um dos fundadores do clã Uchiha e cofundador da Vila da Folha ao lado de Hashirama Senju, seu rival e amigo. Extremamente poderoso e habilidoso, Madara possuía um Sharingan avançado e dominava técnicas devastadoras. Sua visão sobre a paz, no entanto, era sombria: ele acreditava que o mundo ninja estava condenado a conflitos intermináveis e que apenas um sistema de controle absoluto poderia trazer paz verdadeira.
Desiludido e ressentido, Madara planejou o Tsukuyomi Infinito, uma técnica para aprisionar todos os seres humanos em um mundo ilusório onde não haveria sofrimento. Mesmo após sua morte, ele manipulou eventos ao longo das gerações para garantir que seu plano pudesse ser realizado, deixando um legado que assombraria o mundo ninja por muitos anos.</p>
</div>
</div>
<div class="personagem">
<img class="imagem" src="./src/imagens/sasuke3.jpg" alt="Sasuke">
<div class="conteudo">
<i class="logo"></i>
<h2 class="nome-personagem">Sasuke Uchiha</h2>
<p class="descricao">Sasuke Uchiha era um dos últimos sobreviventes do clã Uchiha, que foi exterminado por seu próprio irmão, Itachi. Marcado pela dor e pela perda, Sasuke cresceu com o objetivo de vingar seu clã e se tornar forte o suficiente para derrotar Itachi. Inicialmente, ele era um ninja promissor da Vila da Folha e fazia parte da equipe de Naruto, mas, consumido pelo desejo de vingança, acabou se afastando de seus amigos e da vila.
Ao longo de sua jornada, Sasuke enfrentou batalhas internas e externas, mudando seus objetivos várias vezes. No fim, ele percebeu que a verdadeira força não vinha da vingança, mas da proteção e do respeito pelos outros. Apesar de sua jornada tortuosa, Sasuke encontrou seu propósito ao lutar pela paz ao lado de Naruto e reconciliar-se com seu passado e sua vila.</p>
</div>
</div>
</main>
<ul class="botoes">
<li>
<button class="botao" id="Obito">
<img src="./src/imagens/obito2 (1).jpg" alt="Obito Uchiha">
</button>
</li>
<li>
<button class="botao" id="Itachi">
<img src="./src/imagens/itc.png" alt="Itachi Uchiha">
</button>
</li>
<li>
<button class="botao selecionado" id="Naruto">
<img src="./src/imagens/Naruto-GIF-Baryon-Mode (2).gif" alt="Naruto Uzumaki">
</button>
</li>
<li>
<button class="botao" id="Madara">
<img src="./src/imagens/madara2.png" alt="Madara Uchiha">
</button>
</li>
<li>
<button class="botao" id="Sasuke">
<img src="./src/imagens/sas4.png" alt="Sasuke Uchiha">
</button>
</li>
</ul>
<script src="./src/js/index.js"></script>
</body>
</html>