-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfresh_tomatoes.html
245 lines (240 loc) · 12 KB
/
fresh_tomatoes.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
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!DOCTYPE html>
<!--Contains the placeholder template for main page header-->
<html lang="en">
<head>
<meta charset="utf-8">
<title>My Favourite Movies</title>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</head><!--Contains the placeholder template for body contents of main page-->
<body>
<!-- Trailer Video Modal -->
<div class="modal" id="trailer">
<div class="modal-dialog">
<div class="modal-content">
<a href="#" class="hanging-close" data-dismiss="modal" aria-hidden="true">
<img src="https://lh5.ggpht.com/v4-628SilF0HtHuHdu5EzxD7WRqOrrTIDi_MhEG6_qkNtUK5Wg7KPkofp_VJoF7RS2LhxwEFCO1ICHZlc-o_=s0#w=24&h=24" alt="close"/>
</a>
<div class="scale-media" id="trailer-video-container"></div>
</div>
</div>
</div>
<!-- Main Page Content -->
<div class="container">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">My Favourite Movies</a>
</div>
</div>
</div>
</div>
<div class="container"> <!--Contains the placeholder template for single movie tile-->
<div class="col-sm-5 col-md-4 col-lg-3 movie-tile text-center"
data-trailer-youtube-id="tFMo3UJ4B4g"
data-toggle="modal" data-target="#trailer">
<img src="https://upload.wikimedia.org/wikipedia/en/d/df/Arrival%2C_Movie_Poster.jpg" width="220" height="342" alt="Arrival">
<div class="tile-overlay">
<div class="overlay-text">
<h3 style="color:white">Arrival</h3>
<p>
2016 | Drama, Mystery, Sci-Fi | Rated: PG-13<br><br>
Director: Denis Villeneuve<br>
Cast: Amy Adams, Jeremy Renner, Forest Whitaker<br>
<small> Stroyline: A linguist is recruited by the military to communicate with alien lifeforms after twelve mysterious spacecrafts land around the world.</small>
</p>
</div>
</div>
</div><!--Contains the placeholder template for single movie tile-->
<div class="col-sm-5 col-md-4 col-lg-3 movie-tile text-center"
data-trailer-youtube-id="xxG-YfedrfU"
data-toggle="modal" data-target="#trailer">
<img src="https://upload.wikimedia.org/wikipedia/en/4/4b/Predestination_poster.jpg" width="220" height="342" alt="Predestination">
<div class="tile-overlay">
<div class="overlay-text">
<h3 style="color:white">Predestination</h3>
<p>
2014 | Drama, Mystery, Sci-Fi | Rated: R<br><br>
Director: Peter Spierig, Michael Spierig<br>
Cast: Ethan Hawke, Sarah Snook, Noah Taylor<br>
<small> Stroyline: A temporal agent embarks on a final time-traveling assignment to prevent an elusive criminal from launching an attack that kills thousands of people.</small>
</p>
</div>
</div>
</div><!--Contains the placeholder template for single movie tile-->
<div class="col-sm-5 col-md-4 col-lg-3 movie-tile text-center"
data-trailer-youtube-id="0vxOhd4qlnA"
data-toggle="modal" data-target="#trailer">
<img src="https://upload.wikimedia.org/wikipedia/en/b/bc/Interstellar_film_poster.jpg" width="220" height="342" alt="Interstellar">
<div class="tile-overlay">
<div class="overlay-text">
<h3 style="color:white">Interstellar</h3>
<p>
2014 | Adventure, Drama, Sci-Fi | Rated: PG-13<br><br>
Director: Christopher Nolan<br>
Cast: Matthew McConaughey, Anne Hathaway, Jessica Chastain<br>
<small> Stroyline: A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.</small>
</p>
</div>
</div>
</div><!--Contains the placeholder template for single movie tile-->
<div class="col-sm-5 col-md-4 col-lg-3 movie-tile text-center"
data-trailer-youtube-id="PI8XBKb6DQk"
data-toggle="modal" data-target="#trailer">
<img src="http://t3.gstatic.com/images?q=tbn:ANd9GcQe8L-1PTMlUf-si2Oy6BTd9ZtbWH7BSRSF5k5JGNATxOHzyIdg" width="220" height="342" alt="Ex Machina">
<div class="tile-overlay">
<div class="overlay-text">
<h3 style="color:white">Ex Machina</h3>
<p>
2014 | Drama, Mystery, Sci-Fi | Rated: R<br><br>
Director: Alex Garland<br>
Cast: Alicia Vikander, Domhnall Gleeson, Oscar Isaac<br>
<small> Stroyline: A young programmer is selected to participate in a ground-breaking experiment in synthetic intelligence by evaluating the human qualities of a breath-taking humanoid A.I.</small>
</p>
</div>
</div>
</div><!--Contains the placeholder template for single movie tile-->
<div class="col-sm-5 col-md-4 col-lg-3 movie-tile text-center"
data-trailer-youtube-id="kxAOewNzz-8"
data-toggle="modal" data-target="#trailer">
<img src="https://upload.wikimedia.org/wikipedia/en/9/9d/Coherence_2013_theatrical_poster.jpg" width="220" height="342" alt="Coherence">
<div class="tile-overlay">
<div class="overlay-text">
<h3 style="color:white">Coherence</h3>
<p>
2013 | Mystery, Sci-Fi, Thriller | Rated: Not Rated<br><br>
Director: James Ward Byrkit<br>
Cast: Emily Baldoni, Maury Sterling, Nicholas Brendon<br>
<small> Stroyline: Eight friends at a dinner party experience a troubling chain of events due to the malevolent influence of a passing comet.</small>
</p>
</div>
</div>
</div><!--Contains the placeholder template for single movie tile-->
<div class="col-sm-5 col-md-4 col-lg-3 movie-tile text-center"
data-trailer-youtube-id="YDGldPitxic"
data-toggle="modal" data-target="#trailer">
<img src="https://upload.wikimedia.org/wikipedia/en/7/76/Shutterislandposter.jpg" width="220" height="342" alt="Shutter Island">
<div class="tile-overlay">
<div class="overlay-text">
<h3 style="color:white">Shutter Island</h3>
<p>
2010 | Mystery, Thriller | Rated: R<br><br>
Director: Martin Scorsese<br>
Cast: Leonardo DiCaprio, Emily Mortimer, Mark Ruffalo<br>
<small> Stroyline: The implausible escape of a brilliant murderess brings a U.S. Marshal and his new partner to Ashecliffe Hospital, a fortress-like insane asylum located on a remote, windswept island.</small>
</p>
</div>
</div>
</div><!--Contains the placeholder template for single movie tile-->
<div class="col-sm-5 col-md-4 col-lg-3 movie-tile text-center"
data-trailer-youtube-id="YoHD9XEInc0"
data-toggle="modal" data-target="#trailer">
<img src="https://upload.wikimedia.org/wikipedia/en/2/2e/Inception_%282010%29_theatrical_poster.jpg" width="220" height="342" alt="Inception">
<div class="tile-overlay">
<div class="overlay-text">
<h3 style="color:white">Inception</h3>
<p>
2010 | Action, Adventure, Sci-Fi | Rated: PG-13<br><br>
Director: Cristopher Nolan<br>
Cast: Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page<br>
<small> Stroyline: A thief, who steals corporate secrets through the use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.</small>
</p>
</div>
</div>
</div><!--Contains the placeholder template for single movie tile-->
<div class="col-sm-5 col-md-4 col-lg-3 movie-tile text-center"
data-trailer-youtube-id="17XqBdCiHOI"
data-toggle="modal" data-target="#trailer">
<img src="https://upload.wikimedia.org/wikipedia/en/b/b4/Triangle_%28Christopher_Smith%29.jpg" width="220" height="342" alt="Triangle">
<div class="tile-overlay">
<div class="overlay-text">
<h3 style="color:white">Triangle</h3>
<p>
2009 | Fantasy, Mystery, Thriller | Rated: R<br><br>
Director: Christopher Smith<br>
Cast: Melissa George, Joshua McIvor, Jack Taylor<br>
<small> Stroyline: A group of friends suffer a yachting accident and take refuge on a cruise drifting on the open sea, but quickly realize they were better off on the upturned yacht.</small>
</p>
</div>
</div>
</div><!--Contains the placeholder template for single movie tile-->
<div class="col-sm-5 col-md-4 col-lg-3 movie-tile text-center"
data-trailer-youtube-id="WFJgUm7iOKw"
data-toggle="modal" data-target="#trailer">
<img src="https://upload.wikimedia.org/wikipedia/en/b/b8/A_Beautiful_Mind_Poster.jpg" width="220" height="342" alt="A Beautiful Mind">
<div class="tile-overlay">
<div class="overlay-text">
<h3 style="color:white">A Beautiful Mind</h3>
<p>
2001 | Biography, Drama | Rated: PG-13<br><br>
Director: Ron Howard<br>
Cast: Russell Crowe, Ed Harris, Jennifer Connelly<br>
<small> Stroyline: After John Nash, a brilliant but asocial mathematician, accepts secret work in cryptography, his life takes a turn for the nightmarish.</small>
</p>
</div>
</div>
</div><!--Contains the placeholder template for single movie tile-->
<div class="col-sm-5 col-md-4 col-lg-3 movie-tile text-center"
data-trailer-youtube-id="BdJKm16Co6M"
data-toggle="modal" data-target="#trailer">
<img src="https://upload.wikimedia.org/wikipedia/en/f/fc/Fight_Club_poster.jpg" width="220" height="342" alt="Fight Club">
<div class="tile-overlay">
<div class="overlay-text">
<h3 style="color:white">Fight Club</h3>
<p>
1999 | Drama | Rated: R<br><br>
Director: David Fincher<br>
Cast: Brad Pitt, Edward Norton, Meat Loaf<br>
<small> Stroyline: An insomniac office worker, looking for a way to change his life, crosses paths with a devil-may-care soapmaker, forming an underground fight club that evolves into something much, much more.</small>
</p>
</div>
</div>
</div><!--Contains the placeholder template for single movie tile-->
<div class="col-sm-5 col-md-4 col-lg-3 movie-tile text-center"
data-trailer-youtube-id="NmzuHjWmXOc"
data-toggle="modal" data-target="#trailer">
<img src="https://upload.wikimedia.org/wikipedia/en/8/81/ShawshankRedemptionMoviePoster.jpg" width="220" height="342" alt="The Shawshank Redemption">
<div class="tile-overlay">
<div class="overlay-text">
<h3 style="color:white">The Shawshank Redemption</h3>
<p>
1994 | Crime, Drama | Rated: R<br><br>
Director: Frank Darabont<br>
Cast: Tim Robbins, Morgan Freeman, Bob Gunton<br>
<small> Stroyline: Two imprisoned men bond over a number of years, finding solace and eventual redemption through acts of common decency.</small>
</p>
</div>
</div>
</div><!--Contains the placeholder template for single movie tile-->
<div class="col-sm-5 col-md-4 col-lg-3 movie-tile text-center"
data-trailer-youtube-id="bLvqoHBptjg"
data-toggle="modal" data-target="#trailer">
<img src="https://upload.wikimedia.org/wikipedia/en/6/67/Forrest_Gump_poster.jpg" width="220" height="342" alt="Forrest Gump">
<div class="tile-overlay">
<div class="overlay-text">
<h3 style="color:white">Forrest Gump</h3>
<p>
1994 | Drama, Romance | Rated: PG-13<br><br>
Director: Robert Zemeckis<br>
Cast: Tom Hanks, Robin Wright, Gary Sinise<br>
<small> Stroyline: The presidencies of Kennedy and Johnson, Vietnam, Watergate, and other history unfold through the perspective of an Alabama man with an IQ of 75.</small>
</p>
</div>
</div>
</div> </div>
<!-- footer content -->
<footer>
<div class="footer">
<div>Copyright © 2018 Abdullah A. Salman</div>
<div>Licensed under <a href="http://creativecommons.org/licenses/by/4.0/" target="_blank">CC BY 4.0</a></div>
<div>• • •</div>
<div>All the media (including images, links, videos) used in this website may subject to copyrights of the respective owners.<br>
These are used for educational purpose only and not for any commercial use.
</div>
</div>
</footer>
</body>