kayleriegerpatton / marketing-page-semantic-html-refactor

Refactor for accessibility.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

marketing-page-semantic-html-refactor

Refactoring a marketing webpage incorporating semantic HTML structures to improve accessibility. Focused on desktop viewport. Also reduced duplicate style declarations within css.

GitHub Pages

Marketing-page-semantic-html-refactor

Work done

  • Added descriptive document title.
  • Incorporated semantic HTML elements.
  • Fixed nav links to jump to page elements.
  • Added alt attributes throughout.
  • Reduced duplicate style declarations.
  • Added comments throughout HTML and CSS files.

Technologies used

  • HTML
  • CSS

Screenshots

After refactoring: _Users_kaylerieger_coding_bootcamp_homeworks_code-refactor_index html (1)

Original: _Users_kaylerieger_coding_bootcamp_instructor_src_class-content_01-HTML-Git-CSS_02-Homework_Develop_index html (2)

About

Refactor for accessibility.


Languages

Language:HTML 68.2%Language:CSS 31.8%