Maison Ember
An elegant fine-dining template that brings your chef’s story, seasonal menu, and reservation journey into focus.
About this template.
Maison Ember is an elegant Bootstrap 5 template for fine-dining restaurants. Warm ivory, charcoal, and brass create a refined setting for your chef’s story, seasonal menu, and reservation inquiries.
Template features.
A considered dining experience with practical tools for guest inquiries.
Included sections.
Guide guests from the atmosphere and menu to the details they need for planning an evening at your restaurant.
- 01Pinned header and editable text branding
- 02Cinematic dining-room hero
- 03Chef story and dining philosophy
- 04Seasonal menu categories and signature dish
- 05Private-dining introduction
- 06Reservation inquiry form and email-draft review
- 07Visit details, dinner hours, and general-area link
- 08Frequently asked questions
- 09Footer, Privacy, and Terms of Use dialogs
What’s included.
Editable source files with no build process required.
maison-ember/
index.html
README.html
LICENSES.txt
assets/
css/style.css
js/main.js
images/ (three WebP photographs)
icons/ember.svg
vendor/
bootstrap.min.css
bootstrap.bundle.min.jsTechnical details
- Framework
- Bootstrap 5.3.8 (local)
- HTML
- HTML5
- CSS
- CSS3
- JavaScript
- Vanilla JS
- Responsive
- Yes
- Fonts
- System Georgia and Arial
- Icon
- Local SVG favicon
- Documentation
- Self-contained README.html
An invitation on every screen.
Actual Maison Ember screenshots on desktop, tablet, and phone.
Easy to customize.
Rename the plain-text logo in the header and footer. Edit your chef story, dishes, prices, hours, contact details, and FAQs in index.html.
Set the inquiry recipient and business timezone in assets/js/main.js. Adjust colors, typography, and spacing in assets/css/style.css, and update the affected asset version token after changes.
:root {
--ivory: #f3eee4;
--ink: #201e1a;
--brass: #c6ab78;
--muted: #6c665d;
--line: #d8d0c1;
}Reservation inquiries: “Send Inquiry” prepares a reviewable email draft. Visitors can copy it or open their email app and send it themselves. The page does not automatically send messages, confirm reservations, show live availability, accept orders, or process payments.
Perfect for.
License.
Review the current PixelToWeb purchase terms for permitted use and redistribution restrictions. Included dependency notices are provided in LICENSES.txt.
Review licensing informationDocumentation & support.
The self-contained README.html covers setup, text branding, chef story, menu categories, photographs, contact placeholders, colors, pinned navigation, FAQs, policy dialogs, inquiry settings, and launch preparation. A Back to Template link returns to the page.
The form validates required fields, email, whole-number guest counts, and past preferred dates in the configured business timezone. Private-dining preselection preserves other entries. Editing clears a previous draft, and Reset clears the form. Preferred times are not checked against service hours or live availability; all arrangements require restaurant confirmation.
Use the guide for customization help and contact PixelToWeb with questions about the template or current support terms.
Read documentationPrepare for your first guests.
Make the details yours.
Replace the sample menu, hours, example email, 999-999-9999 phone placeholder, and fictional address. Add an accurate chef story and appropriate restaurant photographs.
Review guest information.
Align dietary guidance, FAQs, Privacy, and Terms of Use with your actual practices. The Google Maps link shows only the general Napa area; no embedded map or exact property pin is included.
Try the inquiry journey.
Set your recipient and timezone. Test draft preparation, copying, email-app handoff, editing, and Reset. Check desktop, tablet, and phone layouts before launch.
Launch with
Maison Ember.
Preview the demo, then make the editable source files your own.