Free
Restaurant template home page on desktop

Restaurant template home page on desktop. Screenshots are of the actual product.

Website template · Version 2.0

Restaurant Website Template

A complete 6-page restaurant site with a filterable menu, gallery, real photos and a working reservation form.

Free
Open live preview
Type
Website template
Pages
6
Format
HTML, CSS, JS, ZIP
Download
restaurant-website-template.zip (740 KB)
Version
2.0
Licence
Use for one website (yours or one client)
Works with
Any static host, Netlify, GitHub Pages, cPanel, Local browser

About this product

A finished, multi-page restaurant website for bistros, cafés and neighbourhood restaurants. Home with tonight's dishes, a full menu page with Starters / Mains / Sweets filters, about page with opening hours, photo gallery, a reservation page with date, party size and validation, and a 404 page. Warm wine-and-cream editorial design, working mobile menu, 10 licensed photos stored locally, and a form that works with email or Formspree. Pure HTML, CSS and JavaScript: no build step.

Version 2.0 is a full rebuild. Version 1.0 was a starter skeleton that was not good enough, so we replaced it with a complete demo restaurant (Harbour & Hearth) you can rename, re-price and launch.

Made for: Restaurant, bistro, café and cloud-kitchen owners who want a finished website, not a guide.

Features

  • 6 pages: home, menu, about, gallery, reserve, 404
  • Menu page with Starters / Mains / Sweets filter buttons
  • Reservation form: date, party size, validation, email or Formspree delivery
  • Responsive layout with a working hamburger menu
  • Optional WhatsApp button, set in one config file
  • 10 licensed Unsplash photos stored locally (WebP)
  • Accessible: contrast 4.5:1+, alt text, focus styles, skip link
  • SEO: meta descriptions, Open Graph, sitemap.xml, robots.txt

Exactly what you get

  • index, menu, about, gallery, reserve and 404 pages
  • assets/css/style.css with colour and font variables
  • assets/js/config.js and assets/js/main.js
  • assets/img: 10 photos, favicon, social share image
  • README.md, CREDITS.md, LICENSE.txt, sitemap.xml, robots.txt

restaurant-website-template.zip · 740 KB ZIP

  • index.html
  • menu.html
  • about.html
  • gallery.html
  • reserve.html
  • 404.html
  • assets/css/style.css
  • assets/js/config.js, assets/js/main.js
  • assets/img/ (10 photos, icons, og-image.jpg)
  • sitemap.xml, robots.txt
  • README.md, CREDITS.md, LICENSE.txt
Setup
Unzip, set your email in assets/js/config.js, replace the restaurant name, dishes, prices and photos, then upload to any static host. A text editor is all you need.
Updates
Latest ZIP on this product page.
Support
Email and WhatsApp support from Ebenezer Digital.

Common questions

How do I change the menu and prices?

Open menu.html. Each dish is one list item with a name, short description and price inside a Starters, Mains or Sweets block. Copy a line to add a dish; the filter buttons keep working automatically.

How do reservations reach me?

By default the reservation form opens the guest's email app with the booking details filled in. Paste a free Formspree (or similar) endpoint into assets/js/config.js and bookings arrive in your inbox without leaving the page.

Does it work on phones?

Yes. Every page is responsive with a hamburger menu on phones and tablets. We tested it at phone and desktop widths with no broken links or console errors.

Are the photos licensed?

Yes. All 10 photos are from Unsplash under the Unsplash License, saved locally in the ZIP with credits in CREDITS.md. The restaurant, dishes and reviews are fictional demo content.

Not sure it fits?

Ask about Restaurant Website Template and get a straight answer before you download.

Restaurant Website Template

Free

Get free access