- The landing includes a photograph with text overlay to allow the user to see what is this site about.
- The reason I´ve chosen this image is because it is eye-catching.
- I also add a text box on the left hand side of the image to be more dramatic.

- The footer section includes links to the relevant social media sites for Eat Fibers. 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.

- In this section, the user will see a short video explaining what is fibers, and where they can get from. 
- I've added the video because I want the site to be more interactive with the audience and also because I want them to spend more time on the page as well.

- The gallery will provide the user with some ideas of what they could eat and drink on a daily basis.

- This page will allow the user to get in touch with us in case they have any questions related to fibers.

- I want to improve the Club-Fibers Section, I need to improve the format of the text.
- I want to add some pictures behind the section box-text-one and box-text-two.
- I want to format the gallery section and make a perfect square at the bottom of the section.
- I need to improve the Contact section I need the to page be adjusted in one square, like the Find Out More section.

- I´ve run the website on the differents web browsers, such as Google, Safari and Firefox.
- I´ve notice the Firefox has a better image quality compare to the others.

    - Firefox

    - Chrome

    - Safari

- Running the code on The W3C CSS Validation Service I was able to spot few erros:
- Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space. 

- I´ve also notice this erros:
- Imported style sheets are not checked in direct input and file upload modes.

- So I've researched on [https://www.py4u.net/discuss/1074517] and founded this answer:
- You're just trying to validate your CSS file using the W3C validator, and it's letting you know that it's not going to validate the imported style sheet (Google's). It's not an error, just some information for you.

- I´ve also testes on the mobile size and the code is responsive:

- I´ve used the DevTools and the Lighthouse report to achieve the results:

- After applying some rules on good accessibility, performance, and decreasing the size of the images I was able to achieve good metrics on the Lighthouse tool.

- The gallery I need to improve the bottom of the all images.
- I need to improve the bottom of the video section.
- The contact section has to be just one in a better size or to big.

- 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 Master Branch
    - Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.

- The photos used on the home, gallery, and sign up page were taken from an Open Source site:
    - (https://unsplash.com)

- The quote from landing page was taken from Pinterast post.
- The main text was from Harvard the nutrition source.
- Instructions on how to implement video section: You Tube: Med Today.
- The icons in the club-fibres section, the footer and the contact us section were taken from Font Awesome.