VELORA Fitness

Overview

Project Overview

VELORA Fitness is a premium performance gym website built to feel like an international brand rather than a local business. The brief called for a modern, minimal aesthetic communicating premium quality, global reach, and energetic professionalism — expressed through large typography, generous whitespace, and a disciplined blue-and-charcoal color system.

The project was structured around a reusable PHP include architecture and a three-file CSS system (base variables, mobile-first layout, desktop overrides), built so the same foundation could be reused across future projects with only color and typography changing.

Functionality

Key Features

• Responsive homepage with 12 sections, including an animated hero and a continuously scrolling testimonials marquee
• 6 fully built inner pages: About, Membership, Classes, Trainers, Facilities, and Contact
• 4 interactive JavaScript fitness calculators: BMI, daily calorie needs, 1-rep max, and calories burned
• Searchable fruit and vegetable calorie lookup table
• Accessible navigation with a right-side mobile drawer, focus-trapping, and full keyboard support
• Mobile-first responsive design with a dedicated breakpoint architecture

Gallery

Project Gallery