← All templates

(Template) — 05 / 07

Restaurant1 pageHTML · CSS · JS

Méridien

A table set for the season.

restaurant-meridien.netlify.app

(Pages) — scroll inside the window

restaurant-meridien.netlify.app
Méridien — Home pageMéridien — Menu pageMéridien — Kitchen pageMéridien — Find us page
Méridien on a phone

Phone, 390px

01One page, four acts

  • The table, the menu, the kitchen, reservations — plus a 404
  • A menu list with courses, prices and a hover preview of the plate
  • A chef's story section with the room and the kitchen
  • Opening hours, address and phone, all in one place

02A reservation form that actually books

  • Name, email, date, party size and a free-text note
  • Validated before sending, with a clear confirmation line
  • Ready for Formspree, Netlify Forms, or your own endpoint

03Simple to make yours

  • One HTML file, no build step, no framework, no package.json
  • Every colour is a CSS variable — wine and gold carry the whole room
  • A full-screen overlay menu on phones
  • prefers-reduced-motion respected

(In every template)

Documentation

A full HTML guide covering colours, fonts, the menu list, photography, the reservation form, deployment, SEO and accessibility

No horizontal scroll

Verified at twelve widths from 375px to 1440px

Touch targets

Meet WCAG 2.2 SC 2.5.8 on phones and tablets

SEO ready

Titles, meta descriptions, Open Graph and Twitter cards, favicon, 1200×630 share card

Photography

Demo photography included, licensed under the Unsplash License and credited file by file

Cross-browser

Tested in current Chrome, Edge, Firefox and Safari on macOS, Windows, iOS and Android

(Licence)

One licence covers one end product — your own site, or one client's. The full terms are in Licensing/LICENSE.txt inside the download.

$2.99 $15

Get Méridien→

Need it customised? Book a call

(More templates)

Shop on Gumroad ↗