Forcepoint Capabilities Section markup

capabilities.html

<section class="capabilities">
  <ul class="capabilities__list">
    <li class="capabilities__item">
      <a href="#" class="capabilities__link">
        <h2 class="capabilities__title">Cloud Security</h2>
        <h3 class="capabilities__text">Keeping attackers out starts with better visibility into people's actions across the network, in data centers, branch offices and cloud environments.</h3>
        <span class="capabilities__btn button btn-green btn-arrow btn-small">Learn More</span>
      </a>
    </li>
    <li class="capabilities__item">
      <a href="#" class="capabilities__link">
        <h2 class="capabilities__title">Network Security</h2>
        <h3 class="capabilities__text">Keeping attackers out starts with better visibility into people's actions across the network, in data centers, branch offices and cloud environments.</h3>
        <span class="capabilities__btn button btn-green btn-arrow btn-small">Learn More</span>
      </a>
    </li>
    <li class="capabilities__item">
      <a href="#" class="capabilities__link">
        <h2 class="capabilities__title">Data and Insider Threat Security</h2>
        <h3 class="capabilities__text">Keeping attackers out starts with better visibility into people's actions across the network, in data centers, branch offices and cloud environments.</h3>
        <span class="capabilities__btn button btn-green btn-arrow btn-small">Learn More</span>
      </a>
    </li>
    <li class="capabilities__item">
      <a href="#" class="capabilities__link">
        <h2 class="capabilities__title">Global Government Security</h2>
        <h3 class="capabilities__text">Keeping attackers out starts with better visibility into people's actions across the network, in data centers, branch offices and cloud environments.</h3>
        <span class="capabilities__btn button btn-green btn-arrow btn-small">Learn More</span>
      </a>
    </li>
  </ul>
</section>