-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevent-description3.html
83 lines (80 loc) · 4.05 KB
/
event-description3.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BookItNow</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style1.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap" rel="stylesheet">
</head>
<body id="op">
<script src="https://kit.fontawesome.com/3a9c7718dd.js" crossorigin="anonymous"></script>
<script src="script.js"></script>
<header>
<nav>
<h1>BOOK IT NOW</h1>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Your Bookings</a></li>
<li><a href="#about-us">About</a></li>
<li><a href="#contact-us">Contact Us</a></li>
</ul>
</nav>
</header>
<section class="eventdescription">
<a href="index.html" class="back"><i class="fa-solid fa-arrow-left"></i></a>
<h1 class="event-name">The Dark Knight</h1>
<!-- <img src="oppenheimer.jpg" alt="oppenheimer poster" class="event-poster"> -->
<div class="iframe-wrapper">
<iframe width="560" height="315" src="https://www.youtube.com/embed/LDG9bisJEaI?si=PF4PV_9nubKvXqj-"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
<p class="event-summary"><strong>Summary : </strong>With the help of allies Lt. Jim Gordon (Gary Oldman) and DA
Harvey Dent (Aaron Eckhart),
Batman (Christian Bale) has been able to keep a tight lid on crime in Gotham City. But when a vile young
criminal
calling himself the Joker (Heath Ledger) suddenly throws the town into chaos, the caped Crusader begins to
tread
a fine line between heroism and vigilantism.</p>
<p class="event-location"><strong>Venue : </strong>Cinepolis, Pune</p>
<p class="event-date"><strong>Date : </strong>20 September 2023</p>
<p class="event-time"><strong>Time : </strong>14:00</p>
<div class="book-wrapper">
<a href="bookingpage.html">
<button class="event-button" onclick="setValue(3)">Book Your Tickets Now</button></a>
</div>
</section>
<section class="about" id="about-us">
<h1>About Us</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur repellendus ex facere illo doloribus
porro, recusandae quidem eius? Harum velit pariatur minus sint nesciunt assumenda molestias, libero, unde
laboriosam consequuntur eius repellendus. Deserunt quis ipsa tempora cum perferendis. Corrupti vero commodi
quaerat! Neque ipsum ex, ullam eveniet illo natus laudantium. Dolorem aliquam esse recusandae nesciunt minus
doloremque aspernatur, neque temporibus aliquid omnis libero incidunt amet quibusdam dolores quidem corrupti
quia, sit voluptas perspiciatis ut reprehenderit molestiae accusantium? Natus aliquid atque facilis. Eius
quis molestias repellendus laudantium delectus ipsum, culpa placeat id distinctio et maxime, hic fugit iste
cum sunt architecto!</p>
</section>
<section class="contact" id="contact-us">
<h1>Contact Us</h1>
<div class="contact-container">
<div class="call">
<i class="fa-solid fa-phone"></i>
<span>9998887770</span>
</div>
<div class="mail">
<i class="fa-solid fa-envelope"></i>
<span>[email protected]</span>
</div>
</div>
</section>
<footer>
<p>© 2023 Book It Now</p>
</footer>
</body>
</html>