Upcoming Events Component v1

[Conner05]

The design can be found here - https://www.figma.com/file/1EOo0bnRE0oRxidDNzVflS/C4K_App?node-id=3%3A8

For V1 we're just going to hard code the upcoming events. V2 will be to source them from mailchimp.

• [ ] Wrap in <Card></Card> component
• [ ] Name component UpcomingEventsCard
• [ ] Create component for each record called UpcomingEvent
• [ ] Make the Get Tickets button launch page to actually get the tickets for the event. You can find all of those here - https://christmas4kids.org/upcoming-events/
• [ ] Use these CSS properties for the date boxes in the UpcomingEvent component (obviously add more as needed)

  
  // box css
  background: #318AC7;
  width: 35px;
  height: 35px;

// month css font-family: Fjalla One; font-style: normal; font-weight: normal; font-size: 10px; align-items: center; text-align: center; color: #FFFFFF;

// day css font-family: Fregata; font-style: normal; font-weight: normal; font-size: 25px; align-items: center; text-align: center; color: #FFFFFF;

- [ ] Use these CSS properties for the event titles (add more as needed)

font-family: Fjalla One; font-style: normal; font-weight: normal; font-size: 10px; align-items: center; text-align: center; color: #318AC7;

- [ ] Use these CSS properties for the event descriptions (add more as needed)

font-family: Zilla Slab; font-style: normal; font-weight: 600; font-size: 8px; align-items: center; color: #15232E;

- [ ] Use these CSS properties for the Get Tickets / Learn More buttons (add more as needed)

// button css width: 60px; height: 20px; border: 1px solid #EF364B; box-sizing: border-box;

// text css font-family: Zilla Slab; font-style: normal; font-weight: 600; font-size: 8px; align-items: center; text-align: center; color: #EF364B;

[jason1985]

Hi @Conner05. I'd like to be assigned this if possible. Thanks!