-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
352 lines (346 loc) · 24.1 KB
/
index.html
File metadata and controls
352 lines (346 loc) · 24.1 KB
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
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Explore o multiverso de Rick and Morty! Assista ao trailer da 9ª temporada, descubra curiosidades sobre Rick Sanchez e Morty Smith e reveja todas as temporadas na MAX.">
<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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/main-min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="shortcut icon" href="favicon.png" type="image/x-png">
<title>Rick and Morty - Home Page</title>
</head>
<body>
<div id="preloader-container">
<div class="rem-preloader">
<picture fetchpriority="high" id="rem-preloader-logo" class="rick-and-morty-logo">
<source media="(min-width: 600px)" srcset="media/logos/rick_and_morty_logo_desktop.svg">
<img src="media/logos/rick_and_morty_logo_mobile.svg" alt="Logo do Rick e Morty" title="Logo do Rick e Morty">
</picture>
</div>
<video
id="preloader-video" muted playsinline preload="metadata">
<source src="media/videos/preloader_otimizado_480p.mp4" type="video/mp4">
</video>
</div>
<div id="smooth-wrapper">
<div id="smooth-content">
<div id="content-container">
<header>
<div class="logos">
<span id="tr-is-logo">T.R e I.S</span>
<div class="as-logo">
<img src="media/logos/as2003_logo.svg" id="as-header-logo" alt="Logo do Adult Swin" title="Logo do Adult Swin">
</div>
</div>
</header>
<main>
<section data-speed="0.85" id="hero-container">
<picture id="hero-background">
<source media="(min-width: 1024px)" srcset="media/images/webp/banner_home_page_1080p.webp">
<img src="media/images/webp/banner_home_page_720p.webp" alt="" aria-hidden="true">
</picture>
<h1>
<picture id="rick-morty-header-logo" class="rick-and-morty-logo">
<source media="(min-width: 600px)" srcset="media/logos/rick_and_morty_logo_desktop.svg">
<img src="media/logos/rick_and_morty_logo_mobile.svg" alt="Logo do Rick e Morty" title="Logo do Rick e Morty">
</picture>
</h1>
<div id="max-watch-btn">
<img src="media/logos/max_logo.svg" alt="Logo da Max">
<a href="1temporada.html">Quero assistir agora!</a>
</div>
</section>
<section id="info-container">
<div class="info-video-container">
<img src="media/images/webp/morty.webp" alt="">
</div>
<article class="info-oque-e">
<h2>O que é Rick e Morty?</h2>
<p>
Rick and Morty é uma animação adulta de ficção científica que segue Rick Sanchez, um cientista genial e alcoólatra, que retorna após 20 anos para morar com sua filha Beth e sua família. Ele arrasta seu neto, Morty, para aventuras perigosas, bizarras e surreais através do multiverso, equilibrando a vida familiar com viagens interdimensionais
</p>
</article>
</section>
<section id="cthullu-container">
<article class="trailer-temporada-container">
<h3>Assistir ao trailer da 9ª Temporada </h3>
<iframe class="video-responsivo" loading="lazy" src="https://www.youtube-nocookie.com/embed/49j40hsstqs?si=aLr7eB30D4NU4AVS" title="YouTube video player" frameborder="0" allow="web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</article>
<section class="explorar-temporadas">
<div class="title-select">
<h2>EXPLORAR TEMPORADAS</h2>
<label for="temporadas-select" class="sr-only">Selecione a Temporada</label>
<div class="select-wrapper">
<select onchange="redirecionar()" name="temporadas-select" id="temporadas-select">
<option value="1temporada.html" selected>Temporada 1</option>
<option value="2temporada.html">Temporada 2</option>
<option value="3temporada.html">Temporada 3</option>
<option value="4temporada.html">Temporada 4</option>
<option value="5temporada.html">Temporada 5</option>
<option value="6temporada.html">Temporada 6</option>
<option value="7temporada.html">Temporada 7</option>
<option value="8temporada.html">Temporada 8</option>
</select>
<img src="media/icons/angle-down-solid.svg" alt="" aria-hidden="true">
</div>
</div>
<div class="cards">
<div class="card">
<div class="thumb-info">
<img src="media/thumbs/thumb_ep1_temp1.jpg" alt="Thumbnail Episódio 1, Temporada 1" class="thumb">
<div class="info">
<h3>1. Piloto</h3>
<p>22:19min • 02/12/2013</p>
<a href="https://play.hbomax.com/video/watch/ef7d1c40-2ecc-471a-81a5-7fe06400240a/3a08cc38-df63-40a8-a300-dede99139409" target="_blank">Assistir</a>
</div>
</div>
<div class="desc">
<p>
Rick leva seu neto Morty para outra dimensão para encontrar sementes para mega-árvores,
enquanto Jerry e Beth discutem a influência de Rick sobre seu filho.
</p>
</div>
</div>
<div class="card">
<div class="thumb-info">
<img src="media/thumbs/thumb_ep2_temp1.webp" alt="Thumbnail Episódio 2, Temporada 1" class="thumb">
<div class="info">
<h3>2. Cãortador de Grama</h3>
<p>22min • 09/12/2013</p>
<a href="https://www.hbomax.com/br/pt/shows/rick-morty/s1/ab553cdc-e15d-4597-b65f-bec9201fd2dd/e2-lawnmower-dog/98f5603d-7461-4968-8399-72da5d9302d8" target="_blank">Assistir</a>
</div>
</div>
<div class="desc">
<p>
Rick ajuda Jerry com seu cachorro; Rick e Morty tentam interceptar os sonhos
do Sr. Goldenfold.
</p>
</div>
</div>
<div class="card">
<div class="thumb-info">
<img src="media/thumbs/thumb_ep3_temp1.webp" alt="Thumbnail Episódio 3, Temporada 1" class="thumb">
<div class="info">
<h3>3. Parque das Bactérias</h3>
<p>22min • 15/12/2013</p>
<a href="https://www.hbomax.com/br/pt/shows/rick-morty/s1/ab553cdc-e15d-4597-b65f-bec9201fd2dd/e3-anatomy-park/fcc7d036-2a20-4f3d-b20b-1bd1a2f23672" target="_blank">Assistir</a>
</div>
</div>
<div class="desc">
<p>
Rick encolhe Morty e o injeta em um homem para salvar o Anatomy Park,
enquanto Jerry tenta passar um Natal sem tecnologia.
</p>
</div>
</div>
<div class="card">
<div class="thumb-info">
<img src="media/thumbs/thumb_ep4_temp1.webp" alt="Thumbnail Episódio 4, Temporada 1" class="thumb">
<div class="info">
<h3>4. M. Night Shaym-Aliens!</h3>
<p>22min • 13/01/2014</p>
<a href="https://www.hbomax.com/br/pt/shows/rick-morty/s1/ab553cdc-e15d-4597-b65f-bec9201fd2dd/e4-m-night-shaym-aliens/0cd59b30-b1bf-44cd-8f91-389ba3ff1f6f" target="_blank">Assistir</a>
</div>
</div>
<div class="desc">
<p>
Alienígenas simulam uma realidade alternativa para roubar a fórmula de Rick,
enquanto Jerry tenta criar um slogan de marketing.
</p>
</div>
</div>
<div class="card">
<div class="thumb-info">
<img src="media/thumbs/thumb_ep5_temp1.webp" alt="Thumbnail Episódio 5, Temporada 1" class="thumb">
<div class="info">
<h3>5. A Revolta dos Meeseeks</h3>
<p>22min • 20/01/2014</p>
<a href="https://www.hbomax.com/br/pt/shows/rick-morty/s1/ab553cdc-e15d-4597-b65f-bec9201fd2dd/e5-meeseeks-and-destroy/4b41ae32-b26c-4ca3-bc31-6fbc4b560805" target="_blank">Assistir</a>
</div>
</div>
<div class="desc">
<p>
Rick oferece soluções para os problemas da família enquanto Morty lidera
uma aventura própria.
</p>
</div>
</div>
<div class="card">
<div class="thumb-info">
<img src="media/thumbs/thumb_ep6_temp1.webp" alt="Thumbnail Episódio 6, Temporada 1" class="thumb">
<div class="info">
<h3>6. Rick Potion #9</h3>
<p>22min • 27/01/2014</p>
<a href="https://www.hbomax.com/br/pt/shows/rick-morty/s1/ab553cdc-e15d-4597-b65f-bec9201fd2dd/e6-rick-potion-9/da2dc9d2-548f-4be4-9224-d6628553b189" target="_blank">Assistir</a>
</div>
</div>
<div class="desc">
<p>
Uma poção do amor se torna viral e transforma a Terra inteira,
forçando Rick a criar uma solução extrema.
</p>
</div>
</div>
<div class="card">
<div class="thumb-info">
<img src="media/thumbs/thumb_ep7_temp1.webp" alt="Thumbnail Episódio 7, Temporada 1" class="thumb">
<div class="info">
<h3>7. O Pequeno Gazorpazorp</h3>
<p>22min • 10/03/2014</p>
<a href="https://www.hbomax.com/br/pt/shows/rick-morty/s1/ab553cdc-e15d-4597-b65f-bec9201fd2dd/e7-raising-gazorpazorp/3fb72f2c-572f-41b3-b425-3f5b9df359b9" target="_blank">Assistir</a>
</div>
</div>
<div class="desc">
<p>
Morty vira pai de um bebê alienígena enquanto Rick e Summer enfrentam
uma dimensão perigosa.
</p>
</div>
</div>
<div class="card">
<div class="thumb-info">
<img src="media/thumbs/thumb_ep8_temp1.webp" alt="Thumbnail Episódio 8, Temporada 1" class="thumb">
<div class="info">
<h3>8. Realidade Alternativa</h3>
<p>22min • 17/03/2014</p>
<a href="https://www.hbomax.com/br/pt/shows/rick-morty/s1/ab553cdc-e15d-4597-b65f-bec9201fd2dd/e8-rixty-minutes/9809c756-ab44-4381-b2a1-7dd4ff50e676" target="_blank">Assistir</a>
</div>
</div>
<div class="desc">
<p>
Rick desbloqueia canais de TV interdimensionais enquanto a família
se distrai com outra invenção perigosa.
</p>
</div>
</div>
<div class="card">
<div class="thumb-info">
<img src="media/thumbs/thumb_ep9_temp1.webp" alt="Thumbnail Episódio 9, Temporada 1" class="thumb">
<div class="info">
<h3>9. Uma Loja do Diabo</h3>
<p>22min • 24/03/2014</p>
<a href="https://www.hbomax.com/br/pt/shows/rick-morty/s1/ab553cdc-e15d-4597-b65f-bec9201fd2dd/e9-something-ricked-this-way-comes/86bd4e6b-fa36-4013-b328-a3d8980deffc" target="_blank">Assistir</a>
</div>
</div>
<div class="desc">
<p>
Summer trabalha em uma loja amaldiçoada enquanto Jerry cria
problemas políticos em Plutão.
</p>
</div>
</div>
<div class="card">
<div class="thumb-info">
<img src="media/thumbs/thumb_ep10_temp1.webp" alt="Thumbnail Episódio 10, Temporada 1" class="thumb">
<div class="info">
<h3>10. Contato Imediato</h3>
<p>22min • 07/04/2014</p>
<a href="https://www.hbomax.com/br/pt/shows/rick-morty/s1/ab553cdc-e15d-4597-b65f-bec9201fd2dd/e10-close-rick-counters-of-the-rick-kind/2e0753e0-6d81-4181-87d0-c2d5c6db93de" target="_blank">Assistir</a>
</div>
</div>
<div class="desc">
<p>
Uma associação de Ricks de universos alternativos visita a dimensão C-137
em busca do verdadeiro Rick.
</p>
</div>
</div>
<div class="card">
<div class="thumb-info">
<img src="media/thumbs/thumb_ep11_temp1.webp" alt="Thumbnail Episódio 11, Temporada 1" class="thumb">
<div class="info">
<h3>11. Negócio Arriscado</h3>
<p>22min • 14/04/2014</p>
<a href="https://www.hbomax.com/br/pt/shows/rick-morty/s1/ab553cdc-e15d-4597-b65f-bec9201fd2dd/e11-ricksy-business/3aa7e642-4946-46a1-a724-17e7e4b717d0" target="_blank">Assistir</a>
</div>
</div>
<div class="desc">
<p>
Rick e Summer fazem uma festa intergaláctica enquanto Beth e Jerry
tentam salvar o casamento.
</p>
</div>
</div>
</div>
</section>
<section class="parceiros-container">
<h3>Parceiros</h3>
<ul class="parceiros-carrossel">
<li><img src="media/logos/warner_bros_discoverylatinamerica.svg" alt="Logo da Warner Bros"></li>
<li><img src="media/logos/as2003_logo.svg" alt="Logo do Adult Swim"></li>
<li><img src="media/logos/williams_street2020_logo.webp" alt="Logo do Williams Street"></li>
<li><img src="media/logos/green_portal_logo.webp" alt="Logo do Green Portal"></li>
</ul>
</section>
</section>
</main>
<footer>
<picture id="footer-background">
<source media="(min-width: 1024px)" srcset="media/images/webp/footer_imagem_1080p.webp">
<img src="media/images/webp/footer_imagem_720p.webp" alt="" aria-hidden="true" loading="lazy">
</picture>
<div class="footer-container">
<picture id="rick-and-morty-footer-logo">
<source media="(min-width: 600px)" srcset="media/logos/rick_and_morty_logo_desktop.svg">
<img src="media/logos/rick_and_morty_logo_mobile.svg" alt="Logo do Rick e Morty">
</picture>
<div class="footer-temp-colab-container">
<section class="footer-group">
<h3>Temporadas</h3>
<ol id="footer-lista-temporadas">
<li><a href="1temporada.html">1ª Temporada</a></li>
<li><a href="2temporada.html">2ª Temporada</a></li>
<li><a href="3temporada.html">3ª Temporada</a></li>
<li><a href="4temporada.html">4ª Temporada</a></li>
<li><a href="5temporada.html">5ª Temporada</a></li>
<li><a href="6temporada.html">6ª Temporada</a></li>
<li><a href="7temporada.html">7ª Temporada</a></li>
<li><a href="8temporada.html">8ª Temporada</a></li>
</ol>
</section>
<div class="footer-colaboradores">
<section class="footer-group">
<h3>Redes Sociais (Thiago)</h3>
<div class="social-icons">
<a href="https://www.linkedin.com/in/thiago-rodrigues-dos-santos-53680239a/" target="_blank">
<img class="icon" src="media/icons/linkedin-in-brands-solid-full.svg" alt="LinkedIn Thiago">
</a>
<a href="https://github.com/codeByThiago" target="_blank">
<img class="icon" src="media/icons/github-brands-solid-full.svg" alt="GitHub Thiago">
</a>
<a href="https://www.instagram.com/thiago_rod77/" target="_blank">
<img class="icon" src="media/icons/instagram-brands-solid.svg" alt="Instagram Thiago">
</a>
</div>
</section>
<section class="footer-group">
<h3>Redes Sociais (Isabella)</h3>
<div class="social-icons">
<a href="#" target="_blank">
<img class="icon" src="media/icons/linkedin-in-brands-solid-full.svg" alt="LinkedIn Isabella">
</a>
<a href="https://github.com/isabellasakamoto" target="_blank">
<img class="icon" src="media/icons/github-brands-solid-full.svg" alt="GitHub Isabella">
</a>
<a href="#" target="_blank">
<img class="icon" src="media/icons/instagram-brands-solid.svg" alt="Instagram Isabella">
</a>
</div>
</section>
</div>
</div>
</div>
</footer>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/ScrollSmoother.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/SplitText.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>