Patissa — French Pâtisserie & Pastry Masterclass HTML5 Template

About This Item

Patissa is a pastry shop website template: an elegant, animated HTML5 template for French pâtisseries, pastry shops and pastry schools. Gold on white marble and black, spaced capitals and a gold script, diamond rules and double gold frames give it the feel of a maison on a Paris street. Underneath, it runs real pâtisserie logic: masterclass booking with dates and seats left. It also has a counter pre-order by bake batch, a portions calculator for whole tarts and entremets, gift vouchers with a live card, the salon’s open-now status and a shop with a bag, coupon, chilled shipping and tax. It ships with light and dark mode, right-to-left support and WebGL layers – black marble with gold veins and a macaron turning in the footer.

Three Home Pages

• Home 01 – Pâtisserie: a marble hero slider with a tart on its plate, a facts strip, the story with spice and chocolate cut-outs. Then come the counter with the pieces left in today’s batches, the lamination fold – a dough sheet folds in thirds as you scroll, the layer count reading 3, 9, 27, 81 – a photo mosaic, four masterclasses with their next dates and seats. Next come the two bakes with the pre-order cut-off counting down and the menu. Finally, the page ends with the chefs, testimonials and a contact form.
• Home 02 – Masterclasses: a noir hero with a two-tone script and the next session of each class, what you learn, the upcoming sessions in date order with level tabs and seats. Then comes a spiral of fruit – strawberries, berries and gold leaf fly to their places on a tart as you scroll – the chefs. Finally, the page ends with a class photo carousel, the school’s hours, figures in gold script, vouchers and questions.
• Home 03 – Salon & Counter: the logo centred over the menu and a boxed hero slider and feature cards. Then come star anise, vanilla and cinnamon floating on three depths round the season’s flavours. Finally, the page ends with the counter by batch, a portions calculator, daily offers, the salon’s hours with a map and the journal.

Pâtisserie Pages

• Masterclasses: eight classes in three levels with level tabs, a month filter and search. Every card shows the next session with a free seat and the seats left.
• Book A Class: a four-step wizard – the class, a date from its repeat rule (full dates cannot be chosen), seats and details, confirm – with a live summary and a booking reference. Continue never blocks; only Confirm checks the details.
• Pre-Order: choose a day (closed days greyed out). It also has the morning or afternoon batch with its own cut-off and pickup window, then the pastries that batch bakes, each with the pieces left. A running box and a pickup ticket.
• Tarts & Entremets: eight recipes in four sizes. Guests and appetite give the slices, the calculator advises the size (or two cakes), the price and the earliest pickup date, and the order confirms with a reference.
• Gift Vouchers: a value or a masterclass, three designs and the names. It also has a message and the send date, with a live voucher card. Finally, it has its code and its expiry.
• Our Menu: cakes, tarts, delights and drinks with dotted leaders, category tabs, gluten-free, vegetarian and nut-free filters and search.
• The Shop: filters, sort and search, product page, bag, coupon, free-shipping meter, tax, checkout with an order number and a wishlist.

Inner Pages

Patissa includes About Us, Our History, Our Chefs, Chef Profile and Gallery. It also has FAQ with search, Masterclasses, Class Details, Book A Class and Gift Vouchers. Then come Our Menu, Pre-Order, Tarts & Entremets, Weddings & Events, Shop, Product Details and Cart. There are also Checkout, Wishlist, Blog (six post formats) and Blog Details. It also has Contact (working PHP form and map), Login, Register and Forgot Password. Finally, there are Coming Soon and 404 – thirty pages in total.

Pastry Shop Website Template Features

• 30 HTML pages, 3 unique home page designs
• Light and dark mode on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets for every page and a flag language picker that turns any page around (Bootstrap RTL included)
• WebGL layers tinted by the theme colours: black marble with gold veins, and a flat-shaded macaron turning in the footer
• Real logic from one data block: masterclass dates and seats, bake batches and cut-offs, portions and prices, vouchers, shop totals
• A torch-glaze preloader, photos uncovered in a clock-wipe like a tart being cut, a gold-leaf hover, and three scroll moments that never pin the page
• Swiper sliders and Fancybox lightboxes and video popups
• 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, plus gold line icons in two inks
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• Zero console errors
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

This pastry shop website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Patissa also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Sweets & Bakery HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5 and Font Awesome Free. It also uses RTLCSS and Google Fonts (Montserrat, Great Vibes).