Blocs
Colonnes 2/3/4/5
Ce composant permet de mettre un ou plusieurs éléments Card et de choisir leur répartition sur 2, 3, 4 ou 5 colonnes.
Card
| Option | Description |
|---|---|
| Position texte | Gauche/Centré |
| Gestion de l'image | Simple/Fond/Haut |
| Couleur de fond | Transparent/Bleu/Gris/Rose/Blanc |
| Radius - Arrondis sur la carte | Aucun/Rond/Goutte |
| Card entièrement cliquable ? | Si oui, alors possibilité de mettre une flèche pour inciter au clic. Si non, alors possibilité de mettre un lien en bas de la carte. |
Colonnes 2/3/4/5 - 2 colonnes - un élément
S'il y a un seul élément Card, il est centré dans la page.
Colonnes 2/3/4/5 - 2 colonnes - un élément
Options de la carte ci-dessous : Position texte centré, Gestion de l'image simple, Couleur de fond gris, Radius rond, Card entièrement cliquable sans flèche
Colonnes 2/3/4/5 - 2 colonnes - 2 élements
Il est possible de mettre un fond gris avec ou sans ornement grâce aux class bg-gray-100 (fond gris) et bg-drop (ornement).
Colonnes 2/3/4/5 - 2 colonnes - 2 élements
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Ségur du numérique en santé
Option de cette carte : Position texte à gauche, Gestion de l'image simple, Couleur de fond blanc, Radius rond, Card non entièrement cliquable avec un lien.
Ségur du numérique en santé
Option de cette carte : Position texte centré, Gestion de l'image simple, Couleur de fond blanc, Radius rond, Card non entièrement cliquable avec un lien.
Colonnes 2/3/4/5 - 3 colonnes
Colonnes 2/3/4/5 - 3 colonnes
Options des cartes ci-dessous : Position texte à gauche, Gestion de l'image fond, Radius rond, Card entièrement cliquable sans flèche
Colonnes 2/3/4/5 - 4 colonnes
Colonnes 2/3/4/5 - 4 colonnes
Options des cartes ci-dessous : Position texte à gauche, Gestion de l'image Haut, Couleur de fond bleu, Card entièrement cliquable sans flèche
Colonnes 2/3/4/5 - 5 colonnes
Colonnes 2/3/4/5 - 5 colonnes
Options des cartes ci-dessous : Position texte centré, Couleur de fond transparent, Card entièrement cliquable avec flèche
Mise en place
Charger les CSS suivantes :