Webmail

Section

Usage

The section component give structure to a page. After creating a page you can add a 'section' to the page. In this section you can add other component to start creating your content.

Aligned - 12 columns - Dark Brown

This one is right aligned and span 4 grid column. The section is set to:

  • With animation
  • Set to front
Full width - Lemon

The section component give structure to a page. After creating a page you can add a 'section' to the page. In this section you can add other component to start creating your content.

This one is full width and is wider than the 12 column grid on both sides.

  • Set to back
  • No animation
Left aligned - 11 columns - Jeans Blue

This one is left aligned and spans 1:1 grid column. The section is set to:

  • Medium overlap with other section is selected
  • Set to back
  • With animation
Right aligned - 10 columns - Turquoise

This one is right aligned and span 10  grid column. The section is set to:

  • No overlap
  • No animation
Left aligned - 9 columns - Lila

This one is left aligned and spans 1 grid column. The section is set to:

  • Medium overlap with other section is selected
  • Set to front
  • With animation
Right aligned - 2 columns - Watermelon

This one is reight aligned and spans 2 grid column. The section is set to:

  • Medium overlap with other section is selected
  • Set to front
  • No animation
Left aligned - 3 columns - Bright Blue

This one is left aligned and span  3 grid column. The section is set to:

  • No overlap
  • With animation
Right aligned - 4 columns - Olivine

This one is right aligned and span 4 grid column. The section is set to:

  • Medium overlap
  • With animation
  • Set to back
Left aligned - 5 columns - Red
Right aligned - 6 columns - Shade_04
Left aligned - 7 columns - Watermelon

Section with a background video

Right aligned - 8 columns - Shade_04

Section with a background image with padding/margin enabled