Default layout

The default layout is designed to optimally present your website's primary content. The layout offers flexibility, allowing you to combine various components to create a customised structure that best serves your specific needs. Read on to explore the available components for your customisation.

"On this page"

The "On this page" or table of content component is automatically generated! It will appear when there are two or more section headings or blocks added onto a page.

Accordion

The Accordion component is for supplementary content that may not be critical for all users but is relevant to specific audience segments.

Callout

The Callout component is used for short content that you want to draw attention to, for example, an updated alert or a warning message.

Cards (2 columns)

The Cards component offers versatile functionality, serving multiple purposes such as displaying events and facilitating navigation to related content.

100 characters in this title

150 characters in this optional description

800x400 or 2:1

That's the size or aspect ratio of an infocard

Cards (3 columns)

The Cards component can be configured to show either 2 or 3 columns.

This shows default image display

By default, images will fill the entire card

This shows an image that is "resized to fit"

Alternatively, you can opt to have the image "resized to fit". However it may introduce a white background depending on device size

Image "safe zones" in infocards

Should you use default image display, the image will crop towards centre depending on device size

Image with text

The Image with text component is utilised for images that directly complement adjacent text content.

Images should follow a size of 360x440, anything larger than it will crop to 360x440

Embeds

The Embeds component supports the integration of map and video links.

Image

The image component is intentionally responsive for optimal display across devices.

Alt text is mandatory for accessibility whilst caption is optional.

The image will fill page width with a fixed width of 800px.

Text

The Text component offers a variety of formatting features to enhance your content presentation.

Headings (Large)

Headings (Medium)

Headings (Small)

Paragraphs or normal text

Text can be written in bold

Text can be written in italics

Text can be written or in underline

Text can be written in strikethrough

Doing math? ^{we can also do superscript}

Additionally _{we can do subscript too!}

Hyperlinks

Hyperlinks are also possible to a page externally

Hyperlinks are also available to a page internally

Tables

Lists

1. Ordered lists

   1. You can indent them too.

• Unordered list

  • Same goes for unordered list.

Dividers