# Pied de biche - Composants ###### tags: `Liste` `Flow` `Composants` `Pied de biche` ## Composants bannière (à faire générique) (JP) ### Ban avec image ![](https://i.imgur.com/CPzlQCV.jpg) #### Contenu milieu gauche #### Contenu milieu milieu #### Contenu milieu droit #### Contenu bas gauche #### Contenu bas milieu #### Contenu bas droit #### Contenu light #### Contenu dark Image, sur-titre, titre, description, CTA, couleur --- --- ## Composants avec texte et images ### Bloc texte par dessus l'image (Ben) ![](https://i.imgur.com/4IKNKJm.jpg) #### Bloc texte gauche #### Bloc texte droite Image, sur-titre, titre, description, CTA --- ### Bloc texte et image, avec/sans produit (en générique / en cours) (JP) #### Bloc texte gauche ![](https://i.imgur.com/8EEnQZn.jpg) #### Bloc texte droit ![](https://i.imgur.com/wuA4cPj.jpg) #### Sans image ![](https://i.imgur.com/owwSR6w.png) Image, sur-titre, titre, description, produit, CTA --- ### Bloc SEO (JP) #### Bloc texte gauche ![](https://i.imgur.com/JIcyhwN.png) #### Bloc texte droit ![](https://i.imgur.com/YF3n1ir.png) Image, sur-titre, titre, description --- ### Texte, information et image (Ben) ![](https://i.imgur.com/pEX0wlt.png) Image, titre, description, picto, titre 2, description 2, CTA --- ### Slider d'image avec texte (déjà fait) ![](https://i.imgur.com/hkIGpNe.png) #### Slider à gauche #### Slider à droite Images, description --- ### Reassurances () ![](https://i.imgur.com/REqi1qh.png) Images, titres, descriptions, liens --- --- ## Composants images ### Double Push (JP) #### Avec écart ![](https://i.imgur.com/zbtN1g7.jpg) #### Sans écart ![](https://i.imgur.com/MbDwD2I.jpg) #### Contenu milieu gauche #### Contenu milieu milieu #### Contenu milieu droit #### Contenu bas gauche #### Contenu bas milieu #### Contenu bas droit #### Contenu light #### Contenu dark Image, sur-titre, titre, CTA, image 2, sur-titre 2, titre 2, CTA --- ### Push (JP) ![](https://i.imgur.com/rZxjVyD.jpg) #### Contenu milieu gauche #### Contenu milieu milieu #### Contenu milieu droit #### Contenu bas gauche #### Contenu bas milieu #### Contenu bas droit #### Contenu light #### Contenu dark Image, sur-titre, titre, CTA --- ### Image toute seule (JP) #### Grande ![](https://i.imgur.com/NpEiNBK.jpg) #### Petite ![](https://i.imgur.com/bJF3wCT.jpg) Image --- --- ## Composants texte ### Bloc titre et bloc texte (Ben) ![](https://i.imgur.com/yeUn0aE.png) Sur-titre, titre, description --- ### Bloc informations (Ben) ![](https://i.imgur.com/N0B8PzU.png) Titre, items (picto, titre, description) --- ### 2 blocs de texte côte à côte (en générique) (JP) ![](https://i.imgur.com/LUbUa7s.png) Sur-titre, titre, description, sur-titre 2, titre 2, description 2 --- ### Chapeau (en générique (peut être citation)) (JP) ![](https://i.imgur.com/SrGTTMm.png) Description --- --- ## Composants slider ### Slider "Derniers articles blog" (déjà fait) ![](https://i.imgur.com/qFAu5EE.png) Widget --- ### Slider d'image (déjà fait) ![](https://i.imgur.com/AXTAR2Y.jpg) Images --- ### Slider "vous aimerez aussi" (déjà fait) ![](https://i.imgur.com/PkzLquz.png) Widget --- --- ## Composants avec produit ### Bloc 3 produits #Listing_produits #### Carré ##### Grande image à droite ![](https://i.imgur.com/I3nLiKR.jpg) ##### Grande image à gauche ![](https://i.imgur.com/OI32W5w.jpg) #### Ligne ![](https://i.imgur.com/wfIu6dK.png) Image, produit, image 2, produit 2, image 3, produit 3 --- ### Bloc 1 produit avec texte #Listing_produits (en générique / en cours) ![](https://i.imgur.com/Bl8Zj5b.jpg) Image, produit, sur-titre, titre, description, CTA --- ### 1 image avec produit(s) #Lookbook (déjà fait) ![](https://i.imgur.com/Z7jT6oF.jpg) Image, produits --- ### 2 images côte à côte avec produit(s) #Lookbook (déjà fait) ![](https://i.imgur.com/TqdGIpu.png) Image, produits, image 2, produits 2 --- ### 3 images côte à côte avec produit(s) #Lookbook (déjà fait) ![](https://i.imgur.com/d9MmRD4.jpg) Image, produits, image 2, produits 2, image 3, produits 3 --- ### 4 images avec produit(s) #Lookbook (déjà fait) ![](https://i.imgur.com/MrQKUGw.jpg) Image, produits, image 2, produits 2, image 3, produits 3, image 4, produits 4 --- --- ## Composants Popup ### Popup Newsletter ![](https://i.imgur.com/65jfhVn.png) Image, widget --- ### Popup Bloc texte ![](https://i.imgur.com/dHavTTn.png) Sur-titre, titre, description