element on each page has been given a semi-transparent background so as not to break up the background entirely, but at the same time allow for easy readability.

Species-specific pages

There is 3 species-specific pages for each of the three featured species: arctic foxes, red foxes and fennec foxes. Each page has a large central image of a member of the fox species as well as 3 quick facts and a brief explanation of where they can be found.

A link can be found at the bottom of each page to the Wikipedia article of each species for further information.

Possible future features

In the future, it might be possible to add information for all 12 of the true fox species. More information could be provided, as well as technologies such as javascript implemented for a more interactive experience.

Testing

This project has been regularly tested visually on different browsers and devices. In particular, this project has been tested on the following devices and browsers:

• Desktop PC, Firefox
• Destkop PC, Microsoft Edge
• Destkop PC, Chrome - small degree of loss of resolution of images included in the table present on main.html
• Mobile, Firefox
• Mobile, Chrome

Validator testing

• The HTML successfully passed validation through the official W3C validator.

• The CSS successfully passed validation through the official Jigsaw validator.

Unfixed Bugs

No known bugs have been encountered.

Deployment

This site was deployed to GitHub pages. The steps to deploy are as follows:

• In the GitHub repository, navigate to and click on the Settings tab.
• Scroll down to the GitHub Pages section and click on the hyperlink.
• Select the master branch and the page will automatically refresh to confirm successful deployment.

The live link to this project cna be found at - https://ewen-simpson.github.io/CI_P1/index.html

Credits

Content

The text for all pages was self-written. Information was taken from the Wikipedia pages for;

• The-genus-vulpes
• Arctic-foxes
• Red-foxes
• Fennec-foxes

Supplemental information was taken from the San-Diego-Zoo-webpage-for-fennec-foxes and the Arctic-Kingdom-webpage-for-arctic-foxes

Media

With the exception of the Fox Facts logo which was created for the purposes of this project, all images are under Creative Commons and were taken from the associated Wikipedia articles previously listed or the Arctic Kingdom and San Diego Zoo websites, with the exception of the image for the Tibetan fox which was accessed from the Roaring-Earth-website and the background image which was created by Ray-Hennessy under the free-to-use Unsplash licence.

Code

Some segments of CSS code were adapated from tutorials by Lockdown-Design-and-SEO and W3-Schools. The exact code is highlighted by comments in the CSS.