Live -https://oladipin.github.io/yoga-for-women
Source - https://github.com/oladipin/yoga-for-women
The Yoga For Women is a website for women who are interested in participating in yoga in Umea, Sweden. This is a community where we encourage women to be actively involved in yoga either as a form of exercise or as a form of therapy.
Users of this website can find useful information as to what the club is about, meeting days, time and location, social media contacts and explore page for seeing some activities in pictures and videos.
-
The Header
- The header contains the name of the club "Yoga For Women" and the navigation links to take users to different pages and sections of the website.
- It has a default background and a font of Montserrat.
-
The navigation
- The navigation has the club logo on the left and the menu on the right of the header.
- The menu in the navigation has four clickable links that takes users to different pages and sections of the website.
- Welcome Section
- The welcome section contains two parts
- A welcome note to describe and introduce users to the club.
- A cover image which shows some ladies in a yoga session.
-
Our forms of yoga
- The our forms of yoga section clearly explains to users the two forms of yoga that the club engages in which are:
- Yoga as exercise
- Yoga as therapy
-
Our meeting times and locations
- This section contains the meeting times and locations and a clickable button "join us now!".
- The join us now button redirect users to the sign up page.
- The Footer
- The footer is the same as the contact us section and it implies that when users click on the contact us in the navigation, it redirects to the footer.
- The footer contains all social media links of the club and the copyright property.
-
Explore Page
- This page take users to the video and picture gallery.
- The page shows users pictures and videos of some activities of the club.
-
Sign Up Page
- This page is where important information are collected from users who decide to join the club.
- It collects the first name, last name, email address, and mobile number of interested users.
-
I tested the page works on different browsers: Google chrome, Mozilla Firefox and Microsoft edge.
-
I tested the pages are responsive and works well on different screen sizes: Desktop, Laptop, Tablet and Mobile phone.
- I tested all navigation work perfectly and redirects users to the right pages/sections.
- I tested the form inputs works properly and it requires data entry in all fields.
-
HTML
- No error was found when validated with the official W3C HTML validator.
-
CSS
- No error was found when validated with the official jigsaw CSS validator.
-
Accessibility
- I confirmed that the colors and fonts have the right contrast and are therefore easy to read and access by running it through the lighthouse in devtools.
- No bugs
-
The site was deployed in GitHub pages and the steps of deployment are as follows:
- In the GitHub repository, click on the desired repository
- Navigate to the settings tab
- Navigate to pages
- From the source dropdown, select deploy from branch
- And select main from the branch dropdown and save
The live link can be found here - Yoga For Women
Contents
- Definiton of yoga as therapy was taken from Cleveland Clinic
- Definition of yoga as exercise was taken from Wikipedia
- The code for the photo gallery section of the explore page was taken from the Love running Project.
- All images and videos in this project was taken from Pexels