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

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.
Texte à la ligne

intro H1 : visuel

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

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. 

intro h1 sans visuel : ...

image teaser : lien + visuels + texte

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. 

Lorem ipsum dolor sit amet

content - variant image left / right / left-right : intro + cta + h3 + texte + lien

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.

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

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.

CONTENT - VARIANT IMAGE LEFT / RIGHT / LEFT-RIGHT : TEXTE

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

Lorem ipsum

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.

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

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.

content - variant  without image : sans boite contenu

Content - variant with image : intro + H3 + texte + lien - 2 éléments - affichage standard

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. 

Image de test pour content with 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 dolor sit amet

Lorem ipsum dolor sit amet

Test image plus haute que 226 - le 07/01/2022 - 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

CONTENT - VARIANT WITH IMAGE : INTRO + H3 + TEXTE + lien - 2 ÉLÉMENTS - AFFICHAGE 1 colonne

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. 

Image de test pour content with 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. 

Lorem ipsum dolor sit amet

Test image plus haute que 226 - 07/01/2022 - 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.

Content - variant without image : intro + h3 + texte + lien - 1 élement - affichage standard

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. 

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
Composant section title
Image de test pour quote

quote : avec visuel

Lorem ipsum dolor sit amet

quote : avec visuel de commun/quote-visuel-vide

Lorem ipsum dolor sit amet

action teaser
action teaser 1 tile light blue
Lorem ipsum dolor sit ametLorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Traiteur évènementiel
Boulangerie / Pâtisserie
action teaser dans white container1 tile light blue
Lorem ipsum dolor sit amet
action teaser1 tile white
Lorem ipsum dolor sit ametLorem ipsum dolor sit amet
Lorem ipsum dolor sit ametLorem ipsum
Action teaser 1 tile full width section title - visuel hauteur variable
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit ametLorem ipsum dolor sit amet
Lorem ipsum dolor sit ametLorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

composant vidéo

Composant vidéo dans une structure splitter-column configurée pour un affichage réduit
-> toujours utilisable pour les vidéos locales placées dans la Media Library  

Sur quels réseaux positionner son établissement en 2021 ?

Vidéo ni locale, ni youtube dans content

Image avec un lien sur la vidéo -> lancement de la vidéo dans un autre onglet

 

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.

Brand teaser - 4 Tiles with section title
carré rouge

Le Guide Michelin

METRO est partenaire officiel du Guide Michelin et à ce titre remet les plaques Michelin aux établissements récompensés.

Lorem ipsum dolor set amet
carré rouge

Le Bocuse d'Or

METRO est le partenaire principal de ce prestigieux concours international qui se déroule à chaque édition du Sirha.

JE DECOUVRE LE BOCUSE D'OR

Lorem ipsum dolor set amet

Lorem ipsum dolor set maet

Lorem ipsum dolor set maet
carré rouge

Lorem ipsum

lorem ipsum dolor set amet

lorem ipsum
carré rouge

Lorem ipsum

lorem ipsum
carré rouge

Lorem ipsum

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

test

test : composant dans un splitter row paramétré