Personal Bio site with more jQuery

Codepen Instructions

Open up your Personal Bio Site CodePen


Instructions

  • Part 1: Using jQuery, hide the contact form when your site initially loads.
    • When your site loads, display your contact details(name, email, address, phone) and a button with the label Contact Me
    • When the user clicks the button, your contact form will appear. The contact details and the button that was clicked will be hidden.
  • Part 2: Animate your favorite cards that list your 5 favorite movies/books/tv shows.
    • For each of images, add an id so you can target it using jQuery.
    • Add a different animation for each image so that when the user double clicks on the image, the animation takes place.