Split
The split component is really just a big call to action with an image making up half the content, and text the other half.
When multiple split components are used they alternate their orientation as shown below.
Split with Anchor
This component can have an anchor to fulfil its call to action function.
Split without anchor
Or you can omit the anchor and use the split as a content block with image instead.
Responsive image sizes
The Split component accepts 3 images to enable a fully responsive layout. The widest image provided is also used on narrow screens when content is displayed in a single column. All three images are recommended, but you can omit the widescreen or standard image.
| widescreen | 1600 x 800 pixels |
|---|---|
| standard | 1200 x 800 pixels |
| square | 800 x 800 pixels |
Split
The split component is really just a big call to action with an image making up half the content, and text the other half.
When multiple split components are used they alternate their orientation as shown below.
...
...