Welcome to B-FIT Fitness Centre! This project is aimed at providing a comprehensive fitness program tailored to meet your needs and goals.
- Introduction
- Features
- Programs
- Pricing
- Contact Us
- CSS Structure
- JavaScript Functionality
- Getting Started
- Cloning the Repository
B-FIT Fitness Centre offers a variety of fitness programs designed to help individuals achieve their fitness goals and lead healthier, happier lives.
- Responsive Design: The website is designed to be responsive, ensuring optimal viewing experience across various devices.
- User-friendly Navigation: Easy navigation with a clear menu structure, allowing users to explore different sections of the website seamlessly.
- Program Selection: A wide range of fitness programs to choose from, catering to different fitness levels and objectives.
- Pricing Options: Flexible pricing plans to accommodate different budgets and preferences.
- BMI Calculator: A BMI calculator is provided to help users estimate their body mass index and assess their health status.
A structured program aimed at helping participants lose weight through a combination of cardiovascular exercise, strength training, and nutrition guidance.
A workout plan designed to increase muscle mass and strength, incorporating resistance training exercises targeting major muscle groups.
A series of yoga classes and guided meditation sessions focused on stress reduction, relaxation, and improving overall well-being.
Programs tailored to specific fitness goals or interests, such as marathon training, obstacle course preparation, or sports-specific conditioning.
Choose from our range of pricing plans to suit your fitness needs and budget.
-
Basic Plan: $299 per month
- 3 days a week
- HIIT Workouts
- Pilates Classes
-
Standard Plan: $499 per month
- 5 days a week
- HIIT Workouts
- Pilates Classes
-
Diamond Package: $999 per month
- 7 days a week
- HIIT Workouts
- Pilates Classes
For inquiries or further information, feel free to contact us:
- Email: [email protected]
- Phone: +1 (123) 456-7890
- Address: 123 Fitness Street, Cityville, State, Country
Stay connected with us on social media:
Added JavaScript functionality to toggle the visibility of the navigation menu when the toggle button is clicked, and to hide the menu when the close button is clicked.
Implemented functionality to remove the mobile menu when any navigation link is clicked.
Dynamically change the background of the header based on the scroll position using JavaScript.
Implemented functionality to highlight active navigation links based on scroll position.
Displayed a scroll-to-top button when the user scrolls beyond a certain point using JavaScript.
Configured the Scroll Reveal library to animate elements when they come into view during scrolling.
Added JavaScript variables and functionality to handle BMI calculation form elements. It calculates the BMI based on the entered height and weight and displays a message indicating the BMI status.
Integrated EmailJS to send form data from the contact form. It checks if the email field is filled, sends the form data using EmailJS, and handles success and error messages accordingly.
The CSS code in this project is structured to maintain readability, organization, and scalability. Here's a breakdown of its structure:
The project uses Google Fonts to import the "Madimi One" and "Poppins" font families.
Defines custom CSS variables for colors, typography, font weights, and z-index values to maintain consistency throughout the project.
Contains base styles applied to HTML elements such as box-sizing, padding, margin, and default font settings.
Defines reusable CSS classes for common styling tasks such as container styles, section formatting, typography, and button styles.
Includes styles for the header and navigation components, including fixed positioning, background color, and responsive menu styles.
Styles specific to the home section of the website, including text alignment, font sizes, and background shapes.
Defines styles for buttons, including background color, padding, border, and hover effects.
Styles for logo images, including grayscale filters for consistency.
Styles for program cards, including background color, padding, borders, and hover effects.
Styles for the choose section, including grid layouts, image sizes, and background shapes.
Styles for pricing cards and lists, including background color, padding, borders, and active state styles.
Styles for the calculate section, including form layout, input styles, and button positioning.
Styles for the footer section, including grid layout, text alignment, and social media links.
Custom styles for scrollbar appearance and behavior.
Styles for the scroll up button, including position, background color, and hover effects.
Media queries for responsive design, adjusting layout and styles for different screen sizes.
By organizing the CSS code in this structured manner, the project maintains consistency, improves maintainability, and facilitates future updates and modifications.
To get started with the B-FIT Fitness Centre project, follow these steps:
Clone the repository to your local machine using the following command:
git clone https://github.com/lucasufjf/project1.git