Iconbox

.Iconbox

Iconboxes are used in dashboard view in HCP

Example

Ms Exchange Manage Microsoft Exchange for your domains

Email forwards Forward messages to another email address

Mailing lists Manage mailing lists with one or more subscribers

Markup

<div class="u-flexbox-container">
  <div class="Iconbox">
      <span class="Iconbox-icon Icon Icon--email2"></span>
      <p class="Iconbox-text">
          <a class="Iconbox-link" href="#">Ms Exchange</a>
          Manage Microsoft Exchange for your domains
      </p>
  </div>

  <div class="Iconbox">
      <span class="Iconbox-icon Icon Icon--emailforwards"></span>
      <p class="Iconbox-text">
          <a class="Iconbox-link" href="#">Email forwards</a>
          Forward messages to another email address
      </p>
  </div>

  <div class="Iconbox">
        <span class="Iconbox-icon Icon Icon--mailinglists"></span>
        <p class="Iconbox-text">
            <a class="Iconbox-link" href="/100001/Email/MailingLists">Mailing lists</a>
            Manage mailing lists with one or more subscribers
        </p>
    </div>
</div>