Project Title:

Horizon Social Services Marketing Agency Their Website was created to showcase the company's offerings from Search Engine Optimization to Online Reputation Management and Social Media Marketing.

The project: The goal was to update the website to a state where it follows accessibility standards and it is optimized for search engines.

Table of contents:

• The project repository: https://github.com/BeresIvan/HM1_Refactor
• The README.MD file with all the instructions: https://github.com/BeresIvan/HM1_Refactor/blob/master/README.md
• The STYLE.HTML file contains the HTML code: https://github.com/BeresIvan/HM1_Refactor/blob/master/index.html
• The ASSETS folder contains the Images folder and the CSS folder: https://github.com/BeresIvan/HM1_Refactor/tree/master/assets
• The IMAGE folder contains all the images used on the website: https://github.com/BeresIvan/HM1_Refactor/tree/master/assets/images
• The CSS folder contains the STYLE.CSS file that is linked to the HTML file: https://github.com/BeresIvan/HM1_Refactor/tree/master/assets/css
• The STYLE.CSS file contains all the style sheet code for the web page: https://github.com/BeresIvan/HM1_Refactor/blob/master/assets/css/style.css

Current status and updates:

• Updated the website title to "Horiseon Social Solution Services, Inc."
• The HTML file was updated with semantic elements that replaced the div elements where it was over used.
• Replaced the div elements with Header elements to make it more simple and easier to read.
• Fixed the "Search Engine Optimization" link in the navigation bar to make sure it functions properly.
• Replaced the div class with div id element for consistency in the
• Replaced div elements with section and article elements for the purpose of better semantics.
• Utilized the aside html semantic element to replace div elements.
• Inserted the footer element to replace div elements.
• Added alt attributes to all the image links which enhances accessibility, readability and search engine optimization.
• Consolidated redundant CSS elements that had identical styling.
• Fixed indentation in the HTML code.

The project was created by using Visual Studio Code https://code.visualstudio.com/ , Git Bash https://gitforwindows.org/index.html , and github https://github.com/join

Installation guide:

• Go to the repository page by following the link: https://github.com/BeresIvan/HM1_Refactor
• Clone the repository using the "git clone" command in the command line.
• Open the files in visual studio code using the ". code" command in the command line.
• The web page can be accessed using this link https://beresivan.github.io/HM1_Refactor/