-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathgamezone.html
171 lines (157 loc) · 9.1 KB
/
gamezone.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game Zone</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="gamezone.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/5044263/5044263-uhd_2732_1440_25fps.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>Explore, Play, Enjoy!</h1>
</div>
<div id="herocontp">
<h3>Welcome to the Game Zone</h3>
<p>Whether you’re a fan of strategic thinking or fast-paced action, our Game Zone has something for everyone. Enjoy a thrilling variety of board games and tabletop activities that are perfect for any group or gathering. From classics like Chess and Carrom to fast-paced excitement with 8-Ball Pool and Arm Wrestling, we’ve got your entertainment covered. Come with friends, challenge yourself, and discover the fun!
</p>
</div>
</div>
<!-- Games Section -->
<div id="panel3">
<div class="games-section">
<div class="games-head">
<h2>Games</h2>
</div>
<div class="games-cards">
<!-- game 1 card -->
<div class="game-card">
<div class="card-head">
<h2>8-Ball Pool</h2>
</div>
<div class="card-content">
<img src="https://images.unsplash.com/photo-1666193183128-6ec58995f672?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fDglMjBCYWxsJTIwUG9vbHxlbnwwfHwwfHx8MA%3D%3D" alt=""/>
<p>Sharpen your skills and go head-to-head in a classic game of precision and strategy. Can you sink the 8-ball to win?</p>
<h4>About Game</h4>
</div>
</div>
<!-- game 2 card -->
<div class="game-card">
<div class="card-head">
<h2>Carrom</h2>
</div>
<div class="card-content">
<img src="https://images.unsplash.com/photo-1652558973232-f1c4ca08528a?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8Q2Fycm9tfGVufDB8fDB8fHww" alt=""/>
<p>A beloved game of finesse and accuracy, Carrom is perfect for those who love a mix of skill and fun. Aim, flick, and score!</p>
<h4>About Game</h4>
</div>
</div>
<!-- game 3 card -->
<div class="game-card">
<div class="card-head">
<h2>Chess</h2>
</div>
<div class="card-content">
<img src="https://images.unsplash.com/photo-1529699211952-734e80c4d42b?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fENoZXNzfGVufDB8fDB8fHww" alt=""/>
<p>Test your strategic thinking in the ultimate battle of minds. Plan ahead, outwit your opponent, and claim victory.</p>
<h4>About Game</h4>
</div>
</div>
<!-- game 4 card -->
<div class="game-card">
<div class="card-head">
<h2>Arm Wrestling</h2>
</div>
<div class="card-content">
<img src="https://images.pexels.com/photos/14762133/pexels-photo-14762133.jpeg?auto=compress&cs=tinysrgb&w=600" alt=""/>
<p>Flex your strength and endurance in a thrilling arm-wrestling match. Ready for the challenge?</p>
<h4>About Game</h4>
</div>
</div>
<!-- game 5 card -->
<div class="game-card">
<div class="card-head">
<h2>Card Games</h2>
</div>
<div class="card-content">
<img src="https://plus.unsplash.com/premium_photo-1719017472059-8d1d0ab3cba5?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8Q2FyZCUyMEdhbWVzfGVufDB8fDB8fHww" alt=""/>
<p>From Poker to Rummy, card games are timeless, blending fun, skill, and luck. Pick your game and dive in!</p>
<h4>About Game</h4>
</div>
</div>
<!-- game 6 card -->
<div class="game-card">
<div class="card-head">
<h2>Foosball</h2>
</div>
<div class="card-content">
<img src="https://images.unsplash.com/photo-1514863775978-c611132e6691?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fEZvb3NiYWxsfGVufDB8fDB8fHww" alt=""/>
<p>Feel the excitement of soccer in a tabletop version! Foosball is fast-paced, thrilling, and guarantees fun for all ages.</p>
<h4>About Game</h4>
</div>
</div>
</div>
</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="gamezone.js"></script>
</body>
</html>