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 - BLACK

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

  • Medium overlap
  • with animation
  • set to front
FULL WIDTH - PINK

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 with no animation

LEFT ALIGNED - 11 COLUMNS - YELLOW

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 - dark grey

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

  • no overlap
  • no animation
LEFT ALIGNED - 9 COLUMNS - BLUE GREEN

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 - BLACK

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 - BLUE

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

  • No overlap
  • with animation
Right ALIGNED - 4 COLUMNS - BLUE green

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 - DARK GREY
RIGHT ALIGNED - 6 COLUMNS - GREEN
LEFT ALIGNED - 7 COLUMNS - PINK

Section with a background video

RIGHT ALIGNED - 8 COLUMNS - VERY LIGHT GREY

Section with a background image with padding/margin enabled