Skip to content

Welcome to my first responsive website! This project showcases my journey in learning HTML and CSS. I focused on creating a layout that adapts to different screen sizes, ensuring an optimal experience across devices. Explore the code to see how I implemented responsive design principles and media queries. Your feedback is welcome!!

Notifications You must be signed in to change notification settings

YsrajSingh/the-fitness-paradise

Repository files navigation

The Fitness Paradise Project

Table of Contents

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]

Open in Visual Studio Code

About

Welcome to my first responsive website! This project showcases my journey in learning HTML and CSS. I focused on creating a layout that adapts to different screen sizes, ensuring an optimal experience across devices. Explore the code to see how I implemented responsive design principles and media queries. Your feedback is welcome!!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published