# Supper Club

An original fictional restaurant template by MRHTML. Oxblood and butter colors, oversized poster typography, a food and interior diptych, and a short ruled menu create an unhurried neighborhood restaurant mood.

## Included sections

- Brand header and native in-page navigation.
- Poster introduction and two locally bundled inspiration photographs.
- Restaurant story with an original inline plate illustration.
- Lunch, Dinner, and Drinks menus with keyboard-operated tabs.
- Honest booking information and footer credits.

## Make it your restaurant

1. Edit `index.html` with your real name, story, address, opening times, and menu. Prices currently illustrate USD amounts; sample ingredients, availability, and service hours are fictional.
2. Confirm menu descriptions, allergens, dietary claims, currency, taxes, prices, and opening hours with your kitchen before publishing.
3. Change the color variables at the start of `styles.css`. Fonts use local Georgia and Arial fallbacks, so nothing must be downloaded.
4. Replace photographs in `assets`, keep their paths relative, and update image descriptions and `ASSETS.md`. The included photographs are atmosphere and food studies, not photographs of a real Supper Club venue.
5. Replace the unconnected booking note with your own verified booking destination. Use a normal HTTPS link to a reservation service you already use. Alternatively, keep the information-only section. No recipient, booking provider, account, or endpoint has been invented for this demo.

## Menu behavior

The tab controls are hidden until `script.js` initializes. Without JavaScript all three complete menus remain visible and readable. With JavaScript, selecting a tab displays its matching panel. Left and Right Arrow wrap through the menus; Home and End select the first and last tab. Tab moves from the selected menu button into its panel. Focus remains visible.

Keep each button's `data-menu` value matched to a panel's `data-menu-panel` value. Panel IDs and button IDs must remain unique. The script creates the tab roles and ARIA relationships only after it finds complete pairs. Adding more menus also requires adapting the CSS column count.

## What this package does not do

This is a static presentation. It does not accept reservations, process orders, send messages, collect visitor data, manage stock, or provide a content management system. There is no pretend success message or nonfunctional reservation button. The booking section clearly explains its current state.

## Open and edit

Open `index.html` directly in a current browser. Keep `styles.css`, `script.js`, and the `assets` folder beside it. There is no installation, build step, external font, tracking script, or runtime network dependency. The page also works on a basic static host. Relative paths are intentional.

The included `<meta name="robots" content="noindex,follow" />` keeps this fictional demo out of search indexes. Remove that directive when you publish your customized real site. First replace the title, description, fictional copy, and imagery as appropriate. Add your own canonical URL only when you know the final public address. No structured data, ranking promises, or invented business details are included.

The footer contains a visible `Designed by MRHTML` link with `rel="nofollow"`. This is creator credit, not a mandatory backlink condition. The MIT license requires preserving its copyright and permission notice in copies or substantial portions of the original code.

## Accessibility and embedding

The page uses semantic landmarks, visible keyboard focus, a skip link, and reduced-motion styles. The layout adapts to narrow screens. These choices do not replace testing your edited content.

For an embedded preview, use an iframe with its `src` pointing to `index.html` and `sandbox="allow-scripts"`. Do not add `allow-same-origin` or `allow-forms` merely for this template. Local CSS, images, and classic JavaScript work without origin storage or an API. An iframe using raw `srcdoc` needs special handling of relative asset paths; the package is designed for a file or URL entry point.

## License and assets

Original code, writing, and vector artwork are MIT licensed; see `LICENSE`. The locally bundled photographs have separate Unsplash licenses and are not relicensed as MIT. See `ASSETS.md` for each original photo page, photographer, download URL, and license. Photographs are inspiration for the fictional concept and do not establish a relationship with any depicted business, product, or photographer.