Refactor Me!

This page is full of lots of violations of the DRY principle (Don't Repeat Yourself) along with a number of other violations of HTML markup best practices.

Your goal is to refactor the HTML, CSS and JavaScript on this page so that you have:

  1. a clear separation of concerns between HTML, CSS and JavaScript
Click Here to See Suggested Refactoring Path!
  1. Refactor inline styles (into the head tag or an external stylesheet).
  2. Refactor duplication that exists in the inline style tags.
  3. Refactor markup to use appropriate html elements.
  4. Refactor styles to eliminate the property duplication.
  5. Refactor javascript to eliminate inline click handler.