-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhistoria.html
111 lines (111 loc) · 8.13 KB
/
historia.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>História</title>
<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=IM+Fell+Double+Pica:ital@0;1&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=IM+Fell+Double+Pica:ital@0;1&family=Metal+Mania&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/historia.css">
</head>
<body>
<header>
<div class="header">
<link rel="stylesheet" href="css/header.css">
<a href="index.html"><img src="imagens/logotipo.png" alt=""></a>
<nav>
<ol>
<li><a href="index.html">Menu</a></li>
<li><a href="personagens.html">Personagens</a></li>
<li><a href="historia.html">História</a></li>
<li><a href="login.html" id="login">Login</a></li>
</ol>
<div class="pesquisa">
<form action="" class="pesquisa">
<input type="text" id="barra" placeholder="Pesquisar">
<input type="image" src="imagens/Vector.png">
</form>
</div>
</nav>
</div>
<nav class="navbar navbar-dark bg-dark fixed-top">
<div class="container-fluid">
<a href="index.html"><img src="imagens/logotipo.png" alt=""></a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel">
<div class="offcanvas-header">
<img src="imagens/logo.png" alt="">
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link" href="index.html">Menu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="personagens.html">Personagens</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="historia.html">História</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="login.html">Login</a>
</li>
</ul>
<form class="d-flex mt-3" role="search">
<input class="form-control me-2" type="search" placeholder="Pesquisar" aria-label="Search">
<input class="btn btn-success" type="image" src="imagens/Vector.png"></input>
</form>
</div>
</div>
</div>
</nav>
</header>
<main>
<div class="main">
<h2>HISTÓRIA</h2>
<p>
A mitologia dos vampiros é um dos temas mais fascinantes e complexos da cultura popular, com uma rica história que se estende por séculos e atravessa diversas culturas. A origem dos vampiros remonta a tradições e crenças antigas que procuravam explicar fenômenos naturais e experiências inexplicáveis. Para entender a evolução desse mito, precisamos começar com as
<img src="imagens/fangs.png" alt="">
raízes mais antigas.
A ideia de seres que se alimentam de sangue pode ser rastreada até as antigas civilizações da Mesopotâmia, onde havia crenças em demônios e espíritos que se alimentavam da vida humana. Contudo, os vampiros como os conhecemos hoje começaram a tomar forma na Europa Oriental, especialmente na região dos Bálcãs, onde lendas sobre mortos-vivos eram comuns. Esses seres eram frequentemente descritos como cadáveres que não encontravam descanso e voltavam para consumir o sangue dos vivos.
Durante a Idade Média, a crença em vampiros se espalhou pela Europa Ocidental. A Igreja Católica e outras instituições religiosas muitas vezes associavam esses seres a práticas pagãs e heréticas. As histórias de vampiros eram usadas para explicar mortes inexplicáveis e doenças como a tuberculose, que muitas vezes levavam a uma rápida deterioração física. As práticas de exumação de corpos e os métodos para "proteger" os vivos, como o uso de estacas e amuletos, surgiram como uma tentativa de controlar o que era visto como uma ameaça sobrenatural.
O mito dos vampiros ganhou uma nova dimensão no século XVIII com o surgimento de textos literários e o impacto das obras de autores como John Polidori e Bram Stoker. O romance "Drácula", de Stoker, publicado em 1897, foi particularmente influente, definindo muitos dos aspectos modernos do vampiro, como a figura sedutora, a vulnerabilidade ao sol e à madeira, e o poder de transformação.
No século XX, o vampiro continuou a evoluir na literatura e no cinema, refletindo mudanças culturais e sociais. Filmes clássicos como "Nosferatu" e "Drácula" de 1931, protagonizado por Bela Lugosi, consolidaram a imagem do vampiro como um ser elegante e ameaçador. Nos anos 70 e 80, o gênero se diversificou com a introdução de vampiros anti-heróis e complexos, como em "Entrevista com o Vampiro" de Anne Rice e no filme "The Lost Boys".
A partir dos anos 2000, a popularidade dos vampiros explodiu novamente com séries como "Buffy, a Caça-Vampiros" e "Crepúsculo", que apresentaram uma nova geração de vampiros, muitas vezes com características mais humanas e complicadas. Essas histórias tendem a explorar temas de identidade, amor e a busca por redenção, refletindo preocupações contemporâneas.
Hoje, os vampiros continuam a ser uma presença proeminente na cultura popular, aparecendo em uma variedade de mídias, desde filmes e séries até literatura e jogos. A figura do vampiro continua a evoluir, incorporando novas ideias e reflexões sobre a natureza humana e a vida após a morte. Em cada época, os vampiros têm servido como um espelho para os medos e desejos da sociedade, mantendo sua relevância e fascínio através dos tempos.
</p>
</div>
<div id="carouselExample" class="carousel slide">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="imagens/castelo.png" class="d-block w-100" alt="castelo gótico">
</div>
<div class="carousel-item">
<img src="imagens/foto-bara.png" class="d-block w-100" alt="vampiro com uma estaca no peito">
</div>
<div class="carousel-item">
<img src="imagens/vestiti.png" class="d-block w-100" alt="sociedade do século 18" >
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</main>
<footer>
<p>Desenvolvido por Ícaro Gabriel e Isabella Camilli <br>2024</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>