.. raw:: html

  <div class="large-3 columns">
  <div class="card-user-container">
  <!--card's image-->
  <div class="card-user-avatar">
  <a href="staff/doso/Noonan.John.html">
  <img src="http://www.boulder.swri.edu/about/staff/mugshots/Noonan.John.jpg" alt="" class="user-image">
  </a>
  </div>
  <!--user info name, bio and location-->
  <div class="card-user-bio" style="height: 130px;">
  <h4>John Noonan</h4>
  <p style="font-size:12px;">Student Scientist</p>
  </div>
  <!--card's follow button-->
  <div class="card-user-social">
  <a href="doso/Noonan.John.vcf"><img src="_images/vCard.png" title="vCard" height="38" width="38"></a>&nbsp;&nbsp;
  </div>
  </div>
  </div>