Section Header

Section Header Block - DONKEY KONG

The Section Header Block introduces a new topic or section of the page and can be used at any point in the page template.  

Contents:

    • Block customization options
    • Block examples:
      • Left-aligned section header, with and without buttons
      • Center aligned section header, with button
      • 50/50 section header, with button

Section Header Block

The Section Header Block introduces a new topic or section of the page and can be used at any point in the page template.  

Contents:

    • Block customization options
    • Block examples:
      • Left-aligned section header, with and without buttons
      • Center aligned section header, with button
      • 50/50 section header, with button

Block customization options: 

ELEMENT REQUIRED OPTIONS AVAILABLE
Layout Variation Y
  • 2-Column
  • Left/Center Aligned
  • Side-by-Side
  • Piped
Background color N
  • None
  • Light Blue
Title Text N Manually curated
Heading Text N Manually curated
Description N Manually curated
Display button N
  • Checkbox (if checked, button settings all required)
Button Size Y
  • Default
  • Small
Button Style Y
  • Primary
  • Secondary
  • Tertiary
  • Ghost
Button URL Y
  • Link type & settings
Display Button Icon N
  • Icon alignment
  • Icon image selection

Title

Header

This is description section. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Link name

Block above has these settings:

ELEMENT REQUIRED

OPTION SELECTED
Layout Variation Y

2-Column
Background color N

Light Blue
Title Text N Manually curated
Heading Text N Manually curated
Description N Manually curated
Display button N

Checked
Button Size Y

Default
Button Style Y

Primary
Button URL Y

Manually curated
Display Button Icon N

Not checked

Title > Heading Text

Header > Heading Text

This is description section, which does not have rich text editor. This block has following settings: Reduce Bottom Padding = ON | Theme = LEFT Aligned | Display Button = ON, Default size, Primary Button | Display Button Icon = ON, Icon Alignment = First

Button Linkname

Block above has these settings:

ELEMENT

OPTION SELECTED
Layout Variation

2-Column
Background color

Light Blue
Title Text Manually curated
Heading Text Manually curated
Description Manually curated
Display button

Checked
Button Size

Default
Button Style

Primary
Button URL

Manually curated
Display Button Icon

Not checked

Title > Heading Text

Header > Heading Text

This is description section, which does not have rich text editor. This block has following settings: Reduce Bottom Padding = ON | Theme = CENTER Aligned | Display Button = ON, Small size, Secondary Button | Display Button Icon = ON, Icon Alignment = Last

Button linkname

Title > Heading Text

Header > Heading Text

This is description section, which does not have rich text editor. This block has following settings: Reduce Bottom Padding = ON | Theme = SIDE BY SIDE | Display Button = ON, Default size, Tertiary Button | Display Button Icon = ON, Icon Alignment = First

Button linkname

Title > Heading Text

Header > Heading Text

This is description section, which does not have rich text editor. This block has following settings: Reduce Bottom Padding = ON | Theme = SIDE BY SIDE | Display Button = ON, Default size, Ghost Button | Display Button Icon = ON, Icon Alignment = First

Button linkname

Travelers Risk Index Consumer infographic

Flibberty Jibbert