Bootcards

by Chris Kaminski

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootcards/1.0.0/css/bootcards-desktop.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootcards/1.0.0/js/bootcards.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <div class="panel panel-default">
  <div class="panel-heading clearfix">
    <h3 class="panel-title pull-left">Base Card Title</h3>
      <a class="btn btn-primary pull-right" href="#">
        <i class="fa fa-pencil"></i>
        Edit
      </a>
    </div>
    <div class="list-group">
      <div class="list-group-item">
        <p class="list-group-item-text">Name</p>
        <h4 class="list-group-item-heading">John Smith</h4>
      </div>
      <div class="list-group-item">
        <p class="list-group-item-text">Occupation</p>
        <h4 class="list-group-item-heading">Web Developer</h4>
      </div>
      <div class="list-group-item">
        <p class="list-group-item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam mauris tellus, vehicula ut tellus id, suscipit dapibus tortor. Integer viverra turpis ac fringilla hendrerit. Sed faucibus posuere felis et pellentesque. Cras varius tortor vitae molestie tempor. Proin ut viverra elit, ac gravida tortor.</p>
      </div>
    </div>
  <div class="panel-footer">
      <small>Alteryx</small>
  </div>
</div>
        </div>
    </div>
</div>