Bootstrap Cards HTML

bootstrap-cards-dashboard-ex

<div class="panel panel-default bootcards-summary">

  <div class="panel-heading">
    <h3 class="panel-title">Summary Card Heading</h3>
  </div>

  <div class="panel-body">
    <div class="row">
      <div class="col-xs-6 col-sm-4">
        <a class="bootcards-summary-item" href="/contacts">
          <i class="fa fa-3x fa-users"></i>
          <h1>40 <span>Contacts</span></h1>
        </a>
      </div>
      <div class="col-xs-6 col-sm-4">
        <a class="bootcards-summary-item" href="/companies">
          <i class="fa fa-3x fa-building-o"></i>
          <h1>20 <span>Companies</span></h1>
        </a>
      </div>
      <div class="col-xs-6 col-sm-4">
        <a class="bootcards-summary-item" href="/notes">
          <i class="fa fa-3x fa-clipboard"></i>
          <h1>187 <span>Notes</span></h1>
        </a>
      </div>
    </div>

  </div>

  <div class="panel-footer">
    <small class="pull-left">Summary Card Footer</small>
  </div>  

</div>