Styleguide blog

Standard Rich Text:

Use all Headings except H1 (used for Article Title only). Heading must be used without jumps (H4 must be preceded by H3)

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Standard paragraph
Lorem ipsum pain follows, consolidating adipiscing elit. Aenean commodo ligula eget pain. Aenean massaged. Cum sociis nautical penatibus et magnis dis parturient montes, nascetur ridiculus mus. So quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla at massa qui enim.

‍Bold, Italic, Link

Quote

Bullet Points
Bullet Points

Ordered List
Ordered List

Custom Text Styles:

Copy the style name in the #-style field (lower case).

Blue-background

Lorem ipsum pain follows, consolidating adipiscing elit. Aenean commodo ligula eget pain. Aenean massaged. Cum sociis nautical penatibus et magnis dis parturient montes, nascetur ridiculus mus. So quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla at massa qui enim.

Bullet Points

Ordered List

Quote

Grey-background

Lorem ipsum pain follows, consolidating adipiscing elit. Aenean commodo ligula eget pain. Aenean massaged. Cum sociis nautical penatibus et magnis dis parturient montes, nascetur ridiculus mus. So quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla at massa qui enim.

Bullet Points

Ordered List

Quote

Salmon-background

Lorem ipsum pain follows, consolidating adipiscing elit. Aenean commodo ligula eget pain. Aenean massaged. Cum sociis nautical penatibus et magnis dis parturient montes, nascetur ridiculus mus. So quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla at massa qui enim.

Bullet Points

Ordered List

Quote

Yellow-Highlight
‍

Lorem ipsum pain follows, consolidating adipiscing elit. Aenean commodo ligula eget pain. Aenean massaged. Cum sociis nautical penatibus et magnis dis parturient montes, nascetur ridiculus mus. So quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla at massa qui enim.

‍

Red-Highlight
‍

Lorem ipsum pain follows, consolidating adipiscing elit. Aenean commodo ligula eget pain. Aenean massaged. Cum sociis nautical penatibus et magnis dis parturient montes, nascetur ridiculus mus. So quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla at massa qui enim.

‍

purple-highlight
‍

Lorem ipsum pain follows, consolidating adipiscing elit. Aenean commodo ligula eget pain. Aenean massaged. Cum sociis nautical penatibus et magnis dis parturient montes, nascetur ridiculus mus. So quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla at massa qui enim.

‍

Blue-text

Lorem ipsum pain follows, consolidating adipiscing elit. Aenean commodo ligula eget pain. Aenean massaged. Cum sociis nautical penatibus et magnis dis parturient montes, nascetur ridiculus mus. So quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla at massa qui enim.

Bullet Points

Ordered List

Quote

Salmon-text

Lorem ipsum pain follows, consolidating adipiscing elit. Aenean commodo ligula eget pain. Aenean massaged. Cum sociis nautical penatibus et magnis dis parturient montes, nascetur ridiculus mus. So quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla at massa qui enim.

Bullet Points

Ordered List

Quote

purple-text

Lorem ipsum pain follows, consolidating adipiscing elit. Aenean commodo ligula eget pain. Aenean massaged. Cum sociis nautical penatibus et magnis dis parturient montes, nascetur ridiculus mus. So quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla at massa qui enim.

Bullet Points

Ordered List

Quote

Small-text

Lorem ipsum pain follows, consolidating adipiscing elit. Aenean commodo ligula eget pain. Aenean massaged. Cum sociis nautical penatibus et magnis dis parturient montes, nascetur ridiculus mus. So quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla at massa qui enim.

Bigger-text

Lorem ipsum pain follows, consolidating adipiscing elit. Aenean commodo ligula eget pain. Aenean massaged. Cum sociis nautical penatibus et magnis dis parturient montes, nascetur ridiculus mus. So quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla at massa qui enim.

Custom Elements:

Copy the snippet in an html embed in a Rich Text Field

Preparing my stay

<div class="flexbox-vertical"><a href="/preparer-mon-sejour" class="main-button w-button" style="text-decoration: none !important">Preparing my stay</a></div>

<iframe width=” 100% "height="450" style="border:0" loading="lazy” allowfullscreen src=” https://www.google.com/maps/embed/v1/search?center =” =-33.9049067%2C18.421224&key=AIZasyd9hRLRui1Ani0-mtz7pVzxWXi4PGW0BCY&zoom=17&q=restaurants"></iframe>

Replace GPS coordinates and zoom level

Lorem Lipsum Pain Sits Amet, Conecteur adipiscing Elite. Suspend varius enim in eros elementum sad. Suis cursus, mi quivera ornare, eros pain interdum nulla, tu commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus di rutrum lorem imperdiet. Nunc ut sem vitae rissus sad powder.