-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (110 loc) · 4.78 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css" />
<title>CineDiário - João Roger</title>
<script src="https://kit.fontawesome.com/1b542398fa.js" crossorigin="anonymous"></script>
</head>
<body>
<header class="header">
<a href="#">CineDiário</a>
<nav>
<input type="checkbox" id="menuToggle">
<label for="menuToggle" class="menu-icon">
<i class="fa fa-bars"></i>
<i class="fa fa-times-circle"></i>
</label>
<ul class="menu">
<li><a href="#favoritos">Favoritos</a></li>
<li><a href="#oscars">Oscars</a></li>
<li><a href="#bilheteria">Bilheterias</a></li>
</ul>
</nav>
</header>
<h1 id="favoritos">Favoritos <i class="fa-solid fa-star"></i></h1>
<section class="flex">
<div>
<img src="https://assets.mubicdn.net/images/film/391/image-w1280.jpg?1617995748">
<p>Fallen Angels (1995) by Wong Kar-wai</p>
</div>
<div>
<img src="https://assets.mubicdn.net/images/film/173/image-w1280.jpg?1558111471">
<p>The Seventh (1957) by Ingmar Bergman</p>
</div>
<div>
<img src="https://images.mubicdn.net/images/film/299/cache-51225-1560532142/image-w1280.jpg?size=800x">
<p>Persona (1966) by Ingmar Bergman</p>
</div>
<div>
<img src="https://assets.mubicdn.net/images/film/3440/image-w1280.jpg?1625742970">
<p>Terminator 2: Judgment Day (1991) by James Cameron</p>
</div>
<div>
<img src="https://variety.com/wp-content/uploads/2013/10/blade-runner-1982.jpg">
<p>Blade Runner (1982) by Ridley Scott</p>
</div>
<div>
<img src="https://bocadoinferno.com.br/wp-content/uploads/2019/02/Evil-Dead-1981.jpg">
<p>Evil Dead II (1987) by Sam Raimi</p>
</div>
</section>
<h1 id="oscars">Oscars | 2024 <i class="fa-solid fa-award"></i></h1>
<section class="grid1">
<div>
<img src="https://cinepop.com.br/wp-content/uploads/2023/07/oppenheimer-movie.jpg.webp">
<p>Melhor Filme: “Oppenheimer” de Christopher Nolan</p>
</div>
<div>
<img src="https://extra.globo.com/incoming/24795846-7e0-7ff/w976h550-PROP/90776617_file-photo-director-christopher-nolan-poses-at-the-71st-cannes-film-festival-cannes-fra.jpg">
<p>Melhor Diretor: Christopher Nolan por "Oppenheimer"</p>
</div>
<div>
<img src="https://assets-prd.ignimgs.com/2023/12/07/oppenheimer-japan-release-1701960631967.jpg">
<p>Melhor Ator: Cillian Murphy por "Oppenheimer"</p>
</div>
<div>
<img src="https://www.cnnbrasil.com.br/wp-content/uploads/sites/12/2024/03/emma-stone-1.jpg?w=1220&h=674&crop=1">
<p>Melhor Atriz: Emma Stone</p>
</div>
<div>
<img src="https://www.cnnbrasil.com.br/wp-content/uploads/sites/12/2024/03/robert-downey-jr-oscar.jpg?w=1220&h=674&crop=1">
<p>Melhor Ator Coadjuvante: Robert Downey Jr.</p>
</div>
<div>
<img src="https://www.cnnbrasil.com.br/wp-content/uploads/sites/12/Reuters_Direct_Media/BrazilOnlineReportEntertainmentNews/tagreuters.com2024binary_LYNXMPEK0O0HZ-FILEDIMAGE-e1706277066957.jpg?w=1220&h=674&crop=1">
<p>Melhor Atriz Coadjuvante: Da’Vine Joy Randolph</p>
</div>
</section>
<h1 id="bilheteria">Maiores bilheterias | 2024 <i class="fa-solid fa-money-check-dollar"></i></h1>
<section class="grid2">
<div class="grid2-item">
<img src="https://www.barbie-themovie.com/images/share.jpg">
<h2>Barbie - US$ 1,44 bilhão</h2>
</div>
<div class="sidebar">
<div class="grid2-item">
<img src="https://upload.wikimedia.org/wikipedia/en/4/44/The_Super_Mario_Bros._Movie_poster.jpg">
<p>Super Mario Bros - US$ 1,36 bilhão</p>
</div>
<div class="grid2-item">
<img src="https://upload.wikimedia.org/wikipedia/en/4/4a/Oppenheimer_%28film%29.jpg">
<p>Oppenheimer - US$ 955 milhões</p>
</div>
<div class="grid2-item">
<img src="https://upload.wikimedia.org/wikipedia/pt/3/30/Guardians_of_the_Galaxy_Vol_3_poster.jpg">
<p>Guardiões da Galáxia 3 - US$ 845 milhões</p>
</div>
<div class="grid2-item p">
<img src="https://br.web.img2.acsta.net/pictures/23/05/16/22/53/0156803.jpg">
<p>Velozes e Furiosos 10 - US$ 704 milhões</p>
</div>
</div>
</section>
<footer class="footer">
Copyright - todos os direitos reservados
</footer>
</body>
</html>