One column row
One column rows should be used for minimal content to assist with ease of readability as long lines can become tiresome to read.
Two column row
Like the one column row, the two column row module is available to be used with left, centre or right alignment. However, due to readability, we suggest always left aligning content in a two column row.
Two column rows should be used for heavier content to help break up long tiresome lines of text. We suggest using accompanying images like this example shown and aligning the columns vertically centred.
Two column row
Like the one column row, the two column row module is available to be used with left, centre or right alignment. However, due to readability, we suggest always left aligning content in a two column row.
Two column rows should be used for heavier content to help break up long tiresome lines of text. We suggest using accompanying images like this example shown and aligning the columns vertically centred.
Like the one column row, the two column row module is available to be used with left, centre or right alignment. However, due to readability, we suggest always left aligning content in a two column row.
Two column rows should be used for heavier content to help break up long tiresome lines of text. We suggest using accompanying images like this example shown and aligning the columns vertically centred.
Three column row with heading
Highlight value #1
Great for highlighting content such as values. Can accompany with icons.
Highlight value #2
Great for highlighting content such as values. Can accompany with icons.
Highlight value #3
Great for highlighting content such as values. Can accompany with icons.
Four column row with heading
Highlight value #1
Great for highlighting content such as values. Can accompany with icons.
Highlight value #1
Great for highlighting content such as values. Can accompany with icons.
Highlight value #1
Great for highlighting content such as values. Can accompany with icons.
Highlight value #1
Great for highlighting content such as values. Can accompany with icons.
Alternate BG
You will have the ability to apply an alternate BG to a group of sections and elements. This will highlight key areas of interest for a user or used for in page call to actions like this example.
Form section
You will have the ability to create customised forms on any of your page templates that use the flexible content builder. The example below shows the design of the available form field options.
Table section
Table header | Table header | Table header |
---|---|---|
Item number one lorem ipsum dolor sit amet exercitation | 12345678 | 30% |
Item number one lorem ipsum dolor sit amet exercitation | 12345678 | 30% |
Item number one lorem ipsum dolor sit amet exercitation | 12345678 | 30% |
Item number one lorem ipsum dolor sit amet exercitation | 12345678 | 30% |
Gallery section
Two column with video
You have the ability to add your video inside of your content. This is an example of how you could add a two column video to a two column row. This can be done in any text block.
Downloads section
Tab section
Climate change
Community carbon abatement schemes, environmental research and education, water preservation, land conservation, community clean up and reforestation.
Community carbon abatement schemes, environmental research and education, water preservation, land conservation, community clean up and reforestation.
Community carbon abatement schemes, environmental research and education, water preservation, land conservation, community clean up and reforestation. Community carbon abatement schemes, environmental research and education, water preservation, land conservation, community clean up and reforestation.
Community carbon abatement schemes, environmental research and education, water preservation, land conservation, community clean up and reforestation. Community carbon abatement schemes, environmental research and education, water preservation, land conservation, community clean up and reforestation.
Quote section
These assets are well known to Santos. It also continues to strengthen our offshore operating and development expertise and capabilities to drive growth in offshore northern and Western Australia.
Indent accordion section
Where will the gas wells will be located?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.
Where will the gas wells will be located?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.
Where will the gas wells will be located?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.
Accordion section
Where will the gas wells will be located?
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vivamus suscipit tortor eget felis porttitor volutpat. Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Cras ultricies ligula sed magna dictum porta. Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vivamus suscipit tortor eget felis porttitor volutpat. Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Cras ultricies ligula sed magna dictum porta. Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vivamus suscipit tortor eget felis porttitor volutpat. Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Cras ultricies ligula sed magna dictum porta. Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vivamus suscipit tortor eget felis porttitor volutpat. Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Cras ultricies ligula sed magna dictum porta. Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.
List section
- Pellentesque in ipsum id orci porta dapibus.
- Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta.
- Nulla quis lorem ut libero malesuada feugiat.
- Pellentesque in ipsum id orci porta dapibus.
- Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta.
- Nulla quis lorem ut libero malesuada feugiat.