# Form Club An original fictional fitness studio template by MRHTML. Chalk, aubergine, citrus accents, condensed system typography, an arched group-exercise photograph, and a ruled weekly timetable create an energetic studio identity. ## Sections and customization - Replace the studio name, introduction, and photo caption with your own accurate identity and information. - Edit the seven sample class articles in `.class-list`. Each has `data-day` and `data-kind` values, an explicit time, duration, and native class-note disclosure. - Replace illustrative USD pricing in the three plan cards with your real prices, currency, terms, and availability. - Replace the first-visit notes with verified equipment, arrival, access, contact, booking, and cancellation information. - Fonts use locally installed Impact, Arial Narrow, and Arial fallbacks. Condensed letter widths can vary across systems; check long headings after editing. ## Functional schedule `[data-day-filter]` buttons select `all`, `mon`, `tue`, `wed`, `thu`, `fri`, `sat`, or `sun`. `#class-kind` selects `all`, `strength`, `mobility`, or `conditioning`. Both filters apply together. `[data-count]` announces the number of matching sample classes. A no-match state includes `[data-reset]`, which restores all classes and returns focus to the All week button. Every class remains visible without JavaScript, and native class notes and first-visit disclosures still open with Enter or Space. Filtering hides unmatched articles without deleting their contents. ## Service boundaries This is a fictional schedule, not live availability. No memberships are sold and no booking or payment is collected. The plan links lead to useful local first-visit information. Before publication, connect a verified booking destination and publish confirmed terms. No trainer names, credentials, transformations, health outcomes, or personal exercise recommendations are claimed. The photograph illustrates adult group exercise. Subjects are not Form Club members or trainers. Review the separate image terms and release considerations in `ASSETS.md` before choosing imagery for your actual commercial use. ## Open the package Open `index.html` directly in a current browser. Keep `styles.css`, `script.js`, and `assets/` alongside it. No installation, build, account, font download, or network request is required. Relative paths work from `file://` or a basic static host. Edit the original text in `index.html`, colors and responsive rules in `styles.css`, and local interactions in `script.js`. All buttons have explicit types. Interactive filters stay hidden until their script initializes; native disclosure content is available without JavaScript. There is no tracking, browser storage, data submission, or hidden service integration. ## Publish your own real site The demo includes ``. Remove the noindex directive when you publish your customized real site. First replace the title, description, fictional copy, sample details, and imagery as appropriate. Add a canonical URL only after you know the final public address. No structured-data claims or search-ranking guarantees are included. The visible `Designed by MRHTML` footer link uses `rel="nofollow"`. This is creator credit, not a mandatory backlink condition. Retain the copyright and permission notice required by the MIT license when distributing copies or substantial portions of the original code. ## Keyboard, motion, and previews Native links, buttons, selects, inputs, and disclosures provide keyboard interaction. Focus styles and a skip link are included. Motion is limited to small CSS changes and is disabled when reduced motion is requested. Test your edited content at narrow widths and with a keyboard; the template does not claim blanket accessibility certification. For an embedded preview, set the iframe `src` to the template's `index.html` and use `sandbox="allow-scripts"`. No `allow-same-origin` or `allow-forms` permission is needed. Relative CSS, images, and classic JavaScript load as a normal page. Raw `srcdoc` needs separate asset URL handling and is not the intended package entry point. ## License Original code, text, and vector artwork are MIT licensed; see `LICENSE`. Photographs, where present, use the separate terms recorded in `ASSETS.md`. System fonts are referenced rather than bundled. No real people pictured are presented as named staff, customers, endorsers, volunteers, or beneficiaries of the fictional project.