-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (49 loc) · 2.15 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
<!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/imagens/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/estilos.css">
<link rel="stylesheet" href="./src/css/responsivo.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="cabecalho">
<a>
<img class="logo" src="./src/imagens/logo-chapeu-mario.png" alt="logo chapéu Mario" />
</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/imagens/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/imagens/super-mario-chars.png" />
<div class="modal">
<div class="conteudo-modal">
<span class="fechar-modal">X</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>