SendGrid style-guide actions card

card-actions.html

<div class="card is-centered  is-selected">
  <p class="card-unsub-prefs"><i class="sg-icon sg-icon-check-circle"></i>Included in opt out preferences</p>
  <h2>Special Offers</h2>
  <p>Receive promotions, special offers, and more with our specail offer emails.</p>
  <p class="card-unsubs"><strong>Unsubscribes</strong> 0</p>
  <p class="card-id"><strong>ID</strong> 2424</p>
  <div class="actions">
    <div class="btn btn-dropdown dropdown">
      <i class="sg-icon sg-icon-ellipsis-vertical"></i>
      <ul class="dropdown-menu">
        <li><a class="dropdown-link"><i class="sg-icon sg-icon-pencil"></i> Edit</a></li>
        <li><a class="dropdown-link"><i class="sg-icon sg-icon-view"></i> Preview</a></li>
        <li><a class="dropdown-link"><i class="sg-icon sg-icon-export"></i> Upload CSV</a></li>
        <li><a class="dropdown-link"><i class="sg-icon sg-icon-download"></i> Export</a></li>
        <li><a class="dropdown-link"><i class="sg-icon sg-icon-contacts-alt"></i> Manually Add</a></li>
      </ul>
    </div>
  </div>
</div>