H1
The title of the page is always H1.
H2
H2 is bold and aligned to the left.
You can also choose to have a h2 that give more air (separates the content) from the above content block and where the title is underlined.
You then add the class _sectionTitle to the content block that contain the h2. See example page. On this page, the first three h2 are in a content block without any class. The h2: Contact our expert is a h2 inside a content block with class _sectionTitle.
Content block
To drag and drop the content block to a page, you do not need a grid-x. Content block can be added directly on the page.
Text and colours
Orange and red text will be removed from the editor. Text using this style before, will be replaced by a bold text.
Title h2 section title (class _sectionTitle)
Link in text (content block)
Note that the link should be a meaningful word that explain what content the user will open when they click the link. Avoid using generic words like Read more, See, Click or Link.
Example: Technologies can play a key role in supporting this change: Cloud, Artificial Intelligence and CyberSecurity.
Black, white, red and gradient buttons crushed by classic button SSG.
Tableau simple (simple table)
| Column 1 | Column 2 | Column 3 |
| Value 1 | Value 2 | Value 3 |
| x | y | z |
Tableau avec header nécessitant l'ajout de code HTML / Table with header that needs HTML code
| Header1 | Header2 | Header3 |
|---|
| Column 1 | Column 2 | Column 3 |
| Value 1 | Value 2 | Value 3 |
| x | y | z |
Table created with table wizard : first create a table selecting number of columns and rows. Then click on table with pen and in accessibility part you can add a row header.
| col1 | col2 | col3 |
|---|
| xcxc | dsf | sdf |
| | dsf | |