card-icon-grid.html

<div class="card-grid card-grid--icon">
  <div class="card card--icon">
    <div class="card__text card__text--icon">
      <div class="card__icon"><span class="sprite-icon sprite-money"></span></div>
      <h2 class="card__title card__title--icon">The highest salaries</h2>
      <div class="card__sub card__sub--icon">
        <p>Odio dignissimos ducimus qui blanditiis</p>
      </div>
    </div>
  </div>
  <div class="card card--icon">
    <div class="card__text card__text--icon">
      <div class="card__icon"><span class="sprite-icon sprite-nih"></span></div>
      <h2 class="card__title card__title--icon">#8 in NIH funding</h2>
      <div class="card__sub card__sub--icon">
        <p>At vero eos et accusamus et iusto </p>
      </div>
    </div>
  </div>
  <div class="card card--icon">
    <div class="card__text card__text--icon">
      <div class="card__icon"><span class="sprite-icon sprite-people"></span></div>
      <h2 class="card__title card__title--icon">Diverse student body</h2>
      <div class="card__sub card__sub--icon">
        <p>Odio dignissimos ducimus qui blanditiis</p>
      </div>
    </div>
  </div>
<div class="card card--icon">
    <div class="card__text card__text--icon">
      <div class="card__icon"><span class="sprite-icon sprite-global"></span></div>
      <h2 class="card__title card__title--icon">Global Outlook</h2>
      <div class="card__sub card__sub--icon">
        <p>Odio dignissimos ducimus qui blanditiis lorem ipsum</p>
      </div>
    </div>
  </div>
</div>