-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (160 loc) · 6.98 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
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>Filmes</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=Kumbh+Sans:wght@300;400;500;600&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<main>
<h2>Filmes Populares</h2>
<div class="input-container">
<input
type="text"
name="movie-name"
id="movie-name"
placeholder="Digite algum filme para pesquisar..."
/>
<img
src="images/search-icon.svg"
alt="Ícone de pesquisa"
class="searchIcon"
/>
</div>
<div class="showOnlyFavorites">
<input type="checkbox" name="onlyFavorites" id="onlyFavorites" />
<label for="onlyFavorites">Mostrar apenas meus filmes favoritos</label>
</div>
<div class="movies">
<div class="movie">
<div class="movie-informations">
<div class="movie-image">
<img
src="https://img.elo7.com.br/product/zoom/28A915C/big-poster-filme-top-gun-maverick-2020-lo01-tamanho-90x60-cm-top-gun.jpg"
alt="Top Gun: Maverick (2022)"
/>
</div>
<div class="movie-text">
<h4>Top Gun: Maverick (2022)</h4>
<div class="rating-favorites">
<div class="rating">
<img src="images/star.png" alt="Star Icon" />
<span>9.5</span>
</div>
<div class="favorite">
<img src="images/heart.svg" alt="Star Icon" />
<span>Favoritar</span>
</div>
</div>
</div>
</div>
<div class="movie-description">
<span
>Depois de mais de 30 anos servindo a marinha como um dos maiores
pilotos de caça, Pete “Maverick” Mitchell continua na ativa, se
recusando a subir de patente e deixar de fazer o que mais gosta,
que é voar. Enquanto ele treina um grupo de pilotos em formação
para uma missão especial que nenhum “Top Gun” em vida jamais
participou, ele encontra Bradley Bradshaw, que tem o apelido de
“Rooster”, o filho do falecido amigo de Maverick, o oficial Nick
Bradshaw, conhecido como “Goose”. Enfrentando um futuro incerto e
lidando com fantasmas de seu passado, Maverick confronta seus
medos mais profundos em uma missão que exige sacrifícios extremos
daqueles que serão escolhidos para executá-la.</span
>
</div>
</div>
<div class="movie">
<div class="movie-informations">
<div class="movie-image">
<img
src="https://upload.wikimedia.org/wikipedia/pt/0/08/Thor_Love_and_Thunder_poster.jpg"
alt="Thor: Amor e Trovão (2022)"
/>
</div>
<div class="movie-text">
<h4>Thor: Amor e Trovão (2022)</h4>
<div class="rating-favorites">
<div class="rating">
<img src="images/star.png" alt="Star Icon" />
<span>4.5</span>
</div>
<div class="favorite">
<img src="images/heart.svg" alt="Star Icon" />
<span>Favoritar</span>
</div>
</div>
</div>
</div>
<div class="movie-description">
<span
>O filme apresenta Thor em uma jornada diferente de tudo que ele
já enfrentou – uma busca pela paz interior. Mas sua aposentadoria
é interrompida por um assassino galático conhecido como Gorr, o
Carniceiro dos Deuses, que busca a extinção dos deuses. Para
combater a ameaça, Thor pede a ajuda da Rainha Valquíria, Korg e
da ex-namorada Jane Foster, que – para surpresa de Thor –
inexplicavelmente carrega seu martelo mágico, Mjolnir, como a
Poderosa Thor. Juntos, eles embarcam em uma alucinante aventura
para descobrir o mistério da vingança do Carniceiro dos Deuses e
detê-lo antes que seja tarde demais. Atenção: Thor: Amor e Trovão
contém cenas com luzes piscantes que podem afetar pessoas
suscetíveis a epilepsia por fontossenssibilidade ou que sofram de
outras fotossensibilidades.</span
>
</div>
</div>
<div class="movie">
<div class="movie-informations">
<div class="movie-image">
<img
src="https://img.elo7.com.br/product/zoom/1D1DA6C/poster-marvel-pantera-negra-lo007-tamanho-90-x-0-cm-pantera-negra.jpg"
alt="Pantera Negra: Wakanda Para Sempre (2022)"
/>
</div>
<div class="movie-text">
<h4>Pantera Negra: Wakanda Para Sempre (2022)</h4>
<div class="rating-favorites">
<div class="rating">
<img src="images/star.png" alt="Star Icon" />
<span>10</span>
</div>
<div class="favorite">
<img src="images/heart.svg" alt="Star Icon" />
<span>Favoritar</span>
</div>
</div>
</div>
</div>
<div class="movie-description">
<span
>Pantera Negra: Wakanda Para Sempre é a continuação do longa
Pantera Negra, da Marvel, dirigido por Ryan Coogler e produzido
por Kevin Feige. No filme, o mundo de Wakanda se expande. Após a
morte do ator de T'Challa o foco de Wakanda Para Sempre são os
personagens em volta do Pantera Negra. A sinopse oficial ainda não
foi divulgada, contudo, personagens como Shuri, Nakia, Ramonda,
mãe de Shuri e T'Challa, Okoye e M'Baku voltarão para estrelar a
sequência do longa. Foi também divulgado que M'Baku terá uma
grande participação no filme e seu personagem será mais expandido.
Michael B. Jordan também voltará a interpretar Killmonger. Em
respeito a Chadwick Boseman, o personagem de T'Challa não
aparecerá ou será feito por outro ator, também não será
digitalizado com efeitos especiais. Shuri, irmã do protagonista,
terá mais tempo na tela, sendo uma das protagonistas do
longa.</span
>
</div>
</div>
</div>
</main>
</body>
</html>