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)