-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·151 lines (128 loc) · 5.64 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
<!DOCTYPE HTML>
<html>
<head>
<title>Full Motion</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body id="top">
<!-- Banner -->
<!--
To use a video as your background, set data-video to the name of your video without
its extension (eg. images/banner). Your video must be available in both .mp4 and .webm
formats to work correctly.
-->
<section id="banner" data-video="images/banner">
<div class="inner">
<header>
<h1>BEYOND CINEMATIC UNIVERSE</h1>
<p>CONNECT AND ENJOY<br />
</p>
</header>
<a href="#main" class="more">Learn More</a>
</div>
</section>
<!-- Main -->
<div id="main">
<h2 style='padding-left:20px;'>Now Showing</h2>
<div class="inner">
<!-- Boxes -->
<div class="thumbnails">
<div class="box">
<a href="/s6zR2T9vn2c" class="image fit"><img src="images/1x.jpg" alt="" /></a>
<div class="inner">
<h3>TERMINATOR : DARK FATE (2019)</h3>
<p>Sarah Connor and a hybrid cyborg human must protect a young girl from a newly modified liquid
Terminator from the future.<br><b> Director: Tim Miller.<br>Stars: Linda Hamilton, Arnold
Schwarzenegger, Mackenzie Davis.</b><br> <br> </p>
<a href="https://www.youtube.com/embed/oxy8udgWRmo" class="CustomButton"
data-poptrox="youtube,800x400">Watch Trailer</a>
<a href="./content/1x.html" class="button fit">Book Now</a>
</div>
</div>
<div class="box">
<a href="https://youtu.be/s6zR2T9vn2c" class="image fit"><img src="images/2x.jpg" alt="" /></a>
<div class="inner">
<h3>HARRIET (2019)</h3>
<p>The extraordinary tale of Harriet Tubman's escape from slavery and transformation into one of
America's greatest heroes, whose courage, ingenuity, and tenacity freed hundreds of slaves
and changed the course of history.<br> Director: Kasi Lemmons.<br>Stars: Cynthia Erivo,
Leslie Odom Jr., Joe Alwyn.</p>
<a href="https://www.youtube.com/embed/oxy8udgWRmo" class="CustomButton"
data-poptrox="youtube,800x400">Watch Trailer</a>
<a href="./content/2x.html" class="button fit">Book Now</a>
</div>
</div>
<div class="box">
<a href="https://youtu.be/s6zR2T9vn2c" class="image fit"><img src="images/3x.webp" alt="" /></a>
<div class="inner">
<h3>JOKER (2019)</h3>
<p>In Gotham City, mentally-troubled comedian Arthur Fleck is disregarded and mistreated by
society. He then embarks on a downward spiral of revolution and bloody crime. This path
brings him face-to-face with his alter-ego: "The Joker".<br> Director: Todd
Phillips.<br>Stars: Joaquin Phoenix, Robert De Niro, Zazie Beetz.<br></p>
<a href="https://www.youtube.com/embed/oxy8udgWRmo" class="CustomButton"
data-poptrox="youtube,800x400">Watch Trailer</a>
<a href="./content/3x.html" class="button fit">Book Now</a>
</div>
</div>
<div class="box">
<a href="https://youtu.be/s6zR2T9vn2c" class="image fit"><img src="images/4x.jpg" alt="" /></a>
<div class="inner">
<h3>GEMINI MAN (2019)</h3>
<p>An over-the-hill hitman faces off against a younger clone of himself.<br>Director: Ang
Lee.<br>Stars: Will Smith, Mary Elizabeth Winstead, Clive Owen.</p>
<a href="https://www.youtube.com/embed/oxy8udgWRmo" class="CustomButton"
data-poptrox="youtube,800x400">Watch Trailer</a>
<a href="./content/4x.html" class="button fit">Book Now</a>
</div>
</div>
<div class="box">
<a href="https://youtu.be/s6zR2T9vn2c" class="image fit"><img src="images/5x.jpg" alt="" /></a>
<div class="inner">
<h3>Nascetur nunc varius commodo</h3>
<p>Interdum amet accumsan placerat commodo ut amet aliquam blandit nunc tempor lobortis nunc
non. Mi accumsan.</p>
<a href="https://www.youtube.com/embed/oxy8udgWRmo" class="CustomButton"
data-poptrox="youtube,800x400">Watch Trailer</a>
<a href="./content/5x.html" class="button fit">Book Now</a>
</div>
</div>
<div class="box">
<a href="https://youtu.be/s6zR2T9vn2c" class="image fit"><img src="images/6x.jpg" alt="" /></a>
<div class="inner">
<h3>Nascetur nunc varius commodo</h3>
<p>Interdum amet accumsan placerat commodo ut amet aliquam blandit nunc tempor lobortis nunc
non. Mi accumsan.</p>
<a href="https://www.youtube.com/embed/oxy8udgWRmo" class="CustomButton"
data-poptrox="youtube,800x400">Watch Trailer</a>
<a href="./content/6x.html" class="button fit">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>
<p class="copyright">© Untitled. Design: <a href="8.co">Beyond</a>. </p>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
<!--
-->