Terroira is a bistro website template: an unhurried, Parisian HTML5 template for a French bistro: set-price formules at lunch and dinner, a carte that tours one region of France a month, a glass of the region’s wine matched to every plate and a cheese trolley. White grounds, linen bands, black marble and terracotta titles in Fanwood capitals give it the feel of a zinc-and-mirror bistro. Underneath, it runs real bistro logic: the region on the carte from the visitor’s date, lunch or dinner served now from the kitchen’s hours, a formule priced as it is built, table booking with slots from the hours and seatings by season. It also has a private-dining estimate and a wine cave with a bag, coupon, delivery and tax. It ships with light and dark mode, right-to-left support and WebGL layers – rain running down a café window and an etched still life in the footer.

Three Home Pages

• Home 01 – Le Bistro: a hero slider with numbered arrows, the month’s three signature dishes in arches, this month’s carte with its prices, the chef on linen, The Cheese Trolley – the trolley rolls in along the section, its wheels turning, and parks with the month’s cheeses on flags – a dish band. Then come the wine cart matching a glass to every plat, guest voices, the reserve bar and the hours.
• Home 02 – La Formule: a hero with a marble booking card and the dishes rail. Then come Formule Assembly – entrée, plat and dessert slide into one column as the formule assembles and its price card counts the formule they make – voices. Finally, the page ends with the kitchen staff in ovals, the hours round an oval with today marked, and the journal.
• Home 03 – Le Tour: a split hero, this month’s region and next month’s. Then comes the year of regions with the toured months marked. Finally, the page ends with The Tablecloth – the cloth on a zinc table tightens and is whipped away while the place setting stays standing – the month’s glasses, private dining and the journal.

Bistro, Wine & Booking Pages

• La Carte: this month’s region by course with the matched glass and the supplement inside a formule. It also has a month picker that shows any region of the year, Les Classiques and the formules.
• The Formules: a builder – two or three courses, lunch or dinner, a dish per course, glasses to match and the cheese trolley – priced a head and for the table, handed straight to the booking.
• Le Tour De France: twelve regions, one a month, each with two entrées, three plats, two desserts, three cheeses and three wines. This month’s region page with its carte, cheeses and glasses.
• Wine By The Glass: this month’s glasses, carafes and bottles beside the plates they match. It also has the year’s thirty-six glasses filtered by colour.
• Book A Table: a five-step wizard – party and day, seating and a time from the kitchen’s hours, the formule, details, confirm – with the terrace open from April to October, the zinc counter for up to three, a live summary and a booking reference. Continue never blocks; only Confirm checks the details.
• Private Dining: three rooms by party size, menus by the head, extras and a four-step estimate with the price per guest and the deposit.
• La Cave: drawn bottles and gift vouchers in four categories, price filter, sort and search, product page with gallery and tabs, bag, coupon, free-delivery meter, tax, checkout with an order number and a wishlist. Vouchers are emailed and ship free.

Bistro Website Template: Inner Pages

Terroira includes About, Our History, La Carte, The Formules and Le Tour De France. It also has This Month’s Region, Wine By The Glass and Book A Table. Then come Private Dining, Our Team, Chef Profile, Gallery, La Cave, Product and Cart. There are also Checkout, Wishlist, Journal, Journal Details and FAQ with search. It also has Contact (working PHP form and map), My Account, Login and Register. Finally, there are Forgot Password, Coming Soon and 404 – thirty pages in total.

Bistro 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: window rain at the edges of the linen bands and an etched cross-hatched still life in the footer
• Real bistro logic from one data block: the region of the month, served now, formule prices, table slots and seatings, event estimates, shop totals
• A Butter Curl preloader, Letterpress reveals with a word rise on titles, a butter-spread hover and three scroll moments that never pin the page
• Swiper sliders, Fancybox video popups and lightbox gallery
• 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 illustrated line icons in two inks
• 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
• Documentation included

This bistro website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Terroira also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Restaurant & Cafe 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 (Fanwood Text, Libre Franklin).