-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathdemo-best-movies-2019.html
118 lines (118 loc) · 5.94 KB
/
demo-best-movies-2019.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
<!DOCTYPE html>
<html>
<head>
<title>The Big 3 | Best Films of 2019</title>
<link rel="stylesheet" type="text/css" href="src/styles/main.css">
</head>
<body class="c-mnml-body">
<header role="banner" class="c-mnml-plane c-mnml-plane--article-width c-mnml-plane--full-height c-mnml-plane--h-inset-medium c-mnml-plane--v-inset-xxlarge cs-mnml-dark">
<div class="c-mnml-plane-cabin">
<h1 class="c-mnml-text c-mnml-text--block c-mnml-text--heading c-mnml-text--display">Best Films<br>of 2019</h1>
<p class="c-mnml-text c-mnml-text--block c-mnml-text--heading c-mnml-text--xsmall">According to Mike Mai</p>
</div>
</header>
<article>
<div class="c-mnml-plane c-mnml-plane--article-width c-mnml-plane--full-height c-mnml-plane--h-inset-medium c-mnml-plane--v-inset-xxlarge cs-mnml-light">
<div class="c-mnml-plane-cabin">
<!-- <figure class="c-mnml-card">
<img src="https://images.unsplash.com/photo-1533740795835-8f0320846018?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2902&q=80" alt="placeholder+image">
<figcaption>
Fig 1: this is an image card.
</figcaption>
</figure> -->
<h1 class="c-mnml-text c-mnml-text--block c-mnml-text--lede">
2019 brought an epic end to an decade
</h1>
<p class="c-mnml-text c-mnml-text--block c-mnml-text--large">
<em>Marvel</em> created the biggest movie-going event in history; <em>Sandler</em>, <em>Murphy</em>, and <em>J-Lo</em> became hot topics for multiple film awards; the breathtaking <em>Keanu</em> took over everything; <em>Marty</em> made a 160 million <em>Netflix</em> film; <em>Tarantino</em> delivered a love letter to the old Hollywood; & <em>Shia</em> proved to be a serious filmmaker.
</p>
<p class="c-mnml-text c-mnml-text--block c-mnml-text--large">
Creating a top-ten or even top-five list was impossible, however, the top three spots are uncompromising for me. The following films are pure <strong>cinema magic</strong>.
</p>
</div>
</div>
<div class="c-mnml-plane c-mnml-plane--full-height c-mnml-plane--h-inset-small c-mnml-plane--v-inset-small cs-mnml-dark">
<div class="c-mnml-plane-background">
<img src="https://pmcdeadline2.files.wordpress.com/2019/11/pst-sti-04.jpg" alt="placeholder+image">
</div>
<div class="c-mnml-plane-deck c-mnml-plane-deck--upper">
<div class="c-mnml-plane-deck__content">
<div class="c-mnml-plane-deck__content__item">
<h2 class="c-mnml-text c-mnml-text--small">
№ 3
</h2>
</div>
<div class="c-mnml-plane-deck__content__item">
<h2 class="c-mnml-text c-mnml-text--small">
Parasite
</h2>
</div>
</div>
</div>
<div class="c-mnml-plane-deck c-mnml-plane-deck--lower">
<div class="c-mnml-plane-deck__content">
<div class="c-mnml-plane-deck__content__item">
<h2 class="c-mnml-text c-mnml-text--xsmall">
Bong Joon-ho
</h2>
</div>
</div>
</div>
</div>
<div class="c-mnml-plane c-mnml-plane--trendy c-mnml-plane--article-width c-mnml-plane--full-height c-mnml-plane--h-inset-medium c-mnml-plane--v-inset-xxlarge cs-mnml-light">
<div class="c-mnml-plane-cabin">
<h3 class="c-mnml-text c-mnml-text--block c-mnml-text--heading c-mnml-text--xxlarge">
The Global Crowd-pleaser
</h3>
<p class="c-mnml-text c-mnml-text--block">
The South Korean director <em>Bong Joon-ho</em>’s dark comedy thriller made a huge splash in his hometown’s box office and that hype had spread all over the world. Not only was it a financial success, it was also praised critically as it snatched a win at <em>The Golden Globe</em> and multiple nominations for <em>The Oscars</em>.
</p>
<ul class="c-mnml-list c-mnml-list--bare lay-horizontal">
<li class="c-mnml-list__item">
<div class="u-mnml-min-height-100">
<h4 class="c-mnml-text c-mnml-text--block c-mnml-text--heading c-mnml-text--xsmall">
Opening weekend
</h4>
<p class="c-mnml-text c-mnml-text--block c-mnml-text--heading c-mnml-text--display">
$20.7m
</p>
</div>
</li>
<li class="c-mnml-list__item">
<div class="u-mnml-min-height-100">
<h4 class="c-mnml-text c-mnml-text--block c-mnml-text--heading c-mnml-text--xsmall">
Overall box office
</h4>
<p class="c-mnml-text c-mnml-text--block c-mnml-text--heading c-mnml-text--display">
$131.4m
</p>
</div>
</li>
</ul>
<ul class="c-mnml-list c-mnml-list--bare lay-horizontal">
<li class="c-mnml-list__item">
<div class="u-mnml-min-height-100">
<h4 class="c-mnml-text c-mnml-text--block c-mnml-text--heading c-mnml-text--xsmall">
Letterboxd rating
</h4>
<p class="c-mnml-text c-mnml-text--block c-mnml-text--heading c-mnml-text--display">
4.6
</p>
</div>
</li>
<li class="c-mnml-list__item">
<div class="u-mnml-min-height-100">
<h4 class="c-mnml-text c-mnml-text--block c-mnml-text--heading c-mnml-text--xsmall">
Metacritic rating
</h4>
<p class="c-mnml-text c-mnml-text--block c-mnml-text--heading c-mnml-text--display">
96
</p>
</div>
</li>
</ul>
</div>
</div>
</article>
</body>
</html>