1. Accueil
  2. Nos études de cas
  3. Exemple
  • Client

    Example Corp.

  • Taille du projet

    3 months

Les titres

1 page = 1 titre principal h1.

Dans le blog comme dans les études de cas, le h1 est le titre de l'article. Dans le corps de l'article, on commence donc par des h2.

h2 laceat quas odio atque molestiae

h3 laceat quas odio atque molestiae

h4 laceat quas odio atque molestiae

h5 laceat quas odio atque molestiae
h6 laceat quas odio atque molestiae

Les éléments typographiques

Nous avons des paragraphes, des liens, parfois du code inline.

  • des listes de choses
  • des listes de choses
  • des listes de choses

Nous avons aussi des citations. - Jane Doe

Un coup sur deux, on a un style différent de citation, sinon on s'ennuie.

Quoi ? Un deuxième style de citation ? Eos officia, vel corporis eaque architecto eveniet voluptatibus, ullam impedit excepturi quis quidem sint facere laboriosam harum error esse iusto. Asperiores, placeat. John Doe

Les images

Une image (une image qui a du sens, ça n'inclut pas les gifs rigolos) a toujours une légende, et si possible on crédite son auteur·ice.

vivamus bibendum
David sous l'eau 🐬 Crédit photo : Jonathan Singer

Les galeries d'images

Pour présenter plusieurs screenshots d'un projet, on préfère la galerie d'images. Elle se présente en grille de 2 images par ligne.

Chaque image est cliquable et peut-être agrandie dans une modal.

  • Légende de l'image
  • Légende de l'image
  • Légende de l'image

Lorem, ipsum, dolor sit amet consectetur adipisicing elit. Nihil distinctio repellendus ullam necessitatibus quaerat pariatur nam perspiciatis explicabo? Delectus nam quo vel consequuntur perferendis nulla, quis eos aliquid rerum suscipit.

La tribu

Voici les personnes de l'équipe qui ont contribué au projet.

D'autres études de cas