Infographics

Quick-read infographics can be incorporated to allow users to easily and quickly review and digest information or statistics.

Available in: Gateway, Universal and Department pages.

Rendered HTML

Standard

public HBCU Nationally LOREM IPSUM DOLOR SIT AMET, CONSECTETUR

Department

public HBCU Nationally LOREM IPSUM DOLOR SIT AMET, CONSECTETUR

HTML Source

Click the copy icon button to copy the HTML example code.


<div role="region" aria-label="Infographics" class="container infographics">
  <div class="blueWrap">
    <div class="col4">
      <div class="infoWrap">
        <!--<p class="infoLarge"><em class="fas fa-graduation-cap"></em></p>-->
        <p class="infoSmall">
          <span class="lineOne">public HBCU Nationally</span>
          <span class="lineTwo">LOREM IPSUM DOLOR SIT AMET, CONSECTETUR</span>
        </p>
      </div>
    </div>
    <div class="col4">
      <div class="infoWrap">
        <p class="infoLarge">#1</p>
        <p class="infoSmall">
          <span class="lineOne">public HBCU Nationally</span>
          <span class="lineTwo">LOREM IPSUM DOLOR SIT AMET, CONSECTETUR</span>
        </p>
      </div>
    </div>
    <div class="col4">
      <div class="infoWrap">
        <p class="infoLarge">#1</p>
        <p class="infoSmall">
          <span class="lineOne">public HBCU Nationally</span>
          <span class="lineTwo">LOREM IPSUM DOLOR SIT AMET, CONSECTETUR</span>
        </p>
      </div>
    </div>
  </div>
</div>