Manchester United Fan Page is site that can bring you closer to your favorite club.This site will be useful for people who want more knowlege about the club and want to be up to date about all news related to them.
-
Navigation Bar
-
This section will allow the user to easily navigate from page to page across all devices without having to revert back to the previous page via the ‘back’ button.
-
Navigation bar is featured on all three pages, it is identidal on each page.
-
Includes links to Home page, Legends and Sign Up page.
-
- Hero image
- Image of full Manchester United stadium "Old Trafford" on the right side and crest and some info about stadium on the left side
- On tablet and mobile screens images are one below other.
-
Eric Cantona quote
-
When I think football, I think Manchester United. I still support United and always will. I will die with them in my heart.
- We begin with a quote from Eric Cantona, a true legend of ManUtd known for his passion and love for the club.
-
-
History
- Brief history of ManUtd to familiar user with ther begginings and achievements over thier logn and succesfull history.
-
Footer
- The footer section includes links to the relevant social media sites for ManUtd Fan Page. The links will open to a new tab to allow easy navigation for the user.
- The footer is valuable to the user as it encourages them to keep connected via social media.
-
Manchester United legends
- This section makes the user more familiar with some of the biggest names who played in Manchester united so can create a bond for a user with a club.
-
The Sign Up Page
- This page allow user to sign up for newsletter so he can can up with all the news and transfers involving the club. Aslo he can choose to get newsletter on daily, weekly or monthly basis.
!{Screenshot of Sign Up Page}(/assets/images/screenshot-signup.png)
- HTML
- No errors were returned when passing through the official W3C validator
- CSS
- No errors were found when passing through the official (Jigsaw) validator
- Desktop testing
- Mobile testing
- Performance issues with mobile were due to loading fonts and fontawesome from style.css
- Performance issues with loading hero image were reduced mildly by chnging format from .jpg to .avif
- The site was deployed to GitHub pages. The steps to deploy are as follows:
- In the GitHub repository, navigate to the Settings tab
- From the source section drop-down menu, select the Pages
- In Build and deployment select source Deploy from a branch
- Choose branch main and save
- On top the Pages you will find the link to indicate the successful deployment
The live link can be found here - https://zvonimir667.github.io/milestone1/
- Code was written by Zvonimir Koska
- Fonts for this project were chosen from Fontjoy site
- Content was written by Zvonimir Koska, with some information provided through wikipedia page and Manchester United official website
- Quote from Eric Cantona on index.html page is from AZ quotes
- Stadium image - ManUtd Fansite
- Crest image - Logos world site
- Players images in Legends section - Official ManUtd page
- Background image in Sign Up page - Logos site
I would like to acknowledge the following people who helped me along the way in completing this project:
- Code Institute for giving me knowledge and tools to create this project
- My Code Institute mentor Jubril Akolade