.. raw:: html

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