Challenge 1: Refractoring-Code-Horiseon

Description:

• Refractoring provided code for a class assignment.
• Properly create the project and deploy it to GitHub, loading live without errors.

---

User Story:

• AS A marketing agency
• I WANT a codebase that follows accessibility standards
• SO THAT our own site is optimized for search engines.

---

Acceptance Criteria:

GIVEN a webpage meets accessibility standards...

• WHEN I view the source code,

• THEN I find semantic HTML elements.

• WHEN I view the structure of the HTML elements,

• THEN I find that the elements follow a logical structure independent of styling and positioning.

• WHEN I view the icon and image elements,

• THEN I find accessible alt attributes.

• WHEN I view the heading attributes,

• THEN they fall in sequential order.

• WHEN I view the title element,

• THEN I find a concise, descriptive title.

---

Completed Work:

• Removed all the (div) from the HTML, replacing them with appropriate semantic and attribute tags. (e.g., body, header, nav, h1 through h3, section, article, aside, footer,).
• Reorganized and consolidated the CSS code to match the updated and appropriate semantic tags within the HTML file.
• Added alt attributes when needed.
• Removed excess CSS code.
• Added the missing link to the top right header, "SearchEngineOptimization," which mirrors the other two headers to the right of it.
• Replaced the old title with a professionally appropriate one, 'Horiseon."
• Commented throughout HTML and CSS to provide the reader a more user-friendly and simple manner for following the structured code.

---

Student's Submitted Work:

• URL of the deployed application: Horiseon

• URL of the application's GitHub Repository: Challenge1-Refractor-

---

Final Product

License

This project is licensed under the terms of the MIT license.

---