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

#1

public HBCU Nationally LOREM IPSUM DOLOR SIT AMET, CONSECTETUR

#1

public HBCU Nationally LOREM IPSUM DOLOR SIT AMET, CONSECTETUR

Department


 

public HBCU Nationally LOREM IPSUM DOLOR SIT AMET, CONSECTETUR

#1

public HBCU Nationally LOREM IPSUM DOLOR SIT AMET, CONSECTETUR

#1

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>