-
Notifications
You must be signed in to change notification settings - Fork 0
/
filmes.html
162 lines (129 loc) · 9.1 KB
/
filmes.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="pt-br">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-uWxY/CJNBR+1zjPWmfnSnVxwRheevXITnMqoEIeG1LJrdI0GlVs/9cVSyPYXdcSF" crossorigin="anonymous">
<title>FilmeFlix</title>
<link rel="stylesheet" href="assets/bootstrap/bootstrap.min.css">
</head>
<body class="bg-dark">
<!--CODIGO NAVBAR HEADER-->
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img id="logo" src="img/logo.png" style="width: 70px;">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" href="index.html">Início</a>
<a class="nav-link active" aria-current="page" href="filmes.html">Filmes</a>
<a class="nav-link" href="2.html">Créditos</a>
<a class="nav-link" href="descricao.html">Descrição</a>
<a class="nav-link" href="perguntas.html">Perguntas Frequentes</a>
<a class="nav-link" href="cadastrofilmes.html">Cadastro de filmes</a>
<a class="nav-link" href="bugs.html">Reporte um Bug</a>
<a class="nav-link" href="login.html" style="position: absolute; right: 20px;">Login</a>
<a class="nav-link" href="cadastro.html" style="position: absolute; right: 80px;">Cadastro</a>
<h1 style="position: absolute; right: 75px; color: #888B8D; font-size: medium; top: 40px;">|</h1>
</div>
</div>
</div>
</nav>
</header>
<div class="p-3 mb-2 bg-dark text-white">
<div class="container">
<div class="row">
<div class="col">
<div style="color: rgb(207, 61, 61);">
<h1>Filmes</h1>
</div>
<br>
<br>
<div class="container">
<div class="row g-5">
<div class="col-sm-4" style="color: rgb(168, 168, 168);">
<h5>Josee to Tora to Sakana-tachi</h5>
<img src="img/josee.jpg" width="360px" height="180px">
<br>
<br>
<p style="color: rgb(168, 168, 168);" ><small>A história centra-se na relação entre Tsuneo e Josee. Tsuneo é um estudante universitário e Josee é uma jovem garota que, raramente saiu de casa por si mesma, devido a sua incapacidade de andar. Os dois conhecem-se quando Tsuneo encontra a avó de Josee a levá-la numa “caminhada matinal”.</small></p>
</div>
<div class="col-sm-4" style="color: rgb(168, 168, 168);">
<h5>Vingadores: Guerra Infinita</h5>
<img src="img/vingadores.jpg" width="360px" height="180px">
<br>
<br>
<p style="color: rgb(168, 168, 168);"><small>Em Vingadores: Guerra Infinita, Thanos enfim chega à Terra, disposto a reunir as Joias do Infinito. Para enfrentá-lo, os Vingadores precisam unir forças com os Guardiões da Galáxia, ao mesmo tempo em que lidam com desavenças entre alguns de seus integrantes.</small></p>
</div>
<div class="col-sm-4" style="color: rgb(168, 168, 168) ;">
<h5>Yuru Yuri Nachuyachumi!</h5>
<img src="img/yuruyuri.jpg" width="360px" height="180px">
<br>
<br>
<p style="color: rgb(168, 168, 168);"><small> A história se passa na escola fictícia Nanamori na cidade de Takaoka no Japão. A série se centraliza no dia-a-dia das atividades realizadas no Clube de Diversão da escola, que tem Akari Akaza e suas amigas de infância, Kyōko Toshinō, Yui Funami, e Chinatsu Yoshikawa como membros.</small></p>
</div>
<div class="col-sm-4" style="color: rgb(168, 168, 168);">
<h5>Star Wars</h5>
<img src="img/starwars.jpg" width="360px" height="180px">
<br>
<br>
<p style="color: rgb(168, 168, 168);" ><small>Star wars é uma história de fantasia que engloba elementos batidos na literatura e no cinema, como romance, drama, humor e luta entre bem e mal. O centro da trama é uma disputa política entre um império tirano e ditatorial e um grupo libertário.</small></p>
</div>
<div class="col-sm-4" style="color: rgb(168, 168, 168);">
<h5>Lugar Silencioso 2</h5>
<img src="img/lugarsilencioso.jpg" width="360px" height="180px">
<br>
<br>
<p style="color: rgb(168, 168, 168);" ><small>A família Abbott precisa enfrentar os terrores do mundo exterior enquanto luta pela sobrevivência em silêncio. Forçados a se aventurar no desconhecido, eles percebem que as criaturas que caçam pelo som não são as únicas ameaças no caminho da areia.</small></p>
</div>
<div class="col-sm-4" style="color: rgb(168, 168, 168);">
<h5>Dois Irmãos: Uma Jornada Fantástica</h5>
<img src="img/onward.jpg" width="360px" height="180px">
<br>
<br>
<p style="color: rgb(168, 168, 168);" ><small>Em um mundo transformado, no qual as criaturas não dependiam mais da magia para viver, dois irmãos elfos recebem um cajado de bruxo de seu falecido pai, capaz de trazê-lo de volta à vida. Ao perceber a ausência dos filhos, sua mãe se une à uma lendária manticora para encontrá-los.</small></p>
</div>
<div class="col-sm-4" style="color: rgb(168, 168, 168);">
<h5>Halloween</h5>
<img src="img/halloween.jpg" width="360px" height="180px">
<br>
<br>
<p style="color: rgb(168, 168, 168);" ><small>Quatro década depois de escapar do ataque de Michael Myers em uma noite de Halloween, Laurie Strode precisa confrontar o assassino mascarado mais uma vez após ele escapar de uma instituição. Mas, agora Laurie está preparada.</small></p>
</div>
<div class="col-sm-4" style="color: rgb(168, 168, 168);">
<h5>Como eu era antes de você</h5>
<img src="img/comoeueraantes.jpg" width="360px" height="180px">
<br>
<br>
<p style="color: rgb(168, 168, 168);" ><small>De origem modesta e sem grandes aspirações, a peculiar Louisa Clark é contratada para ser cuidadora de Will, um jovem tetraplégico depressivo e cínico.</small></p>
</div>
<div class="col-sm-4" style="color: rgb(168, 168, 168);">
<h5>Narnia</h5>
<img src="img/narnia.jpg" width="360px" height="180px">
<br>
<br>
<p style="color: rgb(168, 168, 168);" ><small>Durante os bombardeios da Segunda Guerra Mundial de Londres, quatro irmãos ingleses são enviados para uma casa de campo onde eles estarão seguros. Lá eles se juntam ao leão mágico, Aslan, na luta contra a Feiticeira Branca</small></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-kQtW33rZJAHjgefvhyyzcGF3C5TFyBQBA13V1RKPf4uH+bwyzQxZ6CmMZHmNBEfJ" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.min.js" integrity="sha384-PsUw7Xwds7x08Ew3exXhqzbhuEYmA2xnwc8BuD6SEr+UmEHlX8/MCltYEodzWA4u" crossorigin="anonymous"></script>
-->
</body>
</html>