Lassippers – Juice Bar & Shop HTML5 Template
Lassippers is a fresh, animation-rich HTML5 template built for juice bars, lassi shops, smoothie counters, cold-pressed juice brands and healthy cafes. It ships three completely distinct homepage designs – an immersive market-photography look, a classic cream look, and a full berry-and-mango color scheme with its own logo and squared button style – all driven by one small set of CSS variables, so re-theming the whole template is a five-minute job.
The design pairs bold Anton display headlines with the friendly Bricolage Grotesque and DM Sans families, hand-drawn squiggle underlines, sticker-style badges, a spinning brand stamp, a citrus-wheel custom cursor and a signature capsule button with a sliding double-arrow hover. Every section is animated with GSAP scroll reveals, and visitors who prefer reduced motion automatically get an instant, animation-free experience.
Three Homepages
- Home 01 Market – full-bleed background slider with a self-hosted video slide, floating product card, mini video reel, feature sticker cards, brand story, vertical video reels, taste tiles, product carousel, promo countdown, testimonials, bento gallery and editorial blog rows.
- Home 02 Classic – full-screen slider, stats bar, marquee ticker, about with checklist, menu categories, dashed-leader price list, how-it-works steps, video banner, shop grid, offer countdown, testimonials slider, blog cards, Instagram wall and CTA.
- Home 03 Berry – two-row header with live search, complete berry-and-mango re-template, image-stack about section, tabbed two-column menu board, full-bleed video banner, Mango Week promo with countdown, twin auto-scrolling testimonial marquees and an editorial blog list.
Inner Pages
About, Menu, Shop with sidebar and live sorting, Shop Details with gallery and tabs, Cart, Checkout, Blog, Blog Details with sidebar, and Contact with an embedded map – twelve pages in total, all sharing the same header, mini-cart dropdown, multi-level navigation and footer.
Features
- 12 HTML pages, 3 unique homepage designs
- CSS-variable design tokens with a complete per-page re-template example
- GSAP + ScrollTrigger animations, marquees, counters, parallax
- prefers-reduced-motion support for accessibility
- Swiper sliders and product carousel
- Fancybox image lightbox on gallery and Instagram sections
- Self-hosted vertical video reels and ambient hero video (muted autoplay)
- YouTube video modal and live offer countdown
- Product cards with ratings, descriptions and Add to Cart actions
- Decorative floating fruit shapes with gentle parallax drift
- Mini-cart dropdown and working AJAX PHP contact form (optional reCAPTCHA v3)
- Font Awesome 6 Free icons loaded locally
- Fully responsive with a desktop-first breakpoint system
- W3C valid, zero console errors
- Well-commented code with a numbered CSS table of contents and JS index
- Documentation included
Credits
Bootstrap 5.3.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox, Font Awesome Free, Google Fonts (Anton, Bricolage Grotesque, DM Sans).
Note: All images are used for preview purposes only and are NOT included in the download package – they are replaced with neutral placeholders. The demo videos, logo files and background patterns are included.