-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathspells.html
127 lines (112 loc) · 5.31 KB
/
spells.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Feitiços</title>
<link rel="stylesheet" href="src/css/slide.css">
<link rel="shortcut icon" href="src/icons/spells.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<a href="index.html" id="voltar"> <img src="src/icons/home.png" alt=""> </a>
<a href="#6" id="seta-esquerda"><img src="src/icons/arrow.png" class="seta"></a>
<a href="#1" id="seta-direita"><img src="src/icons/arrow.png" class="seta"></a>
<a href="index.html"></a>
<main id="seletor">
<section class="menu-icone" id="id0">
<img class="fundo" src="src/bg/avada.jpg">
<a class="icone"><img src="src/icons/avada-icon.png" alt=""></a>
<h2 class="titulo">Avada Kedavra</h2>
<article class="informacao">
<img class="INFundo" src="src/img/avada_bg.png">
<ul>
<li><b>Pronúncia:</b><span>a-VAH-dah ke-DAH-vra</span></li>
<li><b>Tipo:</b><span>Maldição Imperdoável</span></li>
<li><b>Propósito:</b><span>Morte Instantanêa</span></li>
</ul>
<p class="citacao">"Nada bonito. Nada agradável. E não existe contramaldição. Não há como bloqueá-la. Somente uma pessoa no mundo já sobreviveu a ela e está sentada bem aqui na minha frente."</p>
<p class="quem-citou">—Crouch Jr. sobre Harry Potter ter sobrevivido a maldição</p>
</article>
</section>
<section class="menu-icone" id="id1">
<img class="fundo" src="src/bg/lumos.jpg">
<a class="icone"><img src="src/icons/lumos-icon.png" alt=""></a>
<h2 class="titulo">Lumos / Nox</h2>
<article class="informacao">
<img class="INFundo fundo_offset" src="src/img/lumos_bg.jpg">
<h1>Lumos</h1>
<ul>
<li><b>Pronúncia:</b><span>LOO-mos</span></li>
<li><b>Tipo:</b><span>Feitiço</span></li>
<li><b>Propósito:</b><span>Iluminar lugares escuros</span></li>
</ul>
<p class="citacao">"Lumos!"</p>
<p class="quem-citou">—Algum bruxo</p>
<h1>Nox</h1>
<ul>
<li><b>Pronúncia:</b><span>NOCK-ss</span></li>
<li><b>Tipo:</b><span>Feitiço</span></li>
<li><b>Propósito:</b><span>Apagar varinha</span></li>
</ul>
<p class="citacao">"Nox!"</p>
<p class="quem-citou">—Algum bruxo</p>
</article>
</section>
<section class="menu-icone" id="id2">
<img class="fundo" src="src/bg/leviosa.jpg">
<a class="icone"><img src="src/icons/leviosa-icon.png" alt=""></a>
<h2 class="titulo">Wingardium Leviosa</h2>
<article class="informacao">
<img class="INFundo" src="src/img/leviosa_bg.jpg">
<ul>
<li><b>Pronúncia:</b><span id="leviosa">wing-GAR-dee-um levi-O-sa</span></li>
<li><b>Tipo:</b><span>Feitiço</span></li>
<li><b>Propósito:</b><span>Fazer objetos levitarem</span></li>
</ul>
<p class="citacao">"O Feitiço de Levitação foi inventado 1544 pelo bruxo Jarleth Hobart que errou ao acreditar que teve sucesso em fazer o que os bruxos de seu tempo haviam falhado em fazer, a habilidade de voar."</p>
<p class="quem-citou">—Miranda Goshawk, Livro dos Feitiços</p>
</article>
</section>
<section class="menu-icone" id="id3">
<img class="fundo" src="src/bg/revelio_feat_sapao.jpg">
<a class="icone"><img src="src/icons/revelio-icon.png" alt=""></a>
<h2 class="titulo">Revelio</h2>
<article class="informacao">
<img class="INFundo" src="src/img/revelio_bg.png">
<ul>
<li><b>Pronúncia:</b><span>reh-VEL-ee-oh</span></li>
<li><b>Tipo:</b><span>Feitiço</span></li>
<li><b>Propósito:</b><span>Revelar algo escondido.</span></li>
</ul>
</article>
</section>
<section class="menu-icone" id="id4">
<img class="fundo" src="src/bg/patronum.png">
<a class="icone"><img src="src/icons/leviosa-icon.png" alt=""></a>
<h2 class="titulo">Expecto Patronum</h2>
<article class="informacao">
<img class="INFundo" src="src/img/patronum_bg.jpg">
<ul>
<li><b>Pronúncia:</b><span>eck-ss-PEck-to PA-tro-num</span></li>
<li><b>Tipo:</b><span>Feitiço Defensivo</span></li>
<li><b>Propósito:</b><span>Proteção contra dementadores</span></li>
</ul>
</article>
</section>
<section class="menu-icone" id="id5">
<img class="fundo" src="src/bg/alohomora.jpg">
<a class="icone"><img src="src/icons/alohomora-icon.png" alt=""></a>
<h2 class="titulo">Alohomora</h2>
<article class="informacao">
<img class="INFundo" src="src/img/alohomora_bg.jpg">
<ul>
<li><b>Tipo:</b><span>Feitiço</span></li>
<li><b>Propósito:</b><span>Destrancar</span></li>
</ul>
</article>
</section>
</main>
<script src="src/js/slide.js" charset="utf-8"></script>
<script src="src/js/spells.js" charset="utf-8"></script>
</body>
</html>