Blocks

Preview

You can preview all blocks on the following link:
View all blocks

Top Section

List of blocks used inside the top section

Mega Top Banner

The top banner is the first element a user sees on your page. It contains the title of the page, an introductory text and depending of the selected layout, an image and a component (CTA button, form, countdown, media download or a video)

More info

Key Info

The goal of this block is to show at a glance key information about the product like the location, price, duration, next session date...

More info

Main Area

List of blocks available to structure your content

Content

A list of blocks to help you structure, highlight and focus the attention of the visitor.

Accordion

An accordion is a design element that expands in place to expose some hidden information. It is useful to shorten the page length.

More info

Blurb

Its purpose is to grab the attention of potential readers who will likely be scanning many blurbs in a short space of time.

More info

KPI

The goal of this block is to focus on 3 to 5 key facts to give prospective participants some quick facts.

More info

Quote

The quote block is used to represent a single quote with the author details. For an impactful quote, keep it focused and to the point.

More info

Quote gallery

The quote block gallery is used to showcase multiple quotes with the author details. For an impactful quote, keep it focused and to the point.

More info

Zig Zag

The zig zag block allows you to alternate the placement of images and text on each horizontal row

More info

Tabs

The goal of this block is to alternate between information within the same context. Use tabs only when users don't need to see content from multiple tabs simultaneously. The users can create from 2 up to 5 tabs per blocks

More info

Images

A list of blocks related to images

Before you start using images, please check all the best practices on the link below:

View images guideline

Picture

The picture block is used to add an image with our without caption. The user can select if the image goes full width (edge to edge of your browser window), grid width or paragraph width.

More info

Double picture

The double picture block is used to add 2 image with our without caption. If you use 2 landscape picture it goes full width, if you use 2 portrait images it goes grid width.

More info