# Still Studio

An original fictional salon template by MRHTML. Oversized serif typography on powder pink, a warm charcoal craft panel, carefully cropped hairdressing photographs, and a ruled service menu give the page a quiet editorial character. The photographs illustrate anonymous craft activity; they do not identify staff or clients of Still Studio or promise results.

## Open and publish

Open `index.html` in a current browser. No installation, server, build step, account, network connection, API key, or dependency is needed. Keep `styles.css`, classic `script.js`, and `assets/` alongside the HTML. Upload the complete folder to a static host only after replacing and checking the fictional content.

## Edit the studio and menu

1. Replace the fictional studio name, title, description, approach, and demo labels with accurate content. Do not attach stock people to invented stylist names, credentials, reviews, or testimonials.
2. Update each radio input's `data-name`, numeric `data-price`, and numeric `data-minutes`, plus its visible service title, description, duration, and price. The example uses USD. Change both formatting and visible currency labels if adapting it.
3. Edit the extra-finishing-time label and the two numeric additions in `script.js` together. It currently adds 15 minutes and $15 to one selected service.
4. Keep the initial estimate and inquiry preview consistent with the initially checked service. These defaults are what visitors read without JavaScript. The menu fieldsets are disabled until enhancement succeeds.
5. Revise the visit and policy sections to describe actual studio arrangements. The sample asks useful questions and does not impose real cancellation terms, promise access accommodations, or create an appointment obligation.
6. Add a verified contact or booking destination only when it exists. Explain that destination accurately. The current inquiry action generates a local sample note and sends nothing; do not relabel it as a confirmed appointment or delivered inquiry.
7. Replace photography with authorized work as appropriate. Update image descriptions, dimensions, visible creator captions, and `ASSETS.md`. A free photo copyright license is not a blanket model, property, or trademark release.
8. Edit the CSS tokens for the pink, paper, ink, and accent colors; preserve contrast and focus visibility. Fonts use installed Georgia/Times New Roman and Arial/Helvetica.
9. Remove or change `<meta name="robots" content="noindex, follow">` when the customized real page is ready for indexing. The raw demo intentionally remains noindex. Add your real canonical URL and social preview metadata.

## Interactive behavior

Native radio controls choose one example service. A native checkbox adds optional finishing time. The summary updates both sample price and duration, along with the inquiry preview. Preparing the note displays safe text, focuses the resulting note, and states explicitly that nothing was sent. Any later service or extra-time change hides and clears the stale note, requiring a new deliberate preview.

All state exists in the current document only. Browsers may restore native control choices during navigation; the page recomputes the estimate on page show and does not use persistent storage. No data is saved, fetched, sent, copied to a clipboard, or collected from a personal-information field. There is no appointment calendar, available time, payment, reservation, contact recipient, or confirmation. It is an illustrative estimate, not a quote or guarantee.

Without JavaScript, the full sample menu and default estimate remain readable; calculation controls are disabled and the note action stays hidden. Native policy disclosures and links work. The classic script works from local files and in an opaque iframe with `sandbox="allow-scripts"` alone, without forms or same-origin access.

## Check before release

Review all real prices, durations, access information, policy language, image permissions, metadata, links, keyboard flow, narrow screens, and any newly added contact route. Reduced-motion users receive immediate anchor scrolling and no animation.

Original code, writing, typography layout, and decorative CSS artwork use the included MIT license. Photography has separate Unsplash licensing and rights limitations in `ASSETS.md`. Preserve the `Designed by MRHTML` footer with `rel="nofollow"` when using this branded template; no extra condition is imposed on MIT licensing.