.. 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/DeForest.Craig.jpg" alt="" class="user-image">
  </div>
  <!--user info name, bio and location-->
  <div class="card-user-bio" style="height: 130px;">
  <h4>Craig DeForest</h4>
  <p>Sr. Program Manager</p>
  </div>
  <!--card's follow button-->
  <div class="card-user-social">
  <a href="doss/DeForest.Craig.vcf"><img src="_images/vCard.png" height="38" width="38">&nbsp;&nbsp;</a>
  <a href="doss/DeForest.Craig.html"><img src="_images/homepage.png" height="30" width="30"></a>
  </div>
  </div>
  </div>