Key Info
Example use case
This content type could be used to highlight a specific message or event.
Required
- Background
- Icon code
- Heading
- Content
Background Colour
- Accent
- Accent alt
- Primary
- Secondary
- Primary medium
Icon
Any icon from https://fontawesome.com/icons?d=gallery See the below video for a demo on how to get the class required for this field!
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et ante blandit, cursus magna at, aliquam urna. Quisque ut bibendum massa, sed mollis lacus. Proin pellentesque lacus libero, et placerat odio gravida non. Integer euismod velit a eros vehicula, id pulvinar risus scelerisque. Sed vulputate orci lorem, eget pulvinar lectus dignissim eu. Nunc ante nibh, pellentesque eu tortor non, egestas convallis metus. Sed semper sed enim nec vulputate. Morbi vehicula lorem magna, id iaculis lectus tempor eget.
Background colour = Accent
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et ante blandit, cursus magna at, aliquam urna. Quisque ut bibendum massa, sed mollis lacus. Proin pellentesque lacus libero, et placerat odio gravida non. Integer euismod velit a eros vehicula, id pulvinar risus scelerisque. Sed vulputate orci lorem, eget pulvinar lectus dignissim eu. Nunc ante nibh, pellentesque eu tortor non, egestas convallis metus. Sed semper sed enim nec vulputate. Morbi vehicula lorem magna, id iaculis lectus tempor eget.
Background colour = Accent alt
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et ante blandit, cursus magna at, aliquam urna. Quisque ut bibendum massa, sed mollis lacus. Proin pellentesque lacus libero, et placerat odio gravida non. Integer euismod velit a eros vehicula, id pulvinar risus scelerisque. Sed vulputate orci lorem, eget pulvinar lectus dignissim eu. Nunc ante nibh, pellentesque eu tortor non, egestas convallis metus. Sed semper sed enim nec vulputate. Morbi vehicula lorem magna, id iaculis lectus tempor eget.
Background colour = Primary
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et ante blandit, cursus magna at, aliquam urna. Quisque ut bibendum massa, sed mollis lacus. Proin pellentesque lacus libero, et placerat odio gravida non. Integer euismod velit a eros vehicula, id pulvinar risus scelerisque. Sed vulputate orci lorem, eget pulvinar lectus dignissim eu. Nunc ante nibh, pellentesque eu tortor non, egestas convallis metus. Sed semper sed enim nec vulputate. Morbi vehicula lorem magna, id iaculis lectus tempor eget.
Background colour = Secondary
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et ante blandit, cursus magna at, aliquam urna. Quisque ut bibendum massa, sed mollis lacus. Proin pellentesque lacus libero, et placerat odio gravida non. Integer euismod velit a eros vehicula, id pulvinar risus scelerisque. Sed vulputate orci lorem, eget pulvinar lectus dignissim eu. Nunc ante nibh, pellentesque eu tortor non, egestas convallis metus. Sed semper sed enim nec vulputate. Morbi vehicula lorem magna, id iaculis lectus tempor eget.
Background colour = Primary medium
This video demonstrates how to use the image split content type.