Service Cards

Almost full screen image with three cards below.

  • Intro is positioned at the bottom of the image.
  • Each card has the option for an icon, title, content block and link.
  • Cards float slightly up and turn orange on hover.
  • There is no spacing above applied to the top or bottom of the component
Label Name Type Notes
Content tab
Image service_cards_image clone (Clone of Utility : Image)
Intro service_cards_intro wysiwyg
Popup Video URL service_cards_popup_video_url text
Cards tab
Cards service_cards_cards repeater Repeater with icon picker field, heading field, link field, wysiwyg field
Options tab
Background Color service_cards_background_color select
Bottom Spacing service_cards_bottom select