-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
311 lines (305 loc) · 10.5 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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
<!DOCTYPE html>
<html lang="pt-BR">
<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>Pulp Fiction</title>
<!--======Favicon=======-->
<link
rel="shortcut icon"
href="./dist/images/favicon1.png"
type="image/x-icon"
/>
<!--======Font awsome css=======-->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"
/>
<!--======Swiper css=======-->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"
/>
<!--======CSS styles=======-->
<link rel="stylesheet" href="./dist/css/main.css" />
</head>
<body>
<div class="container">
<!--======Scroll to top=======-->
<div class="scrollToTop-btn">
<i class="fas fa-arrow-up"></i>
</div>
<!--======Light/dark theme btn=======-->
<div class="theme-btn">
<i class="fas fa-moon"></i>
<i class="fas fa-sun"></i>
</div>
<header>
<div class="nav-bar">
<a href="#" class="header-title">Pulp Fiction</a>
<div class="navigation">
<div class="nav-items">
<div class="nav-close-btn"></div>
<a href="#sinopse" class="header-item active"> Sinopse</a>
<a href="#elenco" class="header-item"> Elenco</a>
<a href="#curiosidades" class="header-item"> Curiosidades</a>
<a href="#trailer" class="header-item"> Trailer</a>
</div>
</div>
<div class="nav-menu-btn"></div>
</div>
</header>
<section id="sinopse">
<h1 class="section-title-01">Sinopse</h1>
<h2 class="section-title-02">Sinopse</h2>
<div class="sinopse-content">
<picture>
<source media="(max-width:768px)" srcset="./src/images/dvd2.jpeg" />
<img
src="./dist/images/dvd.jpeg"
alt="capa do filme pulp fiction"
/>
</picture>
<p>
"Pulp Fiction" é um filme de 1994 dirigido por Quentin Tarantino. A
trama é dividida em várias histórias interligadas que acontecem em
Los Angeles. Vincent Vega e Jules Winnfield são dois assassinos que
trabalham para o chefão do crime, Marcellus Wallace. A dupla se
envolve em situações inusitadas e perigosas, incluindo uma missão
para recuperar uma mala misteriosa. Além disso, há a história do
pugilista Butch Coolidge, que é contratado por Marcellus para perder
uma luta de propósito. O filme é famoso por seu estilo não linear de
narrativa, diálogos icônicos e trilha sonora marcante. Com um elenco
estelar que inclui John Travolta, Samuel L. Jackson, Uma Thurman,
Harvey Keitel e Bruce Willis, "Pulp Fiction" é considerado um
clássico moderno do cinema e um dos filmes mais influentes das
últimas décadas.
</p>
</div>
</section>
<section id="elenco">
<h1 class="section-title-01">Elenco</h1>
<h2 class="section-title-02">Elenco</h2>
<div class="elenco-container">
<ul class="atores">
<li>
<div class="foto">
<img
src="./dist/images/travolta.jpeg"
alt="Foto do ator John Travolta"
/>
</div>
<div class="informacoes">
<h3>John Travolta</h3>
<p>Papel: Vincent Vega</p>
</div>
</li>
<li>
<div class="foto">
<img
src="./dist/images/uma-t.jpeg"
alt="Foto da atriz Uma Thurman"
/>
</div>
<div class="informacoes">
<h3>Uma Thurman</h3>
<p>Papel: Mia Wallace</p>
</div>
</li>
<li>
<div class="foto">
<img
src="./dist/images/samuel.jpeg"
alt="Foto do ator Samuel L. Jackson"
/>
</div>
<div class="informacoes">
<h3>Samuel L. Jackson</h3>
<p>Papel: Jules Winnfield</p>
</div>
</li>
<li>
<div class="foto">
<img
src="./dist/images/bruce.jpeg"
alt="Foto do ator Bruce Willis"
/>
</div>
<div class="informacoes">
<h3>Bruce Willis</h3>
<p>Papel: Butch Coolidge</p>
</div>
</li>
<li>
<div class="foto">
<img
src="./dist/images/tim-roth.jpeg"
alt="Foto do ator Tim Roth"
/>
</div>
<div class="informacoes">
<h3>Tim Roth</h3>
<p>Papel: Pumpkin</p>
</div>
</li>
<li>
<div class="foto">
<img
src="./dist/images/laura-lovelace.jpeg"
alt="Foto do atriz Laura Lovelace"
/>
</div>
<div class="informacoes">
<h3>Laura Lovelace</h3>
<p>Papel: Waitress</p>
</div>
</li>
<li>
<div class="foto">
<img
src="./dist/images/frank.jpeg"
alt="Foto do ator Frank Whaley"
/>
</div>
<div class="informacoes">
<h3>Frank Whaley</h3>
<p>Papel: Brett</p>
</div>
</li>
<li>
<div class="foto">
<img
src="./dist/images/ving.jpeg"
alt="Foto do ator Ving Rhames"
/>
</div>
<div class="informacoes">
<h3>Ving Rhames</h3>
<p>Papel: Marsellus Wallace</p>
</div>
</li>
</ul>
</div>
</section>
<section id="curiosidades">
<h1 class="section-title-01">Curiosidades</h1>
<h2 class="section-title-02">Curiosidades</h2>
<div class="container">
<!-- Slider main container -->
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="swiper-zoom-container" data-swiper-zoom="5">
<img src="/dist/images/1.jpeg" alt="Imagem 1" />
</div>
</div>
<div class="swiper-slide">
<div class="swiper-zoom-container" data-swiper-zoom="5"><img src="/dist/images/2.jpeg" alt="Imagem 2" />
</div>
</div>
<div class="swiper-slide">
<div class="swiper-zoom-container" data-swiper-zoom="5"><img src="/dist/images/6.jpeg" alt="Imagem 6" /></div>
</div>
<div class="swiper-slide">
<div class="swiper-zoom-container" data-swiper-zoom="5"><img src="/dist/images/7.jpeg" alt="Imagem 7" /></div>
</div>
<div class="swiper-slide">
<div class="swiper-zoom-container" data-swiper-zoom="5"><img src="/dist/images/8.jpeg" alt="Imagem 8" /></div>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- If we need scrollbar -->
<div class="swiper-scrollbar"></div>
</div>
</div>
<h3>10 Curiosidades sobre o filme Pulp Fiction</h3>
<ol class="item-list">
<li>
O filme foi originalmente intitulado "Black Mask", em referência a
uma revista de mistério e crime dos anos 1920.
</li>
<li>
O orçamento de produção do filme foi de apenas US$ 8 milhões, mas
arrecadou mais de US$ 200 milhões em todo o mundo.
</li>
<li>
O roteirista e diretor do filme, Quentin Tarantino, escreveu o
papel de Vincent Vega especificamente para Michael Madsen, mas ele
recusou o papel e John Travolta acabou interpretando o personagem.
</li>
<li>
A icônica cena da dança de John Travolta e Uma Thurman foi filmada
em um dia e meio, mas a coreografia levou três semanas para ser
ensaiada.
</li>
<li>
O personagem do Harvey Keitel, Winston Wolf, foi escrito
originalmente para ser interpretado por Joe Pesci, mas ele recusou
o papel.
</li>
<li>
Samuel L. Jackson adorou tanto o roteiro que pediu a Tarantino
para lhe dar o papel de Jules Winnfield, mesmo que inicialmente o
diretor tivesse escolhido o ator Paul Calderon.
</li>
<li>
O famoso discurso de Jules sobre a passagem da Bíblia em que ele
cita a palavra "Ezequiel" não existe na Bíblia, mas foi criado por
Tarantino.
</li>
<li>
A arma "pistola do tamanho de um canhão" usada por Jules e Vincent
na cena do café da manhã foi na verdade uma arma falsa feita
especialmente para o filme.
</li>
<li>
A cena em que Vincent encontra Mia Wallace pela primeira vez foi
inspirada em um episódio da série de TV "Os Intocáveis", em que
Eliot Ness conhece a esposa de um gângster.
</li>
<li>
O diretor Quentin Tarantino faz uma pequena aparição no filme como
Jimmie Dimmick, o amigo de Jules que empresta sua casa para eles
limparem o carro sujo de sangue.
</li>
</ol>
</div>
</div>
</section>
<section id="trailer">
<h1 class="section-title-01">Trailer</h1>
<h2 class="section-title-02">Trailer</h2>
<div class="section-container"> <iframe
class="trailer-video"
width="1024"
height="580"
src="https://www.youtube.com/embed/tGpTpVyI_OQ"
title="Pulp Fiction | Official Trailer (HD) - John Travolta, Uma Thurman, Samuel L. Jackson | MIRAMAX"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen
></iframe>
</div>
</section>
</div>
<footer>
<p>
© 2023 Pulp Fiction. Todos os direitos reservados. <br />
Feito por Amadeo Bon
<a href="https://github.com/Amadeo-Frontend"
><i class="fab fa-github"></i
></a>
</p>
</footer>
</body>
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
<script src="./src/scripts/swiper.js"></script>
<script src="./dist/js/main.js"></script>
</html>