-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
184 lines (169 loc) · 9.55 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bladerunner2049 - Home - unofficial website</title>
<link rel="icon" type="image/x-icon" href="assets/static/icon.jpg">
<link rel="stylesheet" href="css/components.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<main>
<section class="container-1" id="top">
<header>
<nav>
<a id="home" href="index.html">HOME</a>
<a id="about" href="about.html">ABOUT</a>
<a id="gallery" href="gallery.html">GALLERY</a>
</nav>
</header>
<a class="chevron-down" href="#infos">
<img src="assets/static/icon/chevron-down.svg" alt="">
</a>
<div class="title">
<h1>bladerunner 2049</h1>
<h2>about the film, reviews & gallery</h2>
</div>
</section>
<section class="container-2" id="infos">
<div class="infos-container">
<div class="infos-bg bg-1"></div>
<div class="infos-txt">
<h3>35 years after the first film - A masterpiece</h3>
<p>Thirty years after the events of Blade Runner (1982), a new Blade Runner, L.A.P.D. Officer "K"
(Ryan Gosling), unearths a long-buried secret that has the potential to plunge what's left of
society into chaos. K's discovery leads him on a quest to find Rick Deckard (Harrison Ford), a
former L.A.P.D. Blade Runner, who has been missing for thirty years.</p>
</div>
</div>
<div class="infos-container">
<div class="infos-bg bg-2"></div>
<div class="infos-txt">
<h4>Denis Villeneuve - A Visionary Filmmaker</h4>
<p>Born in 1967 in Quebec, Denis Villeneuve is a french-canadian filmmaker known for his eccentric
critically acclaimed and movies. He began his career making short films and cites as his
cinematic influences, Stanley Kubrick, Alfred
Hithcock and Steven Spielberg. From his first film Denis villeneuve was
spotted as a promising director with his first feature-length films "August 32nd on Earth"
(1998) and "Maelstrom" (2000) for which he was nominated in the 1998 Cannes Festival. He also
worked with many Hollywood celebrities like actor:
Thimotée Chalamet, Ryan Ghosling, Jake Gyllenhaal, Hugh Jackman and composer Hanz Zimmer. Denis
Villeneuve is now a world-renowned and confirmed director.</p>
</div>
</div>
</section>
<section class="container-3">
<h5>reviews</h5>
<div class="container-3-content">
<div class="review-card" onclick="window.open('https://www.allocine.fr/film/fichefilm-197686/critiques/spectateurs/')">
<img src="assets/static/logos/Allocine-logo.png" alt="Allocine logo">
<p>Allociné</p>
<p>3.8/5</p>
</div>
<div class="review-card" onclick="window.open('https://www.rottentomatoes.com/m/blade_runner_2049')">
<img src="assets/static/logos/RottenTomatoes-logo.png" alt="RottenTomatoes logo">
<p>RottenTomatoes</p>
<p>88%</p>
</div>
<div class="review-card" onclick="window.open('https://www.imdb.com/title/tt1856101/?ref_=fn_al_tt_1')">
<img src="assets/static/logos/IMDb-logo.png" alt="IMDB logo">
<p>IMDb</p>
<p>8/10</p>
</div>
<div class="review-card" onclick="window.open('https://letterboxd.com/film/blade-runner-2049/')">
<img src="assets/static/logos/Letterboxd-logo.png" alt="Letterboxd logo">
<p>LetterBoxd</p>
<p>4.1/5</p>
</div>
<div class="review-card" onclick="window.open('https://www.themoviedb.org/movie/335984-blade-runner-2049?language=en')">
<img src="assets/static/logos/TMDB-logo.png" alt="TMDB logo">
<p>TMDB</p>
<p>75%</p>
</div>
</div>
</section>
<section class="container-3-1000">
<div><h5>reviews</h5></div>
<div class="container-3-content">
<div class="review-card" onclick="window.open('https://www.allocine.fr/film/fichefilm-197686/critiques/spectateurs/')">
<img src="assets/static/logos/Allocine-logo.png" alt="Allocine logo">
<p>Allociné</p>
<p>3.8/5</p>
</div>
<div class="review-card" onclick="window.open('https://www.rottentomatoes.com/m/blade_runner_2049')">
<img src="assets/static/logos/RottenTomatoes-logo.png" alt="RottenTomatoes logo">
<p>RottenTomatoes</p>
<p>88%</p>
</div>
<div class="review-card" onclick="window.open('https://www.imdb.com/title/tt1856101/?ref_=fn_al_tt_1')">
<img src="assets/static/logos/IMDB-logo.png" alt="IMDB logo">
<p>IMDb</p>
<p>8/10</p>
</div>
</div>
<div class="container-3-content">
<div class="review-card" onclick="window.open('https://letterboxd.com/film/blade-runner-2049/')">
<img src="assets/static/logos/Letterboxd-logo.png" alt="Letterboxd logo">
<p>LetterBoxd</p>
<p>4.1/5</p>
</div>
<div class="review-card" onclick="window.open('https://www.themoviedb.org/movie/335984-blade-runner-2049?language=en')">
<img src="assets/static/logos/TMDB-logo.png" alt="TMDB logo">
<p>TMDB</p>
<p>75%</p>
</div>
</div>
</section>
<section class="container-3-600">
<h5>reviews</h5>
<div class="container-3-content">
<div class="review-card" onclick="window.open('https://www.allocine.fr/film/fichefilm-197686/critiques/spectateurs/')">
<img src="assets/static/logos/Allocine-logo.png" alt="Allocine logo">
<p>Allociné</p>
<p>3.8/5</p>
</div>
<div class="review-card" onclick="window.open('https://www.rottentomatoes.com/m/blade_runner_2049')">
<img src="assets/static/logos/RottenTomatoes-logo.png" alt="RottenTomatoes logo">
<p>RottenTomatoes</p>
<p>88%</p>
</div>
<div class="review-card" onclick="window.open('https://www.imdb.com/title/tt1856101/?ref_=fn_al_tt_1')">
<img src="assets/static/logos/IMDB-logo.png" alt="IMDB logo">
<p>IMDb</p>
<p>8/10</p>
</div>
<div class="review-card" onclick="wizndow.open('https://letterboxd.com/film/blade-runner-2049/')">
<img src="assets/static/logos/Letterboxd-logo.png" alt="Letterboxd logo">
<p>LetterBoxd</p>
<p>4.1/5</p>
</div>
<div class="review-card" onclick="window.open('https://www.themoviedb.org/movie/335984-blade-runner-2049?language=en')">
<img src="assets/static/logos/TMDB-logo.png" alt="TMDB logo">
<p>TMDB</p>
<p>75%</p>
</div>
</div>
</section>
<section class="container-4">
<div class="ct-4-bg"></div>
<footer>
<div class="footer-content">
<nav class="footer-nav">
<a href="about.html">ABOUT</a>
<a href="gallery.html">GALLERY</a>
<a href="#">CREDITS</a>
</nav>
<div class="back-tt">
<a href="#top">↑ Back To Top ↑</a>
</div>
<div class="footer-socials">
<img onclick="window.open('https://twitter.com/oslo418')" src="assets/static/logos/twitter.png" alt="twitter logo">
<img onclick="window.open('https://github.com/Oslonline/Bladerunner2049')" src="assets/static/logos/github.png" alt="github logo">
</div>
</div>
</footer>
</section>
</main>
</body>
</html>