code-refactor-horiseon

Project Background:

A marketing agency, Horiseon, has requested for the coding of their site to be cleaned in order to meet accessibility standards and increase opitimization for search engines

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 For Accessibiliy - HTML

Changed "title" element to "Horiseon"

Added "header" element in navigation section

Removed "div"element in navigation section and replaced with "nav" element

Provided comment on navigation section

Fixed broken links

Hero/Jumbotron --HTML--

Added main and section elements

Replaced div with "img" to identify class representing background image

Services --HTML--

Added comment for Services and added

elements to replace "div" elements

Added alt attributes onto images providing detailed description of image

Removed classes since it was a duplicate of ids and kept ids for CSS styling

Benefits --HTML--

Added alt attributes to images

Added comment for Benefits

CSS

Consolidated CSS classes that had the same margin, padding, height, font and color values

Consolidated elements with class header div ul

Re-ordered Style Sheet following HTML sequence structure

Added CSS comments

Launch Application

Deployment of Application

https://Sunita002.github.io/code-refactor-horiseon/