HoriseonRefactor

Code Refactor Ticket: adjusted codebase to follow accessibility standards so the website is optimized for search engines.

The Horiseon website codebase has been refactored to meet accessiblity standards with the proper semantic structure of the HTML and CSS elements. The code structure and styling has been improved to follow logical and sequential order as well as consolidation of code.

Refactor Details:

HTML--

1. Updated title from "website" to "Horiseon"
2. Corrected broken page navigation link
3. Changed the div elements to semantic HTML elements that allow for proper SEO: header, nav, article, section, aside, footer.
4. Consolidated "id" and "class" attributes in both HTML and CSS files.
5. Added "alt" attributes to images to meet accessability standards.
6. Added line breaks between block elements to make it easier to read and edit.

CSS--

1. Renamed classes to follow semantic HTML structure to their correspoding elements.
2. Reordered CSS to follow the sequential order of the HTML.
3. Consolidated duplicate classes for a cleaner, more streamlined CSS code.

Usage

URL - https://ggfalloon.github.io/HoriseonRefactor/
Use the navigation bar to toggle to the corresponding sections of the webpage.

Credits

• W3Schools.com
• Moz.com

License

MIT - MIT LICENSE © Gabriele Falloon - [email protected]