50-50 Block - Tshwane Interim

Adds the two images in 50-50 block with title and description

Content Type Details

ID: 103
Name: 50-50 Block - Tshwane Interim
Minimum user level: Contributor
Compatible with page layouts: Homepage, Landing Page, Inner Page: Full Width

Adds a two column grid with each column having various elements.

Left Column Image, Right Column Image - will output images to their respective sides. Recommended Dimensions 800 x 450 pixels. This is a 16:9 aspect ratio that displays well for card layouts.

Left Column Body, Right Column Body - It is recommended to place any links added here in an unordered list format <ul> to display with the relevant styling.

Content Type Elements Details

Name	Description	Size	Type	Required	Conditionally Shown
Name	The Name Element	80 Characters	Plain Text	Yes	No
Left Column Image	Select the image from media library	N/A	Media	Yes	No
Left Column Title	Title that appears on the image.	150 Characters	Plain Text	No	No
Left Column Body	Enter the body that appears below the image. See TinyMCE content options.	9999 Characters	HTML	Yes	No
Right Column Image	Select the image from media library	N/A	Media	Yes	No
Right Column Title	Title that appears on the image.	150 Characters	Plain Text	No	No
Right Column Body	Enter the body that appears below the image. See TinyMCE content options.	9999 Characters	HTML	Yes	No

Examples

Title #1

lorem ipsum dolor sit amet, consectetur adipiscing elit. etiam egestas vel mi et suscipit. curabitur molestie tellus id maximus lobortis. suspendisse sodales lorem eget urna lacinia, ac hendrerit risus lobortis. fusce tincidunt est purus, sit amet interdum enim tempus ut. pellentesque viverra enim vel metus iaculis, vel lobortis urna elementum. etiam facilisis neque vel mauris auctor porttitor. pellentesque sit amet ullamcorper massa.

Title #2

This is the left column body. In this example, no titles have been entered for each column.

This is the right column body. In this example, no titles have been entered for each column.

Link One
Link Two
Link Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu nulla in justo dignissim iaculis quis sit amet diam. Vivamus hendrerit velit pretium, placerat enim at, commodo felis.

Curabitur porta nisl sit amet condimentum rutrum. Nullam sed eros non ipsum faucibus pretium dictum ut dolor. Curabitur vel congue ipsum. Fusce pretium tempus ex, molestie luctus quam posuere sed. Integer nibh justo, aliquet in hendrerit vel, cursus nec enim. Phasellus justo eros, ullamcorper sit amet sagittis venenatis, facilisis rhoncus neque. Suspendisse leo ligula, egestas nec ante ac, vestibulum gravida nibh.

Only Right Column Title

This is the right column body. In this example, no titles have been entered for each column.

Cras varius augue vitae consectetur luctus. Quisque vestibulum luctus malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut pellentesque ante. Morbi ac aliquet turpis.

In commodo blandit nibh id laoreet.
Phasellus efficitur eu massa a imperdiet.
Vestibulum ut malesuada mauris.

Donec rhoncus

Ac dolor eget viverra. Mauris purus nulla, pulvinar ac tincidunt ut, vulputate non sapien.