<div class="section" style="padding:32px">
  <div class="row gutters">
    <div class="columns mobile-50 phone-100">
      <a href="#" class="wojo icon message align middle dark text" data-weditable="true">
        <figure class="wojo avatar image">
          <img src="[SITEURL]/uploads/avatars/avatar_0013.jpg" alt="spotify">
        </figure>
        <div class="content">
          <div>James Garner</div>
          <span class="wojo primary text">Refer</span>
        </div>
      </a>
    </div>
    <div class="columns mobile-50 phone-100">
      <a href="#" class="wojo icon message align middle dark text" data-weditable="true">
        <span class="wojo large primary initials circular label">CB</span>
        <div class="content">
          <div>Cameron Brown</div>
          <span class="wojo primary text">Refer</span>
        </div>
      </a>
    </div>
    <div href="#" class="columns mobile-50 phone-100">
      <a class="wojo icon message align middle dark text" data-weditable="true">
        <figure class="wojo avatar image">
          <img src="[SITEURL]/uploads/avatars/avatar_0015.jpg" alt="dropbox">
        </figure>
        <div class="content">
          <div>Jessica Diaz</div>
          <span class="wojo primary text">Refer</span>
        </div>
      </a>
    </div>
  </div>
</div>