https://michodgs24.github.io/1-health/
Live Demo above
Health is such an important subject for all individuals to discuss. Especially mental health which is a subject gaining serious awareness in the public eye for the last few years. The idea behind the creation of the website is providing a platform that brings together images plus clips and quotes on mental, physical and nutrition health. General health contributes towards an individuals happiness and productivity in their daily lives personally and professionally. This site aims to act as an education tool plus a vehicle to learn more and improve users own general health.
This website is designed for users who want to visit a site and learn more about the importance of mental, physical and nutritional health in a visual manner. The major substance of information in the website are the clips; the clips can vary from thirty seconds to sixty minutes. With the ultimate goal to push forward the discussion around health and inspire individuals to take control of their personal health.
- i. As a user I want the webpage to be easy to navigate.
- ii. As a user I want to learn more about each health topic easily, so that I can become more educated on general health.
- iii. As a user I want the content to stand out from the background, so the site is easy to look at.
The main features left to implement are more clips, as clips are the main substance of the site and engage viewers.
michodgs25/1-health#1 (comment)
michodgs25/1-health#5 (comment)
michodgs25/1-health#6 (comment)
michodgs25/1-health#7 (comment)
- Wrote the code in git-pod.
- Languages used: HTML and CSS.
- Font-awesome version 5.8.1- https://fontawesome.com/
- Applied bootstrap cdn version 4.4.1- https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
- Applied Jquery version: jquery-3.2.1.slim.min.js, cloud flare: cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js and boostrap cdn version bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js
Shared the link on google, internet explorer and yahoo to ensure the site looks and works as it should on different browers.
Opened google developer tools and toggled the site between various device screens.
Is it mobile friendly? Yes according to Google Test Tool: https://search.google.com/test/mobile-friendly?id=YCYiLZmaYPTNkRVsAGS0DA
Site was tested in safari, firefox and chrome. Site works as intended.
Tested html and css code formatting with https://validator.w3.org/. Only one formatting error, otherwise code is up to standard.
The sites links and interactive media all works as intended.
Version control was conducted through following consistent updates through git-pod to git-hub project page.
- i. Git add.
- ii. Git commit -m "insert message".
- iii. Git Push that updates the existing files in git-hub.
Log on to github, type into search bar: michodgs24/1-health, this will take the user to project page, click the green button named gitpod. The user can clone or download the project files via green button by the same name. The user will need to have github and gitpod to deploy the site.
One formatting error on line 177: "lacks section heading". Initially viewing the site in mobile& tablet via google developer tools there is x-scroll. Refreshing the site resolves that issue. No other known issues.
I'd like to acknowldge code institute love running walk through project and code institute whiskey mini walk through exercises. which I took inspiration from. Social media platforms such as instagram and snapchat has inspired the visual experience for this website.
All video content belong to YouTube and its respective creators. All images and quote-images were taken from googe images and belongs to the owner of those images.