-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
195 lines (186 loc) · 10.7 KB
/
about.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
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bladerunner2049 - About - 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/about.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>
<div class="title">
<div class="title-content">
<h1>About</h1>
<h2>synopsis & main characters</h2>
</div>
<div class="anchor-btn">
<a href="#synopsis"><button>SYNOPSIS</button></a>
<a href="#characters"><button>MAIN CHARACTERS</button></a>
</div>
</div>
</section>
<section class="container-2" id="synopsis">
<div class="synopsis-container">
<div class="synopsis-text">
<h3>synopsis</h3>
<p>"Blade Runner 2049" is a visually stunning and thought-provoking science fiction film that serves
as
a sequel to the iconic 1982 classic, "Blade Runner." Directed by Denis Villeneuve, the movie
unfolds
in a dystopian future where the line between humans and artificial intelligence has become
increasingly blurred.
<br><br>
Thirty years after the events of the original film, society is still grappling with the ethical
and
existential implications of creating bioengineered beings known as replicants. Officer K (Ryan
Gosling), a new generation Blade Runner, unearths a long-buried secret that has the potential to
plunge what remains of society into chaos. His investigation leads him to Rick Deckard (Harrison
Ford), a former Blade Runner who has been missing for decades.
<br><br>
As K delves deeper into the mystery, he discovers a complex web of deception, corporate greed,
and a
quest for identity that challenges the very nature of humanity. The enigmatic Niander Wallace
(Jared
Leto), a visionary industrialist, plays a pivotal role in the unfolding drama as he seeks to
unlock
the secrets of replicant reproduction for his own purposes.
<br><br>
Throughout the film, stunning cinematography captures the bleak beauty of a world on the brink
of
collapse, with sprawling urban landscapes juxtaposed against desolate wastelands. The haunting
and
evocative score by Hans Zimmer enhances the film's atmosphere, heightening the tension and
emotion
of each scene.
<br><br>
"Blade Runner 2049" raises profound questions about what it means to be human, the consequences
of
playing with the boundaries of life, and the relentless pursuit of truth in a world where
reality is
increasingly malleable. The film pays homage to its predecessor while carving out its own
narrative
path, delivering a cinematic experience that is as intellectually engaging as it is visually
arresting. In the end, "Blade Runner 2049" is a masterfully crafted exploration of the
intersection
between humanity and technology, inviting audiences to ponder the ethical dilemmas that may lie
ahead in our own not-so-distant future.
</p>
</div>
<div class="synopsis-img"></div>
</div>
</section>
<section class="container-3" id="characters">
<div class="ct-3-img"></div>
<div class="ct-3-title">
<h4>main characters</h4>
</div>
<div class="card-container">
<div class="card">
<div class="card-img-ct">
<img src="assets/static/characters/K.jpg" alt="K (Ryan Gosling) photo">
<p class="card-name">'K'</p>
<p class="actor">Played by - <a target="_blank" href="https://en.wikipedia.org/wiki/Ryan_Gosling">Ryan Gosling</a></p>
<hr>
</div>
<p class="card-text">
KD6-3.7, nicknamed K and later known as Joe, was a Nexus-9 replicant Blade
Runner tasked by the Los Angeles Police Department with retiring outdated Nexus-8 replicants. He
lives in an apartment alongside his hologram Joi.</p>
</div>
<div class="card">
<div class="card-img-ct">
<img src="assets/static/characters/Joi.jpg" alt="Joi (Ana De Armas) photo">
<p class="card-name">Joi</p>
<p class="actor">Played by - <a target="_blank" href="https://en.wikipedia.org/wiki/Ana_de_Armas">Ana De Armas</a></p>
<hr>
</div>
<p class="card-text">
Joi is an artificial intelligence who has been projected as a hologram. She is
essentially sold as a product, with the intention of being used for romantic interests. In the
film, she is K's girlfriend, but he doubts how real their relationship is as she is literally
programmed to return his affections.</p>
</div>
</div>
<div class="card-container">
<div class="card">
<div class="card-img-ct">
<img src="assets/static/characters/Niander-Wallace.jpg" alt="Niander Wallace (Jared Leto) photo">
<p class="card-name">niander Wallace</p>
<p class="actor">Played by - <a target="_blank" href="https://en.wikipedia.org/wiki/Jared_Leto">Jared Leto</a></p>
<hr>
</div>
<p class="card-text">
Niander Wallace, Jr. was a scientist, replicant manufacturer, technologist, and
the CEO of the replicant manufacturing company, Wallace Corporation.</p>
</div>
<div class="card">
<div class="card-img-ct">
<img src="assets/static/characters/Rick-Decard.jpg" alt="Rick Decard (Harrison Ford) photo">
<p class="card-name">rick Decard</p>
<p class="actor">Played by - <a target="_blank" href="https://en.wikipedia.org/wiki/Harrison_Ford">Harrison Ford</a></p>
<hr>
</div>
<p class="card-text">
Rick Deckard was a Blade Runner of the Los Angeles Police Department who was
assigned in 2019 to retire four replicants who stole a ship and illegally landed on Earth to
find their creator, Dr. Eldon Tyrell.</p>
</div>
</div>
<div class="card-container">
<div class="card">
<div class="card-img-ct">
<img src="assets/static/characters/Sapper-Morton.jpg" alt="Sapper Morton (Dave Bautista) photo">
<p class="card-name">Sapper Morton</p>
<p class="actor">Played by - <a target="_blank" href="https://en.wikipedia.org/wiki/Dave_Bautista">Dave Bautista</a></p>
<hr>
</div>
<p class="card-text">
Sapper Morton was a Nexus-8 replicant and combat medic who hid in the outskirts
of greater Los Angeles as a protein farmer. He assisted in the birth and hiding of Rachael and
Deckard's daughter. </p>
</div>
<div class="card">
<div class="card-img-ct">
<img src="assets/static/characters/Ana-Stelline.jpg" alt="Ana Stelline (Carla Juri) photo">
<p class="card-name">Ana Stelline</p>
<p class="actor">Played by - <a target="_blank" href="https://en.wikipedia.org/wiki/Carla_Juri">Carla Juri</a></p>
<hr>
</div>
<p class="card-text">
Dr. Ana Stelline was a subcontractor under the Wallace Corporation, working as
a memory designer at an "upgrade center" named Stelline Laboratories.</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>