.. raw:: html

  <div class="large-3 columns">
  <div class="card-user-container">
  <!--card's image-->
  <div class="card-user-avatar">
  <img src="http://data.boulder.swri.edu/anthony/dept_website/about/mugshots/Bavolek.Beth.jpg" alt="" class="user-image">
  </div>
  <!--user info name, bio and location-->
  <div class="card-user-bio" style="height: 130px;">
  <h4>Beth Bavolek</h4>
  <p>Principal Admin. Coordinator</p>
  </div>
  <!--card's follow button-->
  <div class="card-user-social">
  <a href="swri/Bavolek.Beth.vcf"><img src="_images/vCard.png" height="38" width="38">&nbsp;&nbsp;</a>
  <a href="swri/Bavolek.Beth.html"><img src="_images/homepage.png" height="30" width="30"></a>
  </div>
  </div>
  </div>