Skip to content

Latest commit

 

History

History
88 lines (62 loc) · 2.97 KB

File metadata and controls

88 lines (62 loc) · 2.97 KB

Horiseon SEO solutions

Description:

Horiseon is an informative website providing insight in the the topics Search engine optimization, Online Reputation Management, and Social Media Marketing.

table of Contents:

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

Deployed application

https://maxkeable.github.io/Code-refactor-accessibitity/

Git Repo

https://github.com/MaxKeable/Code-refactor-accessibitity

Mock-Up

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

The Horiseon webpage includes a navigation bar, a header image, and cards with text and images at the bottom of the page.

Note: This layout is designed for desktop viewing, so you may notice that some of the elements don't look like the mock-up at a resolution smaller than 768px. Eventually you'll learn how to make elements responsive so that your web application is optimized for any screen size.

Screenshots.

Figure 1. Command line interface

screen shot 1

screen shot 2

screen shot 3

Installation Process

  1. Horiseion is a deployed website accessed by this URL: https://maxkeable.github.io/Code-refactor-accessibitity/

Built With

  • HTML
  • CSS

What I Learned

  1. How to refactor html code to follow better structure and more readable code.
  2. How to more effectivly use css and reause the same styling where possible.

Author

Follow me on Github at MaxKeable! Additional questions or concerns? feel free to contact me at keabledev@gmail.com

© 2023 MaxKeable. Confidential and Proprietary. All Rights Reserved.