Colonnes et cartes

Les colonnes

Les classes cols-2 à cols-6 créent des colonnes de même largeur. Le nombre indique les groupes par ligne, pas nécessairement le nombre total de groupes : les groupes supplémentaires passent à la ligne suivante, dans la limite de la place disponible.

<!-- _class: content cols-2 with-title cards medium -->

# Deux approches

> ## En local
>
> Le modèle fonctionne sur la machine.
>
> - Contrôle du matériel
> - Accès hors ligne

<!-- -->

> ## À distance
>
> Le modèle fonctionne sur un serveur.
>
> - Accès par API
> - Ressources mutualisées

Les groupes

Une colonne n’est pas définie par un titre, mais par un groupe explicite :

• chaque bloc > forme un groupe (une citation HTML blockquote) ;
• les lignes > vides séparent les paragraphes à l’intérieur du groupe ;
• le commentaire vide <!-- --> sépare deux groupes consécutifs et évite qu’ils fusionnent en une seule citation.

Un ## seul ne crée pas de colonne

Un titre ## hors d’un bloc > ne regroupe pas les paragraphes qui le suivent. Dans les colonnes, réservez les éléments directement sous la slide au titre, aux groupes et à la légende ; placez les textes explicatifs dans les groupes.

Plus de colonnes

<!-- _class: content cols-4 cards with-title small color-4 -->

# Quatre étapes clés

> ## Écouter
>
> Recueillir les besoins.

<!-- -->

> ## Concevoir
>
> Proposer une solution.

<!-- -->

> ## Livrer
>
> Mettre en service.

<!-- -->

> ## Améliorer
>
> Mesurer et ajuster.

Avec cols-3 et six groupes, on obtient deux rangées de trois :

<!-- _class: content cols-3 cards with-title small -->

# Six questions

> ## Qui ?
>
> Les utilisateurs.

<!-- -->

> ## Quoi ?
>
> Le service rendu.

<!-- -->

> ## Où ?
>
> Sur le terrain.

<!-- -->

> ## Quand ?
>
> Dès ce trimestre.

<!-- -->

> ## Comment ?
>
> Par étapes.

<!-- -->

> ## Pourquoi ?
>
> Pour gagner en clarté.

L’option cards

cards ajoute un fond, une bordure, des coins arrondis et une marge intérieure de 20 pixels. Les couleurs viennent de la palette de la slide.

• Elle s’applique aux groupes de contenu, aux images des galeries et aux étapes des timelines.
• Dans une composition image/texte, elle habille le bloc de texte.
• Elle ne crée pas les groupes et n’affecte pas les paragraphes arbitraires.

Sans cards, les mêmes groupes restent alignés en colonnes, sans habillage :

<!-- _class: content cols-3 with-title color-2 -->

# Sans cartes

> ## Simple
>
> Le texte seul.

<!-- -->

> ## Lisible
>
> Des colonnes alignées.

<!-- -->

> ## Sobre
>
> Aucun cadre.