Single Card

Brief description of single card

Basic Single Card

    
      <div class="lmp-card-single">
    <h3 class="card-title">Card Title</h3>
    <div class="card-val">2 of 5</div>
  </div>

Single Card with Progress Bar

View in new window

    
      <div class="lmp-card-single">
    <h3 class="card-title">Card Title</h3>
    <div class="card-val">35%</div>
    <span class="progress lmp-progress"><span class="progress-bar" role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100" aria-label="Course progress"></span></span>  
  </div>