-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
235 lines (188 loc) · 10.6 KB
/
index.html
File metadata and controls
235 lines (188 loc) · 10.6 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Delhi Lounge & Coffee Breeze</title>
<link rel="stylesheet" href="styles.css">
</head>
<script src="sys.js"></script>
<body>
<nav>
<div><h1>Lake Drive Leisure Park</h1></div>
<button class="menu-toggle">☰</button> <!-- This is the three-line menu button -->
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#dining">Dining</a></li>
<li><a href="#leisure-park">Leisure</a></li>
<li><a href="#book-events">Events</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="logo-section">
<img src="les_logo.png" alt="Lake Drive Leisure Park Logo">
<img src="cod_logo.png" alt="Coffee Breeze Logo">
<img src="dellgog.png" alt="Delhi Lounge Logo">
<img src="stall.png" alt="Lakeside Food Bazaar Logo">
</div>
<section id="home" class="hero">
<button class="prev-btn">❮</button> <!-- Left Arrow -->
<button class="next-btn">❯</button> <!-- Right Arrow -->
<div class="slideshow-container">
<img src="res1.jpg" class="slide active">
<img src="res2.jpg" class="slide">
<img src="res3.jpg" class="slide">
</div>
<div class="hero-content"></div>
<h2>Experience Fine Dining & Lake Adventures</h2>
<p>Enjoy authentic Indian cuisine, a cozy café, food stalls and thrilling water activities at Lake Drive Leisure Park.</p>
<a href="#dining" class="btn">Explore Dining</a>
<a href="#leisure-park" class="btn">Explore Activities</a>
<a href="#book-events" class="btn">Explore Events</a>
<a href="#gallery" class="btn">Gallery</a>
</div>
</section>
<section id="about" class="about">
<h2>About Us</h2>
<p> change 2 Lake Drive Leisure Park was founded in 2022 as a fresh, new concept in Kurunegala, blending diverse dining experiences with scenic boat rides on one of the city's most iconic lakes.
More than just a place to eat, we offer a space to relax, explore, and enjoy the natural beauty that surrounds us.
</p>
<p>As you set sail on the lake, you’ll catch a stunning view of the Athugala Buddha Statue, making every boat ride a unique experience. Whether you're here for a casual meal, a quiet coffee by the water, or an evening out with friends and family, we’ve created a space that caters to all. </p>
<p>We also host private events, including birthday celebrations, gatherings, and corporate meet-ups, providing a picturesque setting by the water. Looking ahead, we’re excited to introduce new activities and experiences to make each visit even more memorable.
Come for the food, stay for the view, and discover a different side of Kurunegala.
</p>
</section>
<section id="dining">
<h2>Dining Options</h2>
<div class="menu-section">
<div class="menu-item">
<h3>Delhi Lounge</h3>
<img src="res1.jpg" alt="Delhi Lounge Interior">
<p>Authentic Indian flavors in a luxurious setting.</p>
<a href="delhi-lounge.html" class="menu-button">View Restaurant</a>
</div>
<div class="menu-item">
<h3>Coffee Breeze</h3>
<img src="caf.jpg" alt="Coffee Breeze Interior">
<p>Cozy café ambiance with specialty coffee and snacks.</p>
<a href="cafe.html" class="menu-button">View Cafe</a>
</div>
<div class="menu-item">
<h3>Lakeside Food Bazaar</h3>
<img src="res4.jpg" alt="Lakeside Food Bazaar Interior">
<p>Experience the vibrant night market with food stalls offering a variety of delicious street food options.</p>
<a href="bazaar.html" class="menu-button">View Stalls</a>
</div>
</div>
</section>
<section id="leisure-park">
<h2>Leisure</h2>
<div class="leisure-section">
<div class="leisure-card">
<h3>Boat Rides</h3>
<img src="res2.jpg" alt="Boat Rides">
<p>Enjoy a peaceful or thrilling boat ride on the scenic lake.</p>
<a href="boat-rides.html" class="activity-button">View More</a>
</div>
<div class="leisure-card">
<h3>Upcoming Activities</h3>
<img src="res3.jpg" alt="Upcoming Activities">
<p>Explore exciting upcoming events and activities at the park.</p>
<a href="comming.html" class="activity-button">View More</a>
</div>
</div>
</section>
<section id="book-events">
<h2>Book Events</h2>
<div class="events-section">
<!-- Event Venue Option -->
<div class="event-card">
<h3>Parties</h3>
<img src="res4.jpg" alt="Event Venue">
<p>Host your special occasions with our scenic lakeside venue.</p>
<a href="parties.html" class="event-button">view Options</a>
</div>
<!-- Custom Packages Option -->
<div class="event-card">
<h3>Photography</h3>
<img src="res5.jpg" alt="Custom Packages">
<p>Choose from tailored event packages for a seamless experience.</p>
<a href="photo.html" class="event-button">View Details</a>
</div>
</div>
</section>
<section id="gallery"></section>
<h2>Gallery</h2>
<div class="gallery-images">
<img src="res4.jpg" data-src="res4.jpg" alt="Gallery Image 1" class="gallery-item">
<img src="res3.jpg" data-src="res3.jpg" alt="Gallery Image 2" class="gallery-item">
<img src="res5.jpg" data-src="res5.jpg" alt="Gallery Image 3" class="gallery-item">
<img src="res6.jpg" data-src="res6.jpg" alt="Gallery Image 4" class="gallery-item">
<img src="res7.jpg" data-src="res7.jpg" alt="Gallery Image 5" class="gallery-item">
<img src="res4.jpg" data-src="res4.jpg" alt="Gallery Image 1" class="gallery-item">
<img src="res3.jpg" data-src="res3.jpg" alt="Gallery Image 2" class="gallery-item">
<img src="res5.jpg" data-src="res5.jpg" alt="Gallery Image 3" class="gallery-item">
<img src="res6.jpg" data-src="res6.jpg" alt="Gallery Image 4" class="gallery-item">
<img src="res7.jpg" data-src="res7.jpg" alt="Gallery Image 5" class="gallery-item">
<img src="res4.jpg" data-src="res4.jpg" alt="Gallery Image 1" class="gallery-item">
<img src="res3.jpg" data-src="res3.jpg" alt="Gallery Image 2" class="gallery-item">
<img src="res5.jpg" data-src="res5.jpg" alt="Gallery Image 3" class="gallery-item">
<img src="res6.jpg" data-src="res6.jpg" alt="Gallery Image 4" class="gallery-item">
<img src="res7.jpg" data-src="res7.jpg" alt="Gallery Image 5" class="gallery-item">
<img src="res4.jpg" data-src="res4.jpg" alt="Gallery Image 1" class="gallery-item">
<img src="res3.jpg" data-src="res3.jpg" alt="Gallery Image 2" class="gallery-item">
<img src="res5.jpg" data-src="res5.jpg" alt="Gallery Image 3" class="gallery-item">
</div>
<!-- Lightbox Modal -->
<div id="lightbox" class="lightbox">
<span class="close">×</span>
<span class="prev">❮</span> <!-- Previous Button -->
<img class="lightbox-content" id="lightbox-img">
<span class="next">❯</span> <!-- Next Button -->
<!-- Dots Indicator -->
<div class="dots-container"></div>
</div>
</section>
<section id="contact">
<h2>Contact Us</h2>
<p>Have questions? Get in touch with us!</p>
<div class="contact-container">
<form action="https://formspree.io/f/mvgzwdav" method="POST">
<label for="name">Name</label>
<input type="text" id="name" name="name" placeholder="Your Name" required>
<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="Your Email" required>
<label for="message">Message</label>
<textarea id="message" name="message" placeholder="Your Message" rows="5" required></textarea>
<button type="submit">Send Message</button>
</form>
<div class="contact-info">
<h3>Our Location</h3>
<p>Lake Drive Leisure Park, South Lake round, Kurunegala, Sri Lanka</p>
<a href="https://www.google.com/maps/dir//F9W4%2B3X6,+S+Lake+Rd,+Kurunegala,+Sri+Lanka/@7.4951524,80.274997,12z/data=!4m8!4m7!1m0!1m5!1m1!1s0x3ae33b714f72af69:0x4eb2d2359552bee2!2m2!1d80.3573989!2d7.4951601?entry=ttu&g_ep=EgoyMDI1MDIxMi4wIKXMDSoASAFQAw%3D%3D" class="map-link" target="_blank">
📍 View on Google Maps
</a>
<p>Email:
<a href="mailto:lakedriveleisurepark@gmail.com?subject=Inquiry&body=Hello, I would like to ask about..." class="email-link">
lakedriveleisurepark@gmail.com
</a>
</p>
<p>Phone: +94 76 915 0150</p>
<div class="social-icons">
<a href="https://www.instagram.com/coffeebreezekurunegala_/" target="_blank" class="social-icon">
<img src="intagram.png" alt="Instagram">
</a>
<a href="https://www.facebook.com/lakedriveleisure/" target="_blank" class="social-icon">
<img src="face.png" alt="Facebook">
</a>
</div>
</div>
</div>
</section>
<footer>
<p>© 2025 LAKE DRIVE LEISURE PARK | All Rights Reserved.</p>
</footer>
</body>
</html>