.. raw:: html

  <div class="large-3 columns">
  <div class="card-user-container">
  <!--card's image-->
  <div class="card-user-avatar">
  <a href="staff/doss/Singer.Kelsi.html">
  <img src="http://www.boulder.swri.edu/about/staff/mugshots/Singer.Kelsi.jpg" alt="" class="user-image">
  </a>
  </div>
  <!--user info name, bio and location-->
  <div class="card-user-bio" style="height: 130px;">
  <h4>Kelsi Singer</h4>
  <p style="font-size:12px;">Sr. Research Scientist</p>
  </div>
  <!--card's follow button-->
  <div class="card-user-social">
  <a href="doss/Singer.Kelsi.vcf"><img src="_images/vCard.png" title="vCard" height="38" width="38"></a>&nbsp;&nbsp;
  <a href="https://sites.google.com/site/kelsisinger/"><img src="_images/home-icon.png" title="Homepage" height="38" width="38"></a>&nbsp;&nbsp;
  </div>
  </div>
  </div>