This is a landing page for Horiseon, a social solution services company

The current code for Horiseon does not follow HTML semantics and has some repeating/redundant CSS selectors. I will refactor the code and keep the same formatting of the existing code. The website is also missing alt tags which I will add so that the website will show up higher for SEO. The link for "Search Engine Optimization" is not working, will fix it so that the link is properly navigating to the proper id.

1. Formated the HTMl to follow HTML semantics. Example of change below

        Before
        <div class="#">
   
        After
        <section class="#">
   

2. Consolidated CSS selectors that were creating a class for an existing element and calling the class. Example of change (In HTML: < changed to In HTML: )

        Before
        <header class="header">
   
        After
        <header>
   

3. Fixed heading attributes to be used in sequential order

4. Added a more detailed title compared to "website"

5. Added alt attributes to image for accesibility

6. Fixed link for "Search Engine Optimization" that was not linking to proper area

7. Elements following a logical structure independent of styling and position

1. Download all files from the repository, open index.html within that folder.

The following image shows the web application's appearance and functionality:

Link to the deployed website

Link to the code repository

Chris Stallcup

• https://www.w3schools.com/html/html5_semantic_elements.asp
• https://www.markdownguide.org/basic-syntax/
• https://coding-boot-camp.github.io/full-stack/github/professional-readme-guide
• https://betterprogramming.pub/add-badges-to-a-github-repository-716d2988dc6a