Skip to content

Simple Yoga Website for Code Institute Portfolio Project 1 - HTML & CSS

Notifications You must be signed in to change notification settings

Haris-Noori/yoga-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

YogaHub

Logo

Welcome, This is Yoga Hub Website's git repository. YogaHub is an online platform for all the yoga and meditation lovers around the world, no matter the age and gender. If you like physical actiivity then this is right place for you. This website provides yoga courses, together or individually seperate classes. So you can do yoga and train in your own way, anywhere or anytime, from any instructor you like.

Am I Responsive Mockup

Features

This website has four pages,

  • HOME
  • ABOUT
  • COURSES
  • CONTACT

Home Page

Home page has the general content about the whole platform. Screenshot

About Page

About page has all the information about the history of this platform, and it was created. Screenshot

Courses Page

This page has the detailed information about the courses YogaHub offers, so the users can choose the course by learning more about it first. Screenshot

Contact Page

Last but not the least we have contact information on this page, including phone number, physical address, email address, or any queries. Screenshot

Mobile Testing - Screenshot of results

Screenshot

Screenshot

Validator Testing

HTML

  • No errors were returned when passing through the official W3C Validator

CSS

Extra Features

  • Added few lines of JavaScript to make the menu toggling for mobile screens.

UnFixed Bugs

  • There are no unfixed bugs left

Deployment

How this project is deployed on GitHub Pages:

  • In the GitHub repository, navigate to the Settings tab
  • From the source section drop-down menu, select the Main Branch
  • Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.

How can you deploy on your environent:

  • Go to the repostiry link (https://haris-noori.github.io/yoga-website/)
  • Select the green "Code" dropdown button
  • copy the repo URL and open your system terminal
  • type in your terminal git clone <URL>, and enter
  • then cd into project directory
  • start the server with python3 -m http.server
  • and it will start running on your local IP, e.g, https://127.0.0.1/, try going to this link on your browser

You can find the live website here: https://haris-noori.github.io/yoga-website/

Credits

I would like to give credits to:

Acknowledgement

My Mentor Lauren Nicole, for informative sessions and helpful feedback.

Happy coding!

About

Simple Yoga Website for Code Institute Portfolio Project 1 - HTML & CSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages