Hero - Two Tone

A hero with a media side and content side that have different background colors

Note: The section this module is added to should have it's Content Alignment set to Full width.


View a live demo of this module.

Content

  • Add text and CTA to one side
  • Add image, video popup, or form to the opposite side
  • If adding image or video you can choose to cover the entire side with the image
  • Set content alignment (left or right)
  • Set row alignment (top, center, bottom)

Styles

  • Set Dark Mode
  • Change text alignment
  • Split lists in to two columns
  • Change content side background color
  • Change media side background color
  • Edit spacing of content and media sides separately
two-tone