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
Section with Background Image / with background gradient / text colour: white
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