- Introduction
- Project Overview
- Deployment Link
- File Structure
- Usage
- New Features
- Image Attribution
- Contact Information
Welcome to The Fitness Paradise Project documentation. This project is designed to provide a responsive 7-page website for students interested in showcasing their achievements, blogs, focus areas, health tips, and workout routines. Each student can easily customize their page by utilizing the provided HTML and CSS files.
The project includes the following components:
- Homepage (
index.html
) - Achievements Page (
achievements.html
) - Blogs Page (
blogs.html
) - Focus Page (
focus.html
) - Health Tips Page (
health.html
) - Tips Page (
tips.html
) - Workout Page (
workout.html
) - Stylesheets for each page (
index.css
,achievements.css
,blogs.css
,focus.css
,health.css
,tips.css
,workout.css
)
To view this project, simply open the index.html file in a web browser. Navigate through the different pages using the provided hyperlinks.
index.html
: Homepageachievements.html
: Achievements Pageblogs.html
: Blogs Pagefocus.html
: Focus Pagehealth.html
: Health Tips Pagetips.html
: Tips Pageworkout.html
: Workout Pageindex.css
,achievements.css
,blogs.css
,focus.css
,health.css
,tips.css
,workout.css
: Stylesheets for each respective pageimages/
: Directory containing images
To customize your page, simply edit the corresponding HTML and CSS files. Add your content, images, and styling to personalize your fitness portfolio.
In addition to meeting the assignment requirements, I incorporated new CSS styles that I discovered independently. These styles are applied globally across all pages, enhancing the overall design. I found these styles through W3Schools.
All images used in this project are Wallpaper Access, and they are commented as well.
If you have any questions or feedback, feel free to contact me at [email protected]