intro h1 : intro + CTA + texte + lien + visuel

Lorem ipsum

intro H1 : visuel

intro h1 : variant intro text

Lorem ipsum dolor sit amet

intro H1 sans titre et sans intro

image teaser ( pas de variant)

Lorem ipsum dolor sit amet

visuel 744x744 réduction hauteur possible

image teaser 4 visuels max par ligne

visuel

content - variant with image (par défaut)

Rayon Fruits et légumes d'un entrepôt METRO

Lorem ipsum dolor sit amet

lien

Lorem ipsum dolor sit amet

content - variant image left / right / left-right

Lorem ipsum dolor sit amet

Image de test pour content left / right / left and right

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis, urna vel placerat mattis, odio urna rhoncus lorem, ac tristique diam magna ac urna. Nam egestas lorem posuere, pellentesque mauris nec, tempor nisi. Sed ante lacus, suscipit quis feugiat ac, facilisis sit amet est. Donec porta arcu quis mi rutrum, eget convallis eros vestibulum. Fusce commodo, leo at auctor maximus, orci felis pulvinar ante, sed blandit ante purus vitae libero. Fusce quis velit ipsum. Nullam velit dolor, aliquet ac tincidunt eu, pulvinar non mi. Fusce dapibus lorem malesuada quam vulputate, non mattis urna interdum. Maecenas cursus, ligula sed dictum consequat, enim purus ornare sapien, at blandit dui purus nec risus. Quisque volutpat scelerisque augue, non pharetra ligula congue et.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur

Donec porta arcu quis mi rutrum, eget convallis eros vestibulum. Fusce commodo, leo at auctor maximus, orci felis pulvinar ante, sed blandit ante purus vitae libero. Fusce quis velit ipsum. Nullam velit dolor, aliquet ac tincidunt eu, pulvinar non mi. Fusce dapibus lorem malesuada quam vulputate, non mattis urna interdum. Maecenas cursus, ligula sed dictum consequat, enim purus ornare sapien, at blandit dui purus nec risus. Quisque volutpat scelerisque augue, non pharetra ligula congue et.

Test : positionnement d'un autre H3 sans visuel dans le même H2

Dans la lignée du poke bowl hawaïen, le buddha bowl est un plat complet gourmand, sain et coloré. Dans un grand bol, on dispose des éléments crus et cuits (chauds ou froids) sans les mélanger, en soignant la présentation pour en mettre plein les yeux.

Voici la base de la recette du buddha bowl, facile à réaliser et à personnaliser :

1/3 de céréales/légumineuses au choix,
2/3 légumes, certains en lamelles, d’autres en dés, ou encore râpés.

Pour donner du relief à votre buddha bowl, ajoutez les indispensables graines germées, oléagineux et fruits secs du type graines de sésame, amandes ou grenades. Côté assaisonnement : optez pour la classique huile d’olive relevée de citron, ou tentez une vinaigrette au tahini (moutarde, huile parfumée, jus de citron, épices et bien sûr tahini).

Test sans texte et sans image

CONTENT - VARIANT WITH IMAGE : AFFICHAGE 1 colonne

Lorem ipsum dolor sit amet

Test image hauteur max - Lorem ipsum dolor sit amet

Sed ante lacus, suscipit quis feugiat ac, facilisis sit amet est. Donec porta arcu quis mi rutrum, eget convallis eros vestibulum. Fusce commodo, leo at auctor maximus, orci felis pulvinar ante, sed blandit ante purus vitae libero. Fusce quis velit ipsum. Nullam velit dolor, aliquet ac tincidunt eu, pulvinar non mi. Fusce dapibus lorem malesuada quam vulputate, non mattis urna interdum. Maecenas cursus, ligula sed dictum consequat, enim purus ornare sapien, at blandit dui purus nec risus. Quisque volutpat scelerisque augue, non pharetra ligula congue et.

Test sans image et sans texte

Texte possible dans toutes les variants d'un content

content - variant without image : sans boite contenu

Content - variant without image

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis, urna vel placerat mattis, odio urna rhoncus lorem, ac tristique diam magna ac urna. Nam egestas lorem posuere, pellentesque mauris nec, tempor nisi. Sed ante lacus, suscipit quis feugiat ac, facilisis sit amet est. Donec porta arcu quis mi rutrum, eget convallis eros vestibulum. Fusce commodo, leo at auctor maximus, orci felis pulvinar ante, sed blandit ante purus vitae libero. Fusce quis velit ipsum. Nullam velit dolor, aliquet ac tincidunt eu, pulvinar non mi. Fusce dapibus lorem malesuada quam vulputate, non mattis urna interdum. Maecenas cursus, ligula sed dictum consequat, enim purus ornare sapien, at blandit dui purus nec risus. Quisque volutpat scelerisque augue, non pharetra ligula congue et.

Lorem ipsum

Lorem ipsum dolor sit amet

Lorem ipsum

quote : avec visuel

Lorem ipsum dolor sit amet

quote : sans visuel

Lorem ipsum dolor sit amet

action teaser 1 tile light blue

with section title lorem ipsum

Texte button 1

Texte optionnel dans tous les action teaser

action teaser1 tile white

Lorem ipsum dolor sit ametLorem ipsum dolor sit amet

Texte button 1 Texte button 2

Action teaser : 2 Tiles With Section Title

action teaser 1 tile light blue

Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Action teaser : 1 Tile Full Width Section Title

Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Action teaser - 1 Tile With Section title - SANS IMAGE

Titre du composant

Texte du lien

Action teaser - 2 Tiles Dark Blue With Section Title

lorem ipsum lorem ipsum

lorem ipsum

Lorem ipsum

Content teaser : With Section Title - X éléments possibles

Lorem ipsum dolor sit amet

Attention SI TEXTE TRES LONG : Sed ante lacus, suscipit quis feugiat ac, facilisis sit amet est. Donec porta arcu quis mi rutrum, eget convallis eros vestibulum. Fusce commodo, leo at auctor maximus, orci felis pulvinar ante, sed blandit ante purus vitae libero. Fusce quis velit ipsum. Nullam velit dolor, aliquet ac tincidunt eu, pulvinar non mi. Fusce dapibus lorem malesuada quam vulputate, non mattis urna interdum. Maecenas cursus, ligula sed dictum consequat, enim purus ornare sapien, at blandit dui purus nec risus. Quisque volutpat scelerisque augue, non pharetra ligula congue et.

Lorem ipsum

Lorem ipsum dolor sit amet

content teaser - section heading and body - x éléments possibles

Lorem ipsum dolor sit amet

Marques METRO : la garantie de la qualité et des prix étudiés

Lorem ipsum dolor sit amet

content teaser - section heading and body

Lorem ipsum dolor sit amet

Nouveau Brand teaser (pas de variant) - X éléments possible

lorem ipsum

Icon teaser Row - with H2 and desc

Lorem ipsum

lorem ipsum

Lorem ipsum

lorem ipsum

Lorem ipsum

Recette de Chef - Sablé fenouil, crème citronnée et mascarpone

test

test : composant quote dans un splitter column paramétré

Brand Teaser - sans boiteNe s'affiche que si un lien est placé

Hero teaser

blue

Lien obligatoire ! pour affichage

Obligatoire pour affichage

yellow

Lien obligatoire ! pour affichage

Action Teaser Small - White with Section Title

Lorem ipsumSed ante lacus, suscipit quis feugiat ac, facilisis sit amet est. Donec porta arcu quis mi rutrum, eget convallis eros vestibulum. Fusce commodo, leo at auctor maximus, orci felis pulvinar ante, sed blandit ante purus vitae libero. Fusce quis velit ipsum. Lorem ipsum

lorem ipsumSed ante lacus, suscipit quis feugiat ac, facilisis sit amet est. Donec porta arcu quis mi rutrum, eget convallis eros vestibulum. Fusce commodo, leo at auctor maximus, orci felis pulvinar ante, sed blandit ante purus vitae libero. Fusce quis velit ipsum. Lorem ipsum

Lorem ipsum4ieme élément non utilisé

Action Teaser Small - Lightblue with Section Title

Lorem ipsum

4ieme non utilisé

Section Text - Lorem ipsum