Event Callout

Large hero to call out an upcoming event.

event-callout-banner

Settings

  • First image [Image picker]
  • Mobile content alignment [Select]
    • Alignment of left side text on mobile
      Options: Left, Center, Right
  • Second image [Image picker]
  • Heading [Inline Rich Text]
  • Caption [Inline Rich Text]
  • Caption 2 [Inline Rich Text]
  • Text style [Select]
    • Options: Subtitle, Uppercase
  • Text size [Select]
    • Options: Small, Medium, Large
  • Desktop content alignment [Select]
    • Alignment of right side text on desktop
      Options: Left, Center, Right
  • Mobile content alignment [Select]
    • Alignment of right side text on mobile
      Options: Left, Center, Right
  • Image behavior [Select]
    • Options: None, Ambient movement, Zoom in on scroll
  • Color Scheme [Color scheme picker]
  • Background [Select]
    • Options: Default, Accent, Gradient, Gradient Blob Left-Top, Gradient Blob Right-Bottom
  • Top padding (desktop) [Range]
  • Bottom padding (desktop) [Range]
  • Top padding (mobile) [Range]
  • Bottom padding (mobile) [Range]

Blocks

Blocks are rendered in the left-side content.

Heading

  • Heading [Inline Rich Text]
  • Semantic Level [Select]
    • HTML element to use for this heading
      Options: h1, h2, h3, h4, h5, h6
  • Style [Select]
    • Match the styles of another heading level, regardless of the semantic elemental level.
      Options: h0, h1, h2, h3, h4, h5, h6

Caption

  • Text [Text]
  • Text [Text]
  • Text style [Select]
    • Options: Subtitle, Uppercase
  • Text size [Select]
    • Options: Small, Medium, Large

Text

  • Description [Rich Text]
  • Use checklist bullets on unordered lists [Checkbox]
  • Text size [Select]
    • Options: Small, Medium, Large

Buttons

  • First button label [Text]
  • First button link [Link]
  • Use secondary button style [Checkbox]
  • Second button label [Text]
  • Second button link [Link]
  • Use secondary button style [Checkbox]