Sélection de la langue

Manuel de conception de l'Infobase Santé

  Table des matières


Produits connexes

Les produits connexes permettent aux utilisateurs de trouver d'autres produits de données qui pourraient les intéresser.

Quand utiliser cette composante

  • Utilisez la composante de produits connexes pour aider les gens à découvrir d'autres outils de données liés au même sujet.

Quoi éviter

  • N'ajoutez pas de produits associés s'il n'y a pas d'autres produits de données liés au même sujet.

Design et code

Ces produits pourraient aussi vous intéresser :

Mise à jour sur l’épidémiologie de la COVID-19

Des données détaillées sur la propagation du virus dans le temps.

Vaccination contre la COVID-19

Nombre de doses de vaccin COVID-19 qui ont été administrées au Canada.

Tous les produits de l'Infobase Santé
HTML
<div class="well well-md">
  <h2 class="h3 mrgn-tp-sm mrgn-bttm-md">Ces produits pourraient aussi vous intéresser : </h2>
  <div class="row">
    <div class="col-md-6">
      <div class="col-md-3 hidden-sm hidden-xs">
        <img class="img-responsive mrgn-bttm-sm" src="/src/design-manual/img/covid.png" alt="" />
      </div>
      <div class="col-md-9">
        <h3 class="h4 mrgn-tp-sm">
          <a href="https://sante-infobase.canada.ca/covid-19/">Mise à jour sur l’épidémiologie de la COVID-19</a>
        </h3>
        <p>Des données détaillées sur la propagation du virus dans le temps.</p>
      </div>
    </div>
    <div class="col-md-6">
      <div class="col-md-3 hidden-sm hidden-xs">
        <img class="img-responsive mrgn-bttm-sm" src="/src/design-manual/img/vaccine.png" alt="" />
      </div>
      <div class="col-md-9">
        <h3 class="h4 mrgn-tp-sm">
          <a href="https://sante-infobase.canada.ca/covid-19/vaccins-administres/">Vaccination contre la COVID-19</a>
        </h3>
        <p>Nombre de doses de vaccin COVID-19 qui ont été administrées au Canada.</p>
      </div>
    </div>
  </div>
  <a href="https://sante-infobase.canada.ca/">Tous les produits de l'Infobase Santé</a>
</div>

Lignes directrices sur le contenu et le design

Lignes directrices sur l'accessibilité

Date de modification :