- To create a unique responsive website for a gym which will aim to attract potential members who want to know more about the gym and its procedures
- The site will also aim to be useable for existing gym members also
- As a first time visitor, i want to easily understand how to navigate the site
- Want to understand what the gym has to offer such as classes and schedule
- I also want to know the location of the gym and the opening hours as i need to see if i can find a time that works for me
- I would like to find the ways to then sign up for the gym
- As an existing user to the site, i want to find information on the schedules that the gym have on a weekly basis to see if there are any changes to the schedules
- I would also want to be able to easily access the conact details of the gym if i were to have any queries or problems with my gym membership/experience
The Header will be bold and easy to use with the name of A fitness with a home, signup and gallery button which users will be able to click to navigate from page to page
The Footer page will contain social media links for users to browse and connect even further with the gym
Home page will include details about the gym aswell as having hero images, it will also contain the gym schedules that we do during the week and some information about the gym and what we aim to do for users
Sign up page will include a sign up form for new members to join and get contacted if they happen to have any concerns
The Gallery page will showcase images of the gym and facilities aswell as photos of members of the gym working out
Wireframes have been created for all three pages and have been designed for desktop, tablet and phones. Wireframes can be viewed through the wireframes folder
I used a black and white colour scheme for my page layouts aswell as some blue to add some more color to make it look much more appealing, and i used the google fonts Roboto, Russo One and Shans Sherrif
The technology used to code my project was CSS and HTML
My pages seem to be responsive when testing on the following devices: Desktop, Pixel 2, Pixel 2xl, Iphone 6/7/8, Iphone 6/7/8 plus, Iphone x, Ipad, Ipad pro and Surface duo
- When inputing index.html code through w3schools validator all code for the index.html seem to fine with no erros
- When inputing gallery.html code through w3schools validator i had an error for my src elements as i needed to add an alt attribute to them
- When inputing CSS coding through w3schools validator i had 2 small errors in my coding due to typo errors
- When inputing signup.html code through w3schools validator i had a few errors involving the for attribute i had attatched in the input element
- Resolved the alt attribute issue for the gallery.html by adding an alt attribute to each src element
- Resolved the CSS errors by adjusting the typo erros
- Resolved the issue by deleting the for attributes inside the input elements