Celebrities/Present

[MarkyAaronYoung]

User Story

As a user, when I first visit the Present page, I should see a page with a header and a footer and header and paragraph with "Celebrities in Chinos"

AC

WHEN the user first visits the Present page THEN I should see a landing page AND there should be a header AND there should be a footer AND there should be a "Celebrities in Chinos" block with a header and block of text AND there should be group of buttons with categories "Actors, Athletes, Politicians, Other" AND there should be cards of examples that are sortable by the buttons.

Dev Notes

• TODO Celebrities in Chinos is a header. Description is a

  sorting buttons are the same navbar as navbar and footer Bootstrap Nav https://getbootstrap.com/docs/4.4/components/navbar/#nav with class of navbar-dark bg-dark for dark coloring.

Array for cards should have Who, occupation, and a picture. printCards creates domstring. printtodom

[MarkyAaronYoung]

[MarkyAaronYoung]

[luketlancaster]

so do the sorting buttons do anything? If so, break the functionality of the sorting out into a new card

[MarkyAaronYoung]

Page will be dynamically updated from a button click on the navbar or footer. There will be a mainContainer div that everything will be printed to. There will be a section with the header text and a paragraph. There will be another bootstrap navbar with content categories. Below that will be cards with pictures of celebrities wearing chinos and then text with who they are and what they're occupation is (actor, politician, athletes, musician, etc.). The content category buttons (i.e. occupations) will be able to sort through the cards by that category (stretch goal)