-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathevents.html
153 lines (143 loc) · 7.76 KB
/
events.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Events</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="events.css">
</head>
<body>
<header>
<nav >
<a href="index.html"><img src="images/tddlogo.png" alt="The Daily Drip Logo" id="logo" class="crcr_cng"></a>
<a href="index.html"><h4 class="crcr_cng">About Us</h4></a>
<a href="menu.html"><h4 class="crcr_cng">Menu</h4></a>
<a href="gamezone.html"><h4 class="crcr_cng">Game Zone</h4></a>
<a href="events.html"><h4 class="crcr_cng">Events</h4></a>
<a href="booking.html"><div id="booktablenav" class="crcr_cng">
<h4>RESERVATION</h4>
</div></a>
<i id="menuicon" class="fa-solid fa-bars"></i>
</nav>
<div class="hamburgermenu">
<a href="index.html"><h4 class="crcr_cng">About Us</h4></a>
<a href="menu.html"><h4 class="crcr_cng">Menu</h4></a>
<a href="gamezone.html"><h4 class="crcr_cng">Game Zone</h4></a>
<a href="events.html"><h4 class="crcr_cng">Events</h4></a>
<a href="booking.html"><div id="booktablenav2" class="crcr_cng">
<h4>RESERVATION</h4>
</div></a>
</div>
</header>
<video id="mainvid" src="https://videos.pexels.com/video-files/6174534/6174534-sd_640_360_30fps.mp4" autoplay muted loop></video>
<div id="cursor"></div>
<div id="cursor_blur"></div>
<div id="main">
<!-- hero content section -->
<div id="panel1">
<div id="hero-content">
<h1>Big Events, Big Fun!</h1>
</div>
<div id="herocontp">
<h3>Game nights, tournaments, and more!</h3>
<p>Stay updated with our upcoming events, where fun meets excitement. Be it a casual game night or an intense tournament, we have something for everyone.
</p>
</div>
</div>
<!-- Events list section -->
<div id="panel2">
<div class="events-section">
<div class="events-head">
<div id="Upcoming" class="h-ele">
<h2>Upcoming Events</h2>
</div>
<div id="Previous" class="h-ele">
<h2>Previous Events</h2>
</div>
</div>
<!-- menu item section for coffee -->
<div class="events-items" id="upcoming-items">
<div class="item-box">
<img src="images/dewalievent.jpg">
<h3>Diwali Game Night - Celebrate with Fun!</h3>
<p>Celebrate the festival of lights with an exciting night of board games, carom, and card games! Join us for a special Diwali-themed event with snacks, music, and prizes. Don't miss out on the fun!
</p>
<h4>Book Now</h4>
</div>
</div>
<!-- menu item section for desserts -->
<div class="events-items" id="previous-items">
<div class="item-box">
<img src="images/chessevent.jpg">
<h3>Independence Day Game Tournament</h3>
<p>This Independence Day, we hosted an exciting tournament featuring chess, carom, and more. With thrilling matches and grand prizes, it was a day to remember!</p>
<h4>View Details</h4>
</div>
<div class="item-box">
<img src="images/holievent.jpg">
<h3>Holi Fun Fest - Colors, Games & Music!</h3>
<p>Our Holi Fun Fest was a blend of colors, games, and live performances! With card games, chess matches, and a live artist performance, the event was packed with excitement and festive cheer.</p>
<h4>View Details</h4>
</div>
<div class="item-box">
<img src="images/newyearevent.jpg">
<h3>New Year's Eve Party & Open Mic</h3>
<p>We rang in the new year with a night of gaming, music, and open mic performances! Guests showcased their talents while enjoying chess, card games, and an unforgettable countdown to midnight.
</p>
<h4>View Details</h4>
</div>
</div>
<!-- Button for Reservation -->
<div class="reserve-btn">
<a href="booking.html"><button>Reserve Your Spot</button></a>
</div>
</div>
</div>
<!-- resevation button and subscription -->
<div id="panel3">
<!-- Subscribe Section -->
<div class="subscribe-section">
<h3>Subscribe for New Event Updates</h3>
<form class="subscribe-form">
<input type="text" placeholder="Your Name" required>
<input type="email" placeholder="Your Email" required>
<button id="subscribeButton">Subscribe Now</button>
<div id="successMessage" class="hidden">You have successfully subscribed!</div>
</form>
</div>
</div>
<!-- footer section -->
<div id="panel7">
<footer>
<div id="footertop">
<div id="logos">
<a href="index.html"><img src="images/tddlogo.png" id="logo" class="crcr_cng"></a>
</div>
<div id="list">
<a href="index.html"><h4 class="crcr_cng">ABOUT US</h4></a>
<a href="menu.html"><h4 class="crcr_cng">MENU</h4></a>
<a href="gamezone.html"><h4 class="crcr_cng">GAME ZONE</h4></a>
<a href="events.html"><h4 class="crcr_cng">EVENTS</h4></a>
<a href="contact.html"><h4 class="crcr_cng">CONTACT US</h4></a>
</div>
<div id="contact">
<p>Dehradun, Uttrakhand</p>
<p>248001</p>
<p class="crcr_cng">Tel:<a href="tel:+1234567890">1234567890</a></p>
<a href="https://maps.app.goo.gl/vuewYA8ZPg8TTRX89" class="crcr_cng"><h4>GET DIRECTION</h4></a>
</div>
</div>
<div id="footerbottom">
<p>Copyright <i class="fa-regular fa-copyright"></i> 2024 Mohit Rana | <a href="next.html" class="crcr_cng">Privacy Policy</a> | <a href="next.html" class="crcr_cng">Terms & Conditions</a></p>
</div>
</footer>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="script.js"></script>
<script src="events.js"></script>
</body>
</html>