IronBar Calisthenics

IronBar Calisthenics is a one-page website for a calisthenics academy. It begins with a hero and a stats band, then covers the academy story, six reasons to train, eight skill-progression programs tagged Beginner to Advanced, three membership plans, four trainer profiles, a Monday to Saturday schedule table, two member stories, a testimonial grid, a gallery, a BMI calculator, an FAQ and a contact block with opening hours. Each member story uses a before-and-after slider that you drag with a mouse or finger, and the handle also responds to the keyboard. The schedule is a table that scrolls on small screens, FAQ items open and close, numbers count up when they come into view, and the BMI calculator works in metric or imperial. A WhatsApp button opens a pre-filled message. The contact form validates, then shows a confirmation note; nothing is sent until a backend is connected. The sample academy (IronBar), trainers, prices and address are placeholders that the studio replaces from one config object in script.js. The style is gritty and high contrast: dark graphite surfaces, chalk-white text and a hot orange accent, with Bebas Neue and Archivo headlines and Inter body text. The layout adapts for tablets and phones, and animations are reduced for visitors who prefer less motion. It suits calisthenics and street-workout academies, gymnastics-based strength studios, outdoor bootcamps, and coaches who teach skills such as muscle-ups, levers, handstands and the human flag.