Section Test

Section blocks can be used for parts of a page that you can other blocks into. These blocks have padding, colour and background image settings.

Padding & Colour Variations


This is a white section with normal padding

This is a grey section with normal padding 

This is a white section with no padding

This is a grey section with no padding 

This is a white section with small padding

This is a grey section with small padding 

Background Image Variations


Section with Background Image / no background gradient / text colour: black

Here is a heading

Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content

Section with Background Image / no background gradient / text colour: white

Here is a heading

Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content

Section with Background Image / with background gradient / text colour: black

Here is a heading

Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content

Section with Background Image / with background gradient / text colour: white

Here is a heading

Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content

Background Image Origin Variations


Section with Background Image / no background gradient / Image origin: top

Here is a heading

Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content

Section with Background Image / no background gradient / Image origin: right

Here is a heading

Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content

Section with Background Image / no background gradient / Image origin: bottom

Here is a heading

Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content

Section with Background Image / no background gradient / Image origin: left

Here is a heading

Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content

Section with Background Image / no background gradient / Image origin: centre

Here is a heading

Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content