33 #outreach Outreach

Outreach component.

Example
4 Columns
  • 97 Million People Potential media outreach
  • 22.5 Million People Social media impressions
  • 650.000 Viewers live webstreaming
  • 50.000 People Participating
3 Columns
  • 97 Million People Potential media outreach
  • 22.5 Million People Social media impressions
  • 650.000 Viewers live webstreaming
2 Columns
  • 97 Million People Potential media outreach
  • 22.5 Million People Social media impressions
<div class="kss-state">4 Columns</div>

<ul class="outreach">
  <li class="outreach__item">
    <span class="outreach__item__heading">
      97
    </span>
    <span class="outreach__item__title">
      Million People
    </span>
    <span class="outreach__item__desc">
      Potential media outreach
    </span>
  </li>
  <li class="outreach__item">
    <span class="outreach__item__heading">
      22.5
    </span>
    <span class="outreach__item__title">
      Million People
    </span>
    <span class="outreach__item__desc">
      Social media impressions
    </span>
  </li>
  <li class="outreach__item">
    <span class="outreach__item__heading">
      650.000
    </span>
    <span class="outreach__item__title">
      Viewers
    </span>
    <span class="outreach__item__desc">
      live webstreaming
    </span>
  </li>
  <li class="outreach__item">
    <span class="outreach__item__heading">
      50.000
    </span>
    <span class="outreach__item__title">
      People
    </span>
    <span class="outreach__item__desc">
      Participating
    </span>
  </li>
</ul>

<div style="clear: left; margin-bottom: 30px;"></div>
<div class="kss-state">3 Columns</div>

<ul class="outreach">
  <li class="outreach__item">
    <span class="outreach__item__heading">
      97
    </span>
    <span class="outreach__item__title">
      Million People
    </span>
    <span class="outreach__item__desc">
      Potential media outreach
    </span>
  </li>
  <li class="outreach__item">
    <span class="outreach__item__heading">
      22.5
    </span>
    <span class="outreach__item__title">
      Million People
    </span>
    <span class="outreach__item__desc">
      Social media impressions
    </span>
  </li>
  <li class="outreach__item">
    <span class="outreach__item__heading">
      650.000
    </span>
    <span class="outreach__item__title">
      Viewers
    </span>
    <span class="outreach__item__desc">
      live webstreaming
    </span>
  </li>
</ul>

<div style="clear: left; margin-bottom: 30px;"></div>
<div class="kss-state">2 Columns</div>

<ul class="outreach">
  <li class="outreach__item">
    <span class="outreach__item__heading">
      97
    </span>
    <span class="outreach__item__title">
      Million People
    </span>
    <span class="outreach__item__desc">
      Potential media outreach
    </span>
  </li>
  <li class="outreach__item">
    <span class="outreach__item__heading">
      22.5
    </span>
    <span class="outreach__item__title">
      Million People
    </span>
    <span class="outreach__item__desc">
      Social media impressions
    </span>
  </li>
</ul>