ysrajsingh / the-fitness-paradise

The Fitness Paradise Project

Table of Contents

• Introduction
• Project Overview
• Deployment Link
• File Structure
• Usage
• New Features
• Image Attribution
• Contact Information

Introduction

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.

Project Overview

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)

Deployment Link

To view this project, simply open the index.html file in a web browser. Navigate through the different pages using the provided hyperlinks.

File Structure

• index.html: Homepage
• achievements.html: Achievements Page
• blogs.html: Blogs Page
• focus.html: Focus Page
• health.html: Health Tips Page
• tips.html: Tips Page
• workout.html: Workout Page
• index.css, achievements.css, blogs.css, focus.css, health.css, tips.css, workout.css: Stylesheets for each respective page
• images/: Directory containing images

Usage

To customize your page, simply edit the corresponding HTML and CSS files. Add your content, images, and styling to personalize your fitness portfolio.

New Features

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.

Image Attribution

All images used in this project are Wallpaper Access, and they are commented as well.

Contact Information

If you have any questions or feedback, feel free to contact me at [email protected]