Fork me on Github

Below you will find the info icon used by code.gov

Popover

Data Quality Score
The Data Quality Score is determined by using the information provided by Agencies in their code.json and by factors such as completeness and adherence to the metadata schema.
Data Quality Score:
The Data Quality Score is determined by using the information provided by Agencies in their code.json and by factors such as completeness and adherence to the metadata schema.
This is a sample card
<div style="text-align: right; width: 400px">
  <span>Data Quality Score</span>
  <div class="icon icon-help-circled popper">
    <div class="popover desktop right">The Data Quality Score is determined by using the information provided by Agencies in their <a href="https://code.gov/#!/policy-guide/docs/compliance/inventory-code">code.json</a> and by factors such as completeness and adherence to the <a href="https://code.gov/#!/policy-guide/docs/compliance/inventory-code">metadata schema</a>.</div>
    <div class="popover mobile left">
      <div class="popover-title">Data Quality Score:</div>
      The Data Quality Score is determined by using the information provided by Agencies in their <a href="https://code.gov/#!/policy-guide/docs/compliance/inventory-code">code.json</a> and by factors such as completeness and adherence to the <a href="https://code.gov/#!/policy-guide/docs/compliance/inventory-code">metadata schema</a>.
    </div>
  </div>
</div>
<div class="card" style="width: 400px">
  <div class="card-title">This is a sample card</div>
</div>