jQuery CSS Toggler

Please use jQuery to toggle between 2 CSS style themes for your web page. The goal is to see how dramatically different you can make the same HTML using CSS. The style theme should be something in opposition to each other like night/day, hot/cold, Playstation/Xbox, or desert/ocean.

Requirements:

• Use an external CSS & JS file, no internal or inline styles & scripts
  • Please comment your JS to break down your understanding of what is happening
  • You can use a CDN link for your jQuery (Links to an external site.) library reference
• Create a web page that includes these HTML 5 semantic elements:
• Your web page should have at least 3 images and they should all use the figure/fig caption elements
• All other content can be generated, but it would be more meaningful if you created content that meant something to you
• Create 2 completely different styles for your web page based on your theme but only apply one
  • Font, color, spacing and layout should be intentional and not default for all other elements on the page
  • Use classes for styling
  • As always no CSS frameworks all custom creations from your original self
• Create a button that uses jQuery to toggle between the two styles for your web page
• Confirm that the code is properly indented & formatted.
• Validate your code, there should be no errors