-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (48 loc) · 2.12 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
<!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>Super Mario Bros - O Filme</title>
<link rel="shortcut icon" href="./src/img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./src/css/reset.css">
<link rel="stylesheet" href="./src/css/styles.css">
<link rel="stylesheet" href="./src/css/responsive.css">
</head>
<body>
<div class="bg-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 do Mario">
</a>
<nav>
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Detalhes</a></li>
</ul>
</nav>
</header>
<main class="container">
<section class="information">
<img class="title-image" src="./src/img/titulo.png" alt="Imagem do Título do Filme">
<p class="description">
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="trailer-button">Veja o trailer</button>
</section>
<img class="mario" src="./src/img/super-mario-chars.png" alt="">
<div class="modal">
<div class="modal-content">
<span class="close-modal">X</span>
<iframe id="video" width="640" height="360" src="https://www.youtube.com/embed/Cb4WV4aXBpk" title="Trailer Oficial de Super Mario" frameborder="0" 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>