Blocks

List of all the blocks available
Contact us

Preview

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

Top Section

List of blocks used inside the top section

teaser
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
teaser
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.

teaser
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
teaser
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
teaser
KPI
The goal of this block is to focus on 3 to 5 key facts to give prospective participants some quick facts.
More info
teaser
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
teaser
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
teaser
Zig Zag
The zig zag block allows you to alternate the placement of images and text on each horizontal row
More info
teaser
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
teaser
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
teaser
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
teaser
Logos
The goal of this block is to showcase brands, partnerships or rankings by showing one or more logos.
More info

Video

A list of blocks related to videos

teaser
Video
The video block allows you to add a video with a title and a description.
More info
teaser
Video gallery
The video gallery shows a list of videos with reduced size thumbnails.
More info
teaser
Video lead magnet
Video block containing a title, description, duration and a form that can be triggered at any point during the video
More info

Cards

A list of blocks related to cards

teaser
Article cards
Used to showcase interesting articles
More info
teaser
Event cards
Show recent and future events
More info
teaser
Bio cards
Show details about a faculty or guest speakers
More info
teaser
Pricing cards
Show pricing for a product
More info
teaser
Next session cards
Shows the next sessions of a product
More info
Event filters
Allows you to show a gallery of events with customizable filters options.
More info

Bottom section

List of blocks used inside the bottom section

teaser
Lead magnet image
Lead magnet with the ability to add a brochure and a background image
More info
teaser
Social media section
Block to represent all social media links
More info
teaser
Multiple brochure download
Use this block to select products and download their brochures
More info
teaser
Video lead magnet
Video block containing title, description, duration and a form that can be triggered at any point during the video
More info