list of modules

When an item is ‘translated’, it is possible to modify all the modules.

However, it is not possible to add or delete modules.

It lets you add and format text to communicate information, tell stories or explain concepts. This is the basic element that allows you to share your ideas and your message on your website.

• Add summary possible
• Background color : none - dark blue - light blue

Color of link in text component

This element allows you to insert videos within your text, creating an immersive multimedia experience. Videos are an excellent way of capturing visitors' attention and conveying information in a lively way.

Background color : None / Dark blue / Light blue

This element lets you add images to your website to make it more attractive and informative. It's a powerful way of adding dimension and beauty to your online content.

Large

• It is not mandatory to add a link.
• Image size is 926 x 600 for desktop device.

The accordion is used to present content in a compact, hierarchical way. It saves space, organises information into foldable sections, offers interactivity to users and makes navigation easier, all of which enhance the user experience.

• You can add these components to the Accordion component: Button(s), EDM list, Image, Key figures, Spacing, Text and Video.

Tabs allows content to be presented in tabbed format, providing a clear overview. Users can easily switch between tabs to access the information that interests them, simplifying navigation and content comprehension.

• You can add these components to the Tabs component: Accordion, EDM list, Image, Key figures, Podcast, Single button, Spacing, Switch, Text and Video.

Cards display content attractively and can be linked to pages or articles on the site. They are an effective way of presenting information in an engaging way and directing users to other parts of the site.

✅Ability to add 185 characters in the description in order to be able to add long text if the title is not contributed.

✅Image on the vertical version is no longer mandatory. It remains mandatory on the horizontal version.

Vertical

• It is not mandatory to add a link to a card.
• It is not mandatory to upload an image on vertical style
• Image size is 298 x 216 for desktop device.
• Cards are always centered in the column.
• 💡If you want to display 6 cards, contribute 2 components cards with 3 cards in each one of them.

Horizontal

• It is not mandatory to add a link to a card.
• The title must contain a maximum of 82 characters.
• Unlike the vertical style, the card has no description.
• Image size is 140 x 180 for desktop device.
• Cards are always centered in the column.

The card teaser component highlights the site's pages and articles in the form of a card, while excluding the display of an image.

• It is mandatory to add a link to a Card teaser.
• It is not mandatory to contribute the "Link text".
• There are two colors for the Card teaser background, "Grey" and "Dark blue".
• The description displayed corresponds to that of the linked page or article.

The EDM Card offers a user-friendly way of presenting documents stored in an EDM, with details such as title, description and a button for downloading them. It's an organized, intuitive way of sharing document resources with users.

This element is an organised list of PDF stored in EDM. It automaticly presents the files with their names and download links.

The Focus component highlights content in the form of a list by displaying the header image, a description of the content and a button redirecting users to the content.

• All fields are mandatory.
• A minimum of 4 and a maximum of 10 links must be contributed.
• The description and image displayed corresponds to that of the linked page or article.

⚠️ Contribute only internal links, no external links.

This displays information about the authors, including their name, title, description and photo.

• It is not mandatory to add a link.
• The information displayed corresponds to that added to the taxonomy "Authors".
• Image size is 100 x 100 for desktop device.
• There are two colors for the People background, "Light blue" and "Dark blue".

Key figures makes it possible to present key statistics in an attractive way, with figures and description. This will highlight the most crucial data so that users can quickly understand them and make informed decisions.

• No more than 4 stats can be added.
• There are three colors for the Key figures background, "None", "Light blue" and "Dark blue".

This component allows you to display striking quotes with their authors, adding a touch of impact to your website.

• There is a limit of 300 characters.
• The Author has to added as a "taxonomie" before contribution.
• Image size is 100 x 100 for desktop device.
• There are two colors for the Quote background, "Light blue" and "Dark blue".

This is the title that captures the essence of the content that follows. The title is crucial in giving a clear and eye catching overview of what user can expect from the page or content, encouraging them to explore further.

• To add a breaking point to your title, add <br>
• Add strong keywords in your titles, important for SEO

Background colors :
- Grey 
- White 

Media position :
- Right 
- Left

Possible :
- Video 
- Image 
- Podcasts

Add to summary : not possible

The carousel is an interactive slideshow. It allows you to scroll through several images, texts or content elements in sequence. It can also be used to link these elements to links or pages, guiding users to specific content.

• It is not mandatory to add a link to an Image.
• Image size is 364 x 200 for desktop device.
• You can add these components to the Carousel component: Image (68 caracter), Quote (300 caracter)and Video.

This component can be used as a link or clickable button on a website. It guides users to other pages or actions, facilitating navigation.

Position : left / center

Single button

Multiple buttons

The EDM Button component is a similar version of the Button component, designed to direct users to documents hosted in the EDM.

The Listing links component makes it easier to access links to highlighted content by presenting a list organised in two columns.

• Links are mandatory in both columns.
• It is not mandatory to contribute the title of the second column.

This lets you share audio episodes, complete with titles, descriptions and images, to captivate your audience with engaging audio content. It's a captivating way to offer your visitors an auditory experience, inviting them to immerse themselves in your world of sound.

• Several podcasts can be added.

The spacing is an empty space used to aerate pages by adding space between elements. This improves legibility and layout, creating visual balance and making content more attractive to users.

• There is either white spacing or a line.

A spotlight is an element that allows you to add a title, a description and a button with a link to your web pages.

• "URL" and "Link text" fields are mandatory.
• The background is automatically set to "Dark blue".

Latest publication

Filters available: 

• Translated title
• Position title : Left or Center
• Block : Latest publications
• Display title: 
• Override title
• Title : type title 
• Items per block : number between : 3 to 48
• Type of publications : Article & Page /Page only / Article only
• Display load more button : Show a load more button after
• Topic of publications : 1 our several topics
• Exclude the selected topics
• Tag of publications
• Exclude the selected tags
• Hide publication date
• Position card : Left or Center

Filter selected : Article only + topics pension funds + treasury