-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (62 loc) · 3.3 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
70
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NETFLIX CLONE</title>
<link rel="stylesheet" href="style/main.css">
<!--responsive-->
<link rel="stylesheet" href="style/responsive.css">
<!--owl css-->
<link rel="stylesheet" href="style/owl/owl.carousel.min.css">
<link rel="stylesheet" href="style/owl/owl.theme.default.min.css">
</head>
<body>
<header>
<div class="container">
<h2 class="logo">NETFLIX</h2>
<nav>
<a href="#">Inicio</a>
<a href="#">Séries</a>
<a href="#">Filmes</a>
<a href="#">Documentários</a>
</nav>
</div>
</header>
<main>
<div class="filme-principal">
<div class="container">
<h3 class="filme-titulo">Cruella</h3>
<p class="descricao">Estella é uma garota inteligente e criativa determinada a fazer um nome para si através de seus designs. Ela faz amizade com uma dupla de jovens ladrões e, juntos, constroem uma vida para si nas ruas de Londres até chamar a atenção da Baronesa Von Hellman.</p>
<button role="button" class="botao">
<i class="fas fa-play"></i>
ASSISTIR AGORA
</button>
<button role="button" class="botao">
<i class="fas fa-info-circle"></i>
MAIS INFORMAÇÕES
</button>
</div>
</div>
</main>
<section class="carrossel-filmes">
<div class="owl-carousel owl-theme">
<div class="box-filme"><img src="img/titulos/cruella.jpg" alt="titulo cruella"></div>
<div class="box-filme"><img src="img/titulos/assasclassroom.jpg" alt="titulo assassin's classroom"></div>
<div class="box-filme"><img src="img/titulos/baleiastubar.jpg" alt="titulo baleias versus tubaroes"></div>
<div class="box-filme"><img src="img/titulos/chapo.jpg" alt="titulo chapo"></div>
<div class="box-filme"><img src="img/titulos/viuvanegra.jpg" alt="titulo viuva negra"></div>
<div class="box-filme"><img src="img/titulos/flash.jpg" alt="titulo flash"></div>
<div class="box-filme"><img src="img/titulos/greysanatomy.jpg" alt="titulo grey's anatomy"></div>
<div class="box-filme"><img src="img/titulos/loki.jpg" alt="titulo loki"></div>
<div class="box-filme"><img src="img/titulos/simpsons.jpg" alt="titulo os simpsons"></div>
<div class="box-filme"><img src="img/titulos/westworld.jpg" alt="titulo westworld"></div>
</div>
</section>
<script src="https://kit.fontawesome.com/e9a8e4aed6.js" crossorigin="anonymous"></script>
<script src="js/owl/jquery.min.js"></script>
<script src="js/owl/owl.carousel.min.js"></script>
<script src="js/owl/setup.js"></script>
</body>
</html>