This cocktail class landing page template is one HTML5 page with one goal. Shakora is a moody, night-blue one-page event landing page for cocktail bars, mixology schools and bartending academies that teach.

Every call to action leads to one goal – booking a seat at a masterclass – with four classes and their prices, the next sessions with the seats left, guests and details, and a running total in one booking form. Night navy, neon teal and a crescent moon in the wordmark, Libre Caslon italics over light Outfit capitals and candle-lit bar photography set the room after dark.

A minimal header – a Menu button, the wordmark and a Book A Class button – opens a side panel of anchors that glide to each section and light up as you scroll. Also, the page ships with night and day mode, right-to-left support and WebGL layers.

In short, every section on the page leads to that one action. Also, the contact form works out of the box, so you can launch as soon as your content is in.

Cocktail Class Landing Page: One Page, Built To Convert

• Hero Slider: First, open till three, with the bar’s address and map link.
• Where To Next: Then, cocktails, events, private hire and news in large link rows.
• Pricing: Next, four classes behind the bar – Classic Cocktails 101, Gin & Botanicals, The Mixology Masterclass and Zero-Proof Mixing – with their prices, length and next sessions.
• Parallax Band: After that, shake it with us, on a photo that drifts as you scroll.
• Book A Seat: Also, the class, the next sessions with the seats left, guests and details, with a live summary and the total.
• The Bar In Photographs: Then, a photo mosaic.
• A Week At The Bar: Next, seven nights, seven reasons, with times and entry.
• Testimonials: In addition, guests’ voices in a slider.
• Video Band: After that, be in the next photograph – Book A Class and a Watch The Night film popup.
• Opening Hours: Also, the week’s hours and the live status.
• Contact: Finally, a working contact form and a Google map.

Cocktail Class Landing Page Features

• One-page event landing with a single goal: book a seat at a masterclass
• A side panel of anchors with smooth scrolling and a scroll-spy that marks the current section
• Night and day mode on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets and a flag language picker that turns the page around (Bootstrap RTL included)
• WebGL layers tinted by the theme colours: a smoky haze and a neon sign drawn in light in the footer
• Real bar logic: class sessions with seats left and a running total, the week’s nights, the live open status
• An age check on the first visit, a preloader and reveals that unmask on scroll
• Hero slider, testimonial slider, parallax photo band and a video popup
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index

Before You Buy

First, open the live demo and scroll the whole page. Then, check it on your phone. Finally, compare the sections above with the action you need.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, RTLCSS, Google Fonts (Libre Caslon Text, Outfit).

Note

All images are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files and the language flags are included.

Browse more Party & Nightlife landing pages, or the multi-page Party & Nightlife website templates.