Health Infobase Design Manual

Related products

Related products allow users to find other data products they may be interested in.

When to use

Use related products to help people discover other data tools related to the same topic

What to avoid

Don’t add related products if there are no other data products related to the same topic.

Design and code

You might also be interested in:

COVID-19 epidemiology update

Detailed data about the spread of virus over time.

COVID-19 vaccination

Number of COVID-19 vaccine doses that have been administered in Canada.

All Health Infobase data products

HTML

<div class="well well-md"> 
  <h2 class="h3 mrgn-tp-sm"> You might also be interested in:</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://health-infobase.canada.ca/covid-19/"> COVID-19 epidemiology update</a> 
        </h3> 
        <p> Detailed data about the spread of virus over time.</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://health-infobase.canada.ca/covid-19/vaccine-administration/"> COVID-19 vaccination</a> 
        </h3> 
        <p> Number of COVID-19 vaccine doses that have been administed in Canada.</p> 
      </div> 
   </div> 
  </div> 
  <a href="https://health-infobase.canada.ca/"> All Health Infobase data products</a> 
</div>

Language selection

Health Infobase Design Manual

Table of contents