H1 TITRE DE LA PAGE DANS LA SECTION HERO

Titre de la section H3 Hero. Doit si possible contenir une proposition de valeur Bold Claim et travailler avec une couleur de surbrillance.

smartmakers en-tête image superposée

Mise en page & Conteneurs

Construire des sections avec des conteneurs Elementor

Informations importantes sur le contrôle de la mise en page par les conteneurs d'une section :

  • Conteneur de sections: ici, seule la hauteur de la section est normalement réglée individuellement, ainsi que la couleur de fond de la section. Pour garantir l'espace blanc au-dessus et en dessous du contenu d'une section, le conteneur dispose d'un padding Top + Bottom.
  • Align Container: a trois fonctions 1) sert à l'alignement central de tous les autres contenus / conteneurs ainsi que 2) à la détermination de l'ordre dans la vue desktop, tablette ou mobile ainsi que 3) crée un espace de 32px entre tous les conteneurs.
  • Conteneur de contenu: tous les éléments de contenu comme les titres, les textes, les listes et autres widgets se trouvent dans ces conteneurs.
Contenu de cette page

Les sections existent en cinq hauteurs différentes, voir les exemples ci-dessous.

Section 320px

H3 Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed facilisis sapien. Fusce euismod euismod lobortis. Aliquam pulvinar mi quis ipsum tristique, sit amet luctus dolor lacinia. Aenean non tincidunt justo.

Section 480px

H3 Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed facilisis sapien. Fusce euismod euismod lobortis. Aliquam pulvinar mi quis ipsum tristique, sit amet luctus dolor lacinia. Aenean non tincidunt justo.

Section 640px

H3 Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed facilisis sapien. Fusce euismod euismod lobortis. Aliquam pulvinar mi quis ipsum tristique, sit amet luctus dolor lacinia. Aenean non tincidunt justo.

Section 800px

H3 Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed facilisis sapien. Fusce euismod euismod lobortis. Aliquam pulvinar mi quis ipsum tristique, sit amet luctus dolor lacinia. Aenean non tincidunt justo.

Section 960px

H3 Titre

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed facilisis sapien. Fusce euismod euismod lobortis. Aliquam pulvinar mi quis ipsum tristique, sit amet luctus dolor lacinia. Aenean non tincidunt justo.

Exemples de mise en page pour une expérience utilisateur stylée et élégante

H2 Section Headline

4 x 384px Grille

En-tête H3. Voici un exemple de section avec un titre de deux lignes

Il s'agit d'un texte courant régulier avec une hauteur de ligne normale. Il existe quatre styles de texte courant différents :

  • body-01-long est le texte courant régulier avec un interligne élevé
  • body-01-short a un interligne plus petit
  • body-02-long a une taille de police plus grande
  • body-02-short a un petit interligne pour une taille de police plus grande  

Faire parler une image

8 x 176px Section de la grille

Connectez vos chaînes d'approvisionnement, vos flux de matériaux internes, vos entrepôts et vos chantiers.

Body-02-Long Grâce à la technologie de pointe IoT Asset Tracking , l'emplacement, l'état et le statut de vos supports de charge, envois, conteneurs, véhicules et équipements sont visibles en temps réel.

Faire parler une image

8 x 176px Section de la grille

Connectez vos chaînes d'approvisionnement, vos flux de matériaux internes, vos entrepôts et vos chantiers.

Body-02-Long Grâce à la technologie de pointe IoT Asset Tracking , l'emplacement, l'état et le statut de vos supports de charge, envois, conteneurs, véhicules et équipements sont visibles en temps réel.