skip to content

Quote Card

Usage: To display a single quote card

Page type used: Quote card

Can be used in all row options

Mobile: No major changes

Logic:

  • Card will span the entire width of the container it's sitting in
  • Cards with images on the left or right will change the image position to the top when the screen is less than 700px wide
  • Image will zoom in and out depending on the size of the quote card

Specs:

  • Need to select the card and not the folder where it exists
  • CTA's can be opened in a new window
  • Option to add an image to the top, left, or right side of the card

Image specs

  • If using the "top" position:
    • Height = 200px
    • Width = column width
  • If using the "left or right" position:
    • Height = height of card
    • Width = responsive but somewhere around 33% of card width