Fitness Platform Interface - Copy this Html, Bootstrap Component to your project
Create a modern, clean, and responsive fitness website design for **EntrenaTech**, a platform focused on personalized fitness routines and community interaction. The design should include the following sections: 1. **Header**: Logo of EntrenaTech. Main navigation menu with links to: Home, Calculators, Community, Blog, Contact. A prominent sign up/login button. 2. **Welcome Section**: Full width background image or video related to fitness. Title: 'Transform Your Fitness Routine with EntrenaTech'. Call to action button for BMI calculation or exploring the community. 3. **Fitness Calculators Section**: Integrated BMI calculator. Space for future calculators like TMB or Macros. 4. **Features Section**: Personalized fitness routines. Interactive community profiles. Blog with fitness and health articles. 5. **Testimonials Section**: User success stories with before/after images or videos. 6. **Blog Section**: Latest articles preview with a 'Read More' button. 7. **Footer**: Contact info, social media links, and legal information. **Design Requirements**: **Color Palette**: Dark Blue: #003366 for the header and main elements. White: #FFFFFF for a clean background. Orange: #FF6600 for buttons and call to action areas. Light Gray: #F2F2F2 for secondary backgrounds and section divisions. **Typography**: Headings: Montserrat, Bold. Body text: Open Sans, Regular. Buttons and highlights: Lato, Semi Bold. Ensure the design is mobile friendly, fast loading, and includes smooth transitions for buttons and interactive elements. Use high quality fitness related images and ensure accessibility with alt text for images.
