-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
52 lines (48 loc) · 2.09 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 name="viewport" content="width=device-width, initial-scale=1.0">
<title>Landing Page Filmes</title>
<link rel="stylesheet" href="assets/css/estilo.css">
</head>
<body>
<section class="showcase">
<header>
<a href="#" class="logotipo"><img src="assets/img/logotipo.png" alt="logotipo"></a>
<!--div class="toggle"><img src="assets/img/toggle.png"></div-->
<div class="toggle"></div>
</header>
<div class="cartaz">
<div class="conteudo">
<h2>Noites <span>Neon</span></h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Esse nostrum provident aspernatur, alias soluta pariatur! Sit nihil aut eos quibusdam
voluptatibus et autem quod consequuntur ex impedit, impedit pariatur deserunt rerum id?</p>
<a href="#" class="play" onclick="toggle();"><img src="assets/img/play.png" alt="play">Assistir ao Trailer</a>
<div class="slide"></div>
<ul class="social">
<li><a href="#"><img src="assets/img/facebook.png" alt="Facebook"></a></li>
<li><a href="#"><img src="assets/img/instagram.png" alt="Instagram"></a></li>
<li><a href="#"><img src="assets/img/twitter.png" alt="Twitter"></a></li>
</ul>
</div>
</div>
<div class="trailer">
<video src="assets/video/trailer.mp4" controls="true"></video>
<img src="assets/img/fechar.png" alt="Fechar" class="btn-fechar" onclick="toggle();">
</div>
</section>
<div class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Trailers</a></li>
<li><a href="#">Em breve</a></li>
<li><a href="#">Ingressos</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contato</a></li>
</ul>
</div>
<script src="assets/js/main.js"></script>
</body>
</html>