-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
69 lines (63 loc) · 2.19 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
<!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" />
<link rel="shortcut icon" href="./src/img/favicon.ico" type="image/x-icon">
<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=Poppins:wght@100;300;500&display=swap"
rel="stylesheet" />
<link rel="stylesheet" href="./src/css/reset.css" />
<link rel="stylesheet" href="./src/css/style.css" />
<title>Super Mario Bros - O Filme</title>
</head>
<body>
<div class="fundo-video">
<video class="video" autoplay loop muted>
<source src="./src/video/video-mario.mp4" type="video/mp4" />
</video>
</div>
<header class="header">
<a href="/">
<img class="logo" src="./src/img/logo-chapeu-mario.png" alt="logo chapéu
mário" />
</a>
<nav>
<ul class="menu">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Detalhes</a>
</li>
</ul>
</nav>
</header>
<main class="container">
<div class="informacoes">
<img class="imagem-titulo" src="./src/img/titulo.png" alt="imagem do título
do filme" />
<p class="descricao">Mario é um encanador junto com seu irmão Luigi. Um dia,
eles vão parar no reino dos cogumelos, governado pela Princesa Peach, mas
ameaçado pelo rei dos Koopas, que faz de tudo para conseguir reinar em
todos os lugares.</p>
<button class="botao-trailer">Veja o trailer</button>
</div>
<img class="mario" src="./src/img/super-mario-chars.png" alt="Mário e amigos
pulando" />
<div class="modal">
<div class="conteudo-modal">
<span class="fechar-modal">❌</span>
<iframe id="video" width="560" height="315"
src="https://www.youtube.com/embed/Cb4WV4aXBpk" title="Trailer oficial"
frameborder="1" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</main>
<script src="./src/js/index.js"></script>
</body>
</html>