-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathAcademyCinema..html
More file actions
168 lines (130 loc) · 6.93 KB
/
Copy pathAcademyCinema..html
File metadata and controls
168 lines (130 loc) · 6.93 KB
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<title>Academy Cinemy</title>
</head>
<body>
<div class="container">
<!-- Start of Nav -->
<nav class="navbar navbar-expand-lg bg-body-tertiary bg-info">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 text-center text-light">
<li class="nav-item">
<a class="nav-link active text-light" href="#home">About</a>
</li>
<li class="nav-item">
<a class="nav-link active text-light" href="#showtimes">Showtimes</a>
</li>
<li class="nav-item">
<a class="nav-link active text-light" href="#deals">Deals</a>
</li>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-primary text-light" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!-- End of nav -->
<h2>Showtimes:</h2>
<!-- showtimes -->
<div class="card-group" id="showtimes">
<div class="card">
<img class="card-img-top" src="./Img/kongskullisland.jpg" alt="Card image cap" style="width: 30%; height: 30%;">
<div class="card-block">
<h4 class="card-title">Kong Skull Island </h4>
<p>A team of scientists explore an uncharted Island in the Pacific,
venturing into the domain of the mighty Kong, and must fight to escape a primal Eden. </p><br>
<span class="badge badge-pill badge-info">12:00pm</span>
<span class="badge badge-pill badge-info">1:30pm </span>
<span class="badge badge-pill badge-info">3:00pm </span>
<span class="badge badge-pill badge-info">5:30pm </span>
<span class="badge badge-pill badge-info">7:00pm </span>
<span class="badge badge-pill badge-info">9:30pm </span>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago </small>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./Img/beautyandthebeast.jpg" alt="Card image cap" style="width: 30%; height: 30%;">
<div class="card-block">
<h4 class="card-title">Beauty and the Beast </h4>
<p>A selfish prince is cursed to become a monster for the rest of hia life unless
he learns to fall in love with a woman he keeps as prisoner. </p><br>
<span class="badge badge-pill badge-info">12:00pm</span>
<span class="badge badge-pill badge-info">1:30pm </span>
<span class="badge badge-pill badge-info">3:00pm </span>
<span class="badge badge-pill badge-info">5:30pm </span>
<span class="badge badge-pill badge-info">7:00pm </span>
<span class="badge badge-pill badge-info">9:30pm </span>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago </small>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./Img/ghostintheshell.jpg" alt="Card image cap" style="width: 30%; height: 30%;"">
<div class="card-block">
<h4 class="card-title">Ghost in the Shell </h4>
<p>In the near future, Major Mila Killian is the first of her kind: a human saved
from the cash who is cyber enhanced to be a perfect solider devoted to stopping the worlds most dangerous criminals. </p><br>
<span class="badge badge-pill badge-info">12:00pm</span>
<span class="badge badge-pill badge-info">1:30pm </span>
<span class="badge badge-pill badge-info">3:00pm </span>
<span class="badge badge-pill badge-info">5:30pm </span>
<span class="badge badge-pill badge-info">7:00pm </span>
<span class="badge badge-pill badge-info">9:30pm </span>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago </small>
</div>
</div
<!-- End of card group -->
</div>
<!-- Start of deals section -->
<ul class="nav flex-column text-center text-light bg-info">
<h2 id="deals">Deals </h2>
<li class="nav-item">
<a class="nav-link text-light" href="#">Show & Small Combo Deal - 10$</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Show & Medium Combo Deal - 15$</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#">Show & Large Combo Deal - 20$</a>
</li>
</ul>
<!-- End of deals sectio-->
<!-- email contact sectio-->
<!-- End of email contact sectio-->
< <nav class="navbar bg-body-tertiary">
<div class="container-fluid mt-3">
<form class="d-flex" role="search">
<h2> Sign up for Movie Club</h2>
<input class="form-control" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Submit</button>
</form>
</div>
</nav>
<!-- End of Main div container -->
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html> -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>