-
Notifications
You must be signed in to change notification settings - Fork 1
/
home.html
162 lines (139 loc) · 10.3 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Slytherin House</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">
<img src="images/Slytherin-Logo.png" width="60" height="35" class="d-inline-block align-top" alt="">
</a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#card-1">Sobre Nós</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#card-2">Características</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#card-3">Nossos Estudantes</a>
</li>
</ul>
</div>
<button onclick="window.location.href = 'form.html' " type="button" class="btn btn-outline-secondary">Fale conosco</button>
</nav>
<div class="card bg-dark">
<img src="images/245599168b1089cf98b33adacdf2d88e.png" class="card-img">
<div class="card-img-overlay">
<div id="shield">
<img src="images/___1_-removebg-preview.png" id="imgshield">
</div>
<div id="card-1" class="pt-5">
<div class="card mb-3 bg-transparent" style="max-width: 540px;">
</div>
<h1 class="card-title ml-5">Bem-Vindos a Casa Sonserina,</h1>
<div class="row row-cols-2">
<h3 class="card-text col-8 ml-5">fundada por Salazar Slytherin, é uma das quatro casas da Escola de Magia e Bruxaria de Hogwarts. Ao estabelecer a casa, Salazar instruiu o Chapéu Seletor a escolher somente alunos que obtivessem algumas de suas características particulares as quais ele prezava. Entre elas incluem a astúcia, desenvoltura, liderança e ambição. Vários membros da Sonserina possuem uma certa tendência em formar grupos, muitas vezes adquirindo líderes, o que exemplifica ainda mais as qualidades ambiciosas de Slytherin. O animal emblemático da casa é uma serpente, suas cores são verde e prata e o fantasma patrono da casa é o Barão Sangrento.</h3>
<div class="col-auto">
<img id="gifsalazar" src="images/salazar.gif">
</div>
<h3 id="citseletor">"Ou quem sabe a Sonserina será a sua casa
e ali fará seus verdadeiros amigos,
homens de astúcia que usam quaisquer meios
para atingir os fins que antes colimaram."
— O Chapéu Seletor</h3>
</div>
</div>
<img id="nagini" src="images/nagini.gif">
<div id="card-2" class="pt-5">
<h1 class="card-title" style="margin-left: 30%; margin-bottom: 3%;">O que faz de nós quem somos</h1>
<div class="col-10">
<ul>
<li class="ml-5" style="font-size: 40px; color: silver;">
<h3 class="card-text"><strong>Ambição</strong>, ao contrário do que muitos pensam, nada tem a ver com soberba ou arrogância, a ambição é a vontade e determinação de perseguir e alcançar seus objetivos com obstinação</h3>
</li>
</ul>
<ul>
<li class="ml-5" style="font-size: 40px; color: silver;">
<h3 class="card-text"><strong>Orgulho</strong> é um traço de personalidade marcante nos membros da casa. Mas quando falamos de orgulho, não é nada negativo, e sim um apreço pessoal às suas realizações e conquistas que é saudável e o impulsiona a ir além.</h3>
</li>
</ul>
<ul>
<li class="ml-5" style="font-size: 40px; color: silver;">
<h3 class="card-text"><strong>Inteligência</strong>, apesar da Corvinal ser mais reconhecida por essa característica, a casa tem em seu histórico grandes e ilustres bruxos, muitos deles considerados entre os maiores de seus tempos, como Merlin, ou mesmo Voldemort.</h3>
</li>
</ul>
<ul>
<li class="ml-5" style="font-size: 40px; color: silver;">
<h3 class="card-text">A <strong>astúcia</strong> é um dos traços de personalidade mais fortes entre os membros da Sonserina. Membros da casa sabem ler o mundo ao seu redor e agem com destreza, tomando decisões rápidas, mas certeiras para evitar qualquer situação desagradável.
</h3>
</li>
</ul>
</div>
</div>
<div id="card-3" class="pt-5">
<h1 class="card-title" style="margin-left: 15%; margin-bottom: 2%;">Nossos Estudantes</h1>
<div class="col-10">
<div class="row row-cols-3">
<div class="col">
<img id="merlin" class="img-thumbnail mb-3" src="images/merlinilust.png">
<p><strong>Merlin</strong>, também conheido como príncipe dos feiticeros, foi ensinado pelo próprio Salazar Slytherin, é o bruxo mais famoso e um dos mais poderosos de todos os tempos.</p>
</div>
<div class="col">
<img id="phineas" class="img-thumbnail mb-3" src="images/PhineasNigellusBlack.webp">
<p><strong>Fineus Nigellus Black</strong>, membro legítimo da Família Black. Seu nome permanece na árvora genealógica da família até hoje. Foi diretor de Hogwarts, possui um retrato na sala da diretoria em Hogwarts e outro no Largo Grimmauld, na casa dos Black.</p>
</div>
<div class="col">
<img id="tom" class="img-thumbnail mb-3" src="images/professor-horace-slughorn.gif">
<p><strong>Horácio Slughorn</strong>, foi Mestre das Poções em Hogwarts e Diretor de Casa. Com o retorno de Voldemort, Comensais da Morte o procuraram, ele não sabia se pretendiam recrutá-lo ou matá-lo devido a seu segredo sobre suas Horcruxes. Na Batalha de Hogwarts, ele se aliou aos defensores, reunindo reforços e enfrentando seu ex-aluno em um duelo.</p>
</div>
<div class="col">
<img id="tom" class="img-thumbnail mb-3" src="images/leta.gif">
<p><strong>Leta Lestrange</strong>, desde pequena era perturbada com a morte acidental de seu meio-irmão. Alvo de intimidação em Hogwarts, amiga de Newt Scamander. Se tornou membro do Departamento de Execução das Leis da Magia e noiva de Teseu Scamander, se sacrificou por ele e Newt, distraindo Grindelwald ao destruir seu narguilé com um poderoso feitiço.</p>
</div>
<div class="col">
<img id="tom" class="img-thumbnail mb-3" src="images/tom.gif">
<p><strong>Tom Riddle</strong>, futuramente conhecido como Lorde Voldemort, era um bruxo mestiço (pai trouxa e mãe bruxa) considerado o mais poderoso bruxo das trevas de todos os tempos, foi o útimo herdeiro de Salazar Slytherin.</p>
</div>
<div class="col">
<img id="bella" class="img-thumbnail mb-3" src="images/bella.gif">
<p><strong>Bellatrix Lestrange</strong>, nascida Black, irmã mais velha de Andrômeda e Narcisa, após terminar seus estudos em Hogwarts se tornou uma das poucas mulheres Comensais da Morte, ela foi umas das mais sádicas e leais seguidoras de Voldemort.</p>
</div>
<div class="col">
<img id="andromeda" class="img-thumbnail mb-3" src="images/andomedafoto.jpeg">
<p><strong>Andrômeda Tonks</strong>, também nascida Black, irmã do meio de Bellatrix e Narcisa. Se casou com o nascido trouxa Ted Tonks e por conta disso, foi rejeita por sua preconceituosa família supremacista puro sangue. Durante a Segunda Guerra Bruxa, foi aliada da Ordem da Fênix.</p>
</div>
<div class="col">
<img id="snape" class="img-thumbnail mb-3" src="images/snape.gif">
<p><strong>Severo Snape</strong>, durante a vida acadêmica em Hogwarts Severo foi Mestre de Poções, professor de Defesa contra as artes das trevas, diretor da Casa e de Hogwarts. Quando jovem se tornou um Comensal da Morte, mas após a primeira guerra bruxa se tornou agento duplo, trabalhando para Dumbledore, e se juntou a Ordem da Fênix.</p>
</div>
<div class="col">
<img id="draco" class="img-thumbnail mb-3" src="images/draco.gif">
<p><strong>Draco Malfoy</strong>, sendo filho de um Comensal da Morte, o garoto foi criado para acreditar fortemente na importância da pureza de sangue. Foi monitor de sua casa, rival de Harry Potter, se tornou Comensal da Morte aos 16 anos, mas não muito tempo depois juntamente aos seus pais ele abandona o exército de Voldemort.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer">
Slytherin House
<a target="_blank" href="https://instagram.com/slytherin_houses?igshid=MzRlODBiNWFlZA==">
<img class="icons-1" src="images/instagram.png">
</a>
<a target="_blank" href="https://twitter.com/housesslytherin">
<img class="icons-2" src="images/twitter.png">
</a>
<a target="_blank" href="https://www.youtube.com/watch?v=bu60uvXG0bM">
<img class="icons-3" src="images/youtube.png">
</a>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script></body>
</html>