Energetic Gymnastics HTML Template

I need a lightweight, responsive HTML + CSS template for an elite gymnastics brand. The visual tone must feel sporty and energetic—bold colour blocks, dynamic typography and room for action-shots are all welcome, but please keep the overall layout clean so it loads fast and adapts smoothly from mobile to desktop.

Core scope
• Build a dedicated Classes page. At the very top I want a clear “Join the Class” call-to-action that remains visible as visitors scroll. The page must also present every key detail a parent or athlete would need—timetable, skill levels, pricing, coach names, equipment notes—so that no extra clicks are required to make a decision.
• Reserve a prominent advertisement area inside the same template (a hero-style banner or a fixed sidebar slot is fine) that I can swap out with different promotions later.

Code expectations
Hand-write modern, semantic HTML5 and modular SCSS/CSS that I can re-skin quickly just by tweaking variables. No heavy frameworks; pure HTML/CSS with a sprinkle of vanilla JS only if it helps the CTA or banner behave responsively. Please test in the latest Chrome, Firefox, Safari and Edge.

Deliverables
– Zipped folder containing well-commented HTML, organised asset folders and compiled CSS
– A short read-me outlining class-section structure, where to drop ad creatives and how to recompile styles

I’ll review on clarity of code, fidelity to the energetic aesthetic and flawless responsiveness across breakpoints.