-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
373 lines (359 loc) · 19.6 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
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
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Booking Management System</title>
<link rel="shortcut icon"” type="image/x-icon" href="logo/favicon.png" />
<link rel="stylesheet" href="css/style.css">
<script src="javascript/script.js"></script>
<!-- footer css -->
<link rel="stylesheet" href="css/all.min.css">
</head>
<body>
<header>
<nav class="navbar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#abtus"> About</a></li>
<!-- <li><a href="#">Services</a></li> -->
<li><a href="contactus.html" target="_self">Contact Us</a></li>
<div class="search">
<input type="text" name="search" id="search" placeholder="Search Movies"
onfocus="myOnFocusFunction(this)" onBlur="myBlurFunction(this)">
</div>
</ul>
<!-- movie slider start -->
</nav>
</header>
<div class="slider">
<div class="slides">
<!-- radio buttons start -->
<input type="radio" name="radio-btn" id="radio1">
<input type="radio" name="radio-btn" id="radio2">
<input type="radio" name="radio-btn" id="radio3">
<input type="radio" name="radio-btn" id="radio4">
<!-- radio buttons end -->
<!-- slide images start -->
<div class="slide first">
<a href="https://en.wikipedia.org/wiki/Lucifer_(TV_series)" target="_blank"><img src="img/1.jfif"
alt="Lucifer"></a>
</div>
<div class="slide second">
<a href="https://en.wikipedia.org/wiki/The_Walking_Dead_(TV_series)" target="_blank"><img
src="img/2.jpg" alt="The Walking Dead"></a>
</div>
<div class="slide third">
<a href="https://en.wikipedia.org/wiki/Young_Justice_(TV_series)" target="_blank"><img src="img/3.jpg"
alt="Young Justice League"></a>
</div>
<div class="slide fourth">
<a href="https://en.wikipedia.org/wiki/World_War_Z_(film)" target="_blank"><img src="img/4.jpg"
alt="World War Z"></a>
</div>
<!-- slide images end -->
<!-- automatic navigation start -->
<div class="navigation-auto">
<div class="auto-btn1"></div>
<div class="auto-btn2"></div>
<div class="auto-btn3"></div>
<div class="auto-btn4"></div>
</div>
<!-- automatic navigation end -->
</div>
<!-- manual navigation start -->
<div class="navigation-manual">
<label for="radio1" class="manual-btn"></label>
<label for="radio2" class="manual-btn"></label>
<label for="radio3" class="manual-btn"></label>
<label for="radio4" class="manual-btn"></label>
</div>
<!-- manual navigation end -->
</div>
<!-- movie slider end -->
<div class="big-box">
<div class="box-left">
<a href="calender.html"><button class="BTN btn1">CINEMA AND MOVIES TIME-TABLE</button></a><br>
<a href="seat-and-price-status.html"><button class="BTN btn2">SEAT AND PRICE STATUS</button></a><br>
<a href="bookingform.html"><button class="BTN btn1">BOOK TICKETS NOW!</button></a><br>
<a href="https://www.youtube.com/results?search_query=trailers" target="_blank"><button
class="BTN btn2">WATCH TRAILERS</button></a>
<div class="feeds">
<!-- start sw-rss-feed code -->
<iframe src="https://www.mysitemapgenerator.com/embed/rss/0/3f66629c1078bd5beb3b732bb883e4a5" width="100%" height="580" frameborder=0></iframe>
<!-- end sw-rss-feed code -->
</div>
</div>
<div class="box-right">
<div class="container">
<div class="card">
<div class="face face1">
<div class="content">
<img src="https://upload.wikimedia.org/wikipedia/en/thumb/e/e8/Walking_Dead_Season_3_Official_Poster.jpg/220px-Walking_Dead_Season_3_Official_Poster.jpg"
alt="The Walking Dead">
<h3>The Walking Dead</h3>
</div>
</div>
<div class="face face2">
<div class="content">
<p>The Walking Dead is an American post-apocalyptic horror television series based on the comic book series of the same name by Robert Kirkman, Tony Moore, and Charlie Adlard—together.
<a href="https://en.wikipedia.org/wiki/The_Walking_Dead_(TV_series)"
target="_blank">More details</a>
</p>
<div class="rating">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/halfstar.png">
<img src="img/icon/emptystar.png">
</div>
</div>
</div>
</div>
<div class="card">
<div class="face face1">
<div class="content">
<img src="https://upload.wikimedia.org/wikipedia/en/7/74/The_Wolverine_posterUS.jpg"
alt="Wolverine">
<h3>Wolverine</h3>
</div>
</div>
<div class="face face2">
<div class="content">
<p>The Wolverine is a 2013 superhero film featuring the Marvel Comics character Wolverine. It is the sixth installment in the X-Men film series, the second installment in the trilogy of Wolverine films. <a
href="https://en.wikipedia.org/wiki/The_Wolverine_(film)" target="_blank">More
Details</a> </p>
<div class="rating">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/emptystar.png">
</div>
</div>
</div>
</div>
<div class="card">
<div class="face face1">
<div class="content">
<img src="https://i.pinimg.com/originals/da/cf/7a/dacf7adf184e48076524688d0ee48dd3.jpg"
alt="Lucifer">
<h3>Lucifer</h3>
</div>
</div>
<div class="face face2">
<div class="content">
<p>Lucifer is an American urban fantasy superhero television series developed by Tom Kapinos that premiered on Fox on January 25, 2016. It is based on the DC Comics character. <a
href="https://en.wikipedia.org/wiki/Lucifer_(TV_series)" target="_blank">More
Details</a> </p>
<div class="rating">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
</div>
</div>
</div>
</div>
<div class="card">
<div class="face face1">
<div class="content">
<img src="https://images-na.ssl-images-amazon.com/images/I/81f3ANExTXL.jpg"
alt="Young Justice">
<h3>Young Justice</h3>
</div>
</div>
<div class="face face2">
<div class="content">
<p>Young Justice is an American superhero animated television series developed by Brandon Vietti and Greg Weisman for Cartoon Network. <a
href="https://en.wikipedia.org/wiki/Young_Justice_(TV_series)" target="_blank">More
Details</a> </p>
<div class="rating">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/halfstar.png">
<img src="img/icon/emptystar.png">
</div>
</div>
</div>
</div>
<div class="card">
<div class="face face1">
<div class="content">
<img src="https://images-na.ssl-images-amazon.com/images/I/71Q3Jf4l%2BjL._SY445_.jpg"
alt="World War Z">
<h3>World War Z</h3>
</div>
</div>
<div class="face face2">
<div class="content">
<p>World War Z is a 2013 American action horror film directed by Marc Forster, with a screenplay by Matthew Michael Carnahan,from a story by Carnahan and J. Michael Straczynski. <a
href="https://en.wikipedia.org/wiki/World_War_Z_(film)" target="_blank">More
Details</a> </p>
<div class="rating">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
</div>
</div>
</div>
</div>
<div class="card">
<div class="face face1">
<div class="content">
<img src="https://images-na.ssl-images-amazon.com/images/I/81o7TpOLrDL._SY800_.jpg"
alt="Teen Wolf">
<h3>Teen Wolf</h3>
</div>
</div>
<div class="face face2">
<div class="content">
<p>Teen Wolf is an American supernatural teen drama television series developed by Jeff Davis for MTV, loosely based on the 1985 film of the same name. <a
href="https://en.wikipedia.org/wiki/Teen_Wolf_(2011_TV_series)" target="_blank">More
Details</a> </p>
<div class="rating">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/halfstar.png">
<img src="img/icon/emptystar.png">
<img src="img/icon/emptystar.png">
</div>
</div>
</div>
</div>
<div class="card">
<div class="face face1">
<div class="content">
<img src="https://rukminim1.flixcart.com/image/416/416/jeek8sw0/poster/a/d/g/small-hollywood-movie-poster-rocky-blue-ray-cover-hollywood-original-imaf32wkjhjf3gk4.jpeg?q=70"
alt="Rocky">
<h3>Rocky</h3>
</div>
</div>
<div class="face face2">
<div class="content">
<p>Rocky is a 1976 American sports drama film directed by John G. Avildsen, written by and starring Sylvester Stallone. It tells the rags to riches American Dream story of Rocky Balboa. <a
href="https://en.wikipedia.org/wiki/Rocky" target="_blank">More Details</a> </p>
<div class="rating">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/halfstar.png">
</div>
</div>
</div>
</div>
<div class="card">
<div class="face face1">
<div class="content">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTP14vLKiVbIlj3wNIQA5OtAXGQtbwjR5HmMA&usqp=CAU"
alt="Avatar">
<h3>Avatar</h3>
</div>
</div>
<div class="face face2">
<div class="content">
<p>Avatar (marketed as James Cameron's Avatar) is a 2009 American[7][8] epic science fiction film directed, written, produced, and co-edited by James Cameron. <a
href="https://en.wikipedia.org/wiki/Avatar_(2009_film)" target="_blank">More
Details</a> </p>
<div class="rating">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/emptystar.png">
<img src="img/icon/emptystar.png">
</div>
</div>
</div>
</div>
<div class="card">
<div class="face face1">
<div class="content">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS0N6vgo8RTUqrfTIaTZV7CIlx6usd4iHVPmA&usqp=CAU"
alt="Surya The Soldier">
<h3>Surya The Soldier</h3>
</div>
</div>
<div class="face face2">
<div class="content">
<p>Naa Peru Surya, Naa Illu India (transl. My name is Surya, my home is India) is a 2018 Indian Telugu-language action film written and directed by Vakkantham Vamsi in his directorial debut. <a
href="https://en.wikipedia.org/wiki/Naa_Peru_Surya,_Naa_Illu_India"
target="_blank">More Details</a> </p>
<div class="rating">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
<img src="img/icon/star.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer starts -->
<footer>
<div class="container">
<div class="sec aboutus" id="abtus">
<h2>About Us</h2>
<p>At BMS, we want to entertain the world. Whatever your taste, and no matter where you live, we give
you access to best-in-class TV shows, movies and documentaries. Our members control what they want
to watch, when they want it, with no ads. We are the world’s biggest fans of entertainment, and
we’re always looking to help you find your next favorite story.
</p>
<ul class="sci">
<li><a href="https://www.facebook.com/1vijay11/about" target="_blank"><i class="fab fa-facebook-f"
aria-hidden="true"></i></a></li>
<li><a href="https://twitter.com/Vijay71670719" target="_blank"><i class="fab fa-twitter"
aria-hidden="true"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCnvZGPiZzaXKqYmPrjHW4pQ" target="_blank"><i
class="fab fa-youtube" aria-hidden="true"></i></a></li>
<li><a href="https://www.linkedin.com/in/vijay-kumar-yadav-247935202" target="_blank"><i
class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="sec quickLinks">
<h2>Quick Links</h2>
<ul>
<li><a href="#abtus">About</a></li>
<li><a href="calender.html">Movies Time-Table</a></li>
<li><a href="privacyPolicy.html">Privacy Policy</a></li>
<li><a href="tc.html">Terms And Conditions</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</div>
<div class="sec contact">
<h2>Contact Info</h2>
<ul class="info">
<li>
<span><i class="fas fa-map-marker-alt" aria-hidden="true"></i></span>
<span>Lovely Professional University,<br>
Jalandhar - Delhi G.T. Road, Phagwara,<br>Punjab (India) - 144411
</span>
</li>
<li>
<span><i class="fas fa-phone-alt" aria-hidden="true"></i></span>
<p><a href="tel:12345678900">+1 234 567 8900</a><br>
<a href="tel:12345678900">+1 234 567 8900</a>
</p>
</li>
<li>
<span><i class="far fa-envelope" aria-hidden="true"></i></span>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</li>
</ul>
</h2>
</div>
</div>
</footer>
<div class="copyrightText">
<p>Copyright © 2021 Booking Management System. All Rights Reserved.</p>
</div>
</body>
</html>