-
Notifications
You must be signed in to change notification settings - Fork 0
/
TheMovie.html
221 lines (196 loc) · 9.64 KB
/
TheMovie.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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ready Player One - The Movie</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet">
<style>
/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
margin-bottom: 0;
border-radius: 0;
}
.carousel-inner img {
width: 100%; /* Set width to 100% */
margin: auto;
min-height:200px;
}
/* Hide the carousel text when the screen is less than 600 pixels wide */
@media (max-width: 600px) {
.carousel-caption {
display: none;
}
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="weblinks"><a href="index.html">Home</a></li>
<li class="weblinks"><a href="TheBook.html">The Book</a></li>
<li class="active"><a href="TheMovie.html">The Movie</a></li>
<li class="weblinks"><a href="TheCharacters.html">The Characters</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<h1 style="text-align: center">Ready Player One - The Movie</h1>
</div>
<!--set up the page layout-->
<div class="jumbotron">
<div>
<p>Ready Player One is an upcoming American science fiction action film produced and directed by Steven Spielberg and written by Zak Penn and Ernest Cline, based on Cline's 2011 novel of the same name. The film stars Tye Sheridan, Olivia Cooke, Ben Mendelsohn, T. J. Miller, Simon Pegg, and Mark Rylance.</p><lb>
<p>The film is scheduled to be released by Warner Bros. in the United States on March 29, 2018.</p><lb>
<p>Warner Bros. and De Line Pictures won an auction for the rights to Ernest Cline's book Ready Player One in 2010, before it had been published.[16] Cline was set to write the script for the film, which Donald De Line and Dan Farah would produce.[16] Eric Eason rewrote Cline's script,[17] and Zak Penn was hired to rewrite the previous drafts by Cline and Eason. Village Roadshow Pictures came aboard to co-finance and co-produce the film with WB.[18] Steven Spielberg signed on to direct and produce the film, which Kristie Macosko Krieger would also produce along with De Line and Farah.[19] Ready One Player is Spielberg’s first action-fantasy film since The Adventures of Tintin in late 2011, and his first live-action adventure fantasy film since Indiana Jones and the Kingdom of the Crystal Skull in 2008.[20]</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">Tye Sheridan</div>
<div class="panel-body"><img src="220px-Tye_Sheridan_by_Gage_Skidmore.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Wade Watts AKA Parzival</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">Olivia Cooke</div>
<div class="panel-body"><img src="220px-Olivia_Cooke_SDCC2017.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Samantha Cook AKA Art3mis</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">Ben Mendelsohn</div>
<div class="panel-body"><img src="220px-Ben_Mendelsohn_by_Gage_Skidmore.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Nolan Sorrento</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">T.J. Miller</div>
<div class="panel-body"><img src="T._J._Miller_by_Gage_Skidmore.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">iR0k</div>
</div>
</div>
</div>
</div><br>
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">Simon Pegg</div>
<div class="panel-body"><img src="Simon_Pegg.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Ogden Morrow AKA Og</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">Mark Rylance</div>
<div class="panel-body"><img src="220px-Mark_Rylance_Cannes_2016.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">James Halliday AKA Anorak</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">Lena Waithe</div>
<div class="panel-body"><img src="anc_comedy-lena_waithe-3-magnum.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Helens Harris AKA Aech </div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">Win Morisaki</div>
<div class="panel-body"><img src="200px-Morisaki_Win.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Toshiro Yoshiaki AKA Daito</div>
</div>
</div>
</div>
</div><br><br>
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">Philip Zhao</div>
<div class="panel-body"><img src="philipZhao.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Akihide Karatsu AKA Shoto</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">Steven Spielberg</div>
<div class="panel-body"><img src="220px-Steven_Spielberg_by_Gage_Skidmore.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Director and Producer</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">Ernest Cline</div>
<div class="panel-body"><img src="220px-Ernest_Cline_by_Gage_Skidmore.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Author and Screenwriter </div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-primary">
<div class="panel-heading">Alan Silvetsri</div>
<div class="panel-body"><img src="220px-Alan_Silvestri_2009.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Musical Score</div>
</div>
</div>
</div>
</div><br>
<!--Footer-->
<footer class="page-footer font-small blue pt-4 mt-4">
<!--Footer Links-->
<div class="container-fluid text-center text-md-left">
<div class="row">
<!--First column-->
<div class="col-md-6">
<h5 class="text-uppercase">Extra Information:</h5>
<p>Check Out the Links on the Right for more Information:</p>
</div>
<!--/.First column-->
<!--Second column-->
<div class="col-sm-6">
<h5 class="text-uppercase">Links</h5>
<ul class="list-unstyled">
<li><a href="http://readyplayeronemovie.com/" target="_blank">Movie Official Website</a></li>
<li><a href="https://www.audible.co.uk/pd/Sci-Fi-Fantasy/Ready-Player-One-Audiobook/B007PR58RQ?ref=a_a_search_c3_lProduct_1_1&pf_rd_p=c6e316b8-14da-418d-8f91-b3cad83c5183&pf_rd_r=34ZASMJVPQNXP5FVD606&" target="_blank" >Audiobook on Audible</a></li>
<li><a href="https://www.penguinrandomhouse.com/books/209887/ready-player-one-by-ernest-cline/" target ="_blank" >Buy the Book at RandomHouse</a></li>
</ul>
</div>
<!--/.Second column-->
</div>
</div>
<!--/.Footer Links-->
<!--Copyright-->
<div class="footer-copyright py-3 text-center">
<div class="container-fluid">
© 2018 Copyright: <p>Warner Brother Pictures/Random-House Books </p>
</div>
</div>
<!--/.Copyright-->
</footer>
<!--/.Footer-->
</body>
</html>