Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Bootstrap Cards HTML
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment