C25. Text and image banner

Date	Update	Updated by

Date	Update	Updated by
14 Jan 2022	Component finalised	@Japneet Kaur (Deactivated) @Steven Mao (Unlicensed)

Overview

This component provides direction around how we might show text and image as a section on a webpage.

This component can be used to break up sections of a page. E.g. this component is used on the home page.

BR-#	Business rule

BR-#	Business rule
1	On mobile, the image is stacked below the text/CTA. On desktop it is be placed adjacent to the text/CTA.

Desktop	Mobile

Desktop	Mobile
Example	Example

#	Title	CMS Type	Mandatory	Notes

#	Title	CMS Type	Mandatory	Notes
1	Title	Text	Y	Title text
2	Description	Richtext	Y	Description text
3	Image	Drag and drop	N	Image
4	Alignment	Dropdown: Left (Default) Right Center	N	Alignment of image