Gusto — Free Restaurant & Cafe Website Template
Gusto skips the tired cream-and-terracotta look for a moody spruce-green dining room lit by brass, so your food photography does the talking. It ships with the pieces a real restaurant needs on day one: a tabbed à-la-carte menu with proper price leaders, a validating reservation form, a food gallery with lightbox, chef profiles and an opening-hours panel — all hand-built on Bootstrap 5 with zero jQuery.
Features
- Printed-menu tabbed layout (Starters / Mains / Desserts / Drinks) with dotted price leaders and "Chef's pick" / vegetarian tags
- Reservation form with real front-end validation: date-not-in-past, email format, time and party-size checks, and an accessible success state
- Food gallery with a keyboard-accessible, no-dependency lightbox
- Warm full-height hero with reservation and menu CTAs plus an at-a-glance facts strip
- Chef / team cards with hover-reveal social links
- Auto-playing testimonial slider built on native scroll-snap (pauses on hover/focus, respects reduced motion)
- Opening-hours table, stylised CSS location map, and a newsletter "Supper Club" signup
- Inline SVG icons throughout (no icon fonts), scroll-reveal via IntersectionObserver, sticky header with scrollspy, and a mobile drawer nav
At a glance
- Framework: Bootstrap 5
- License: Free for personal and commercial use
- Pages: 1 (single-page long-scroll)
- Responsive: Yes
- Style: Warm, moody Mediterranean bistro — spruce green & brass saffron
How to use it
Download the ZIP, unzip it, and open index.html — there is no build step and no dependencies to install. Replace the demo text and images with your own, point any forms at your backend or a form service, and deploy the folder to any static host. Colours, fonts, and spacing live in css/style.css; the interactions are in js/main.js. Bootstrap 5 is bundled locally, so it works offline and on strict-CSP hosts.
FAQ
Is Gusto really free to use commercially?
Yes. Use it for a real restaurant, cafe, bakery or bar — personal or commercial — at no cost. No attribution is required, though a link back to uiCookies is always appreciated.
Do I need to know Bootstrap or a build tool to edit it?
No. It's plain HTML, one CSS file and one vanilla-JS file. Swap the copy and the images in `img/`, adjust the colour variables at the top of `css/style.css`, and you're done — no npm, no compiling.
How does the reservation form work?
The form validates entirely in the browser (required fields, email format, no past dates) and shows a confirmation message. To actually receive bookings, point the `<form>` at your booking provider, a form endpoint, or your own script.
Can I change the menu categories or colours?
Absolutely. The menu is a standard Bootstrap 5 tab set — add, remove or rename tabs freely. The whole palette is driven by CSS custom properties at the top of the stylesheet, so a new colour scheme is a few edits.
