<div class="staff" data-faq-title="$staffPage.faq.title">

   <div class="cards">

      #foreach($contact in $contactArray)

      <div class="staff__card" data-name="$contact.name" data-title="$contact.name">
         <a href="$contact.items.link">
            <div class="staff__photo">
               <img src="$contact.items.image"/>
            </div>
            <div class="staff__info">
               <h4 class="sv-font-heading-4 staff__name">
                  $contact.items.name
               </h4>

               #if ($contact.items.workTitle)
               <p class="staff__title">#set ($counter = 0)
            		$contact.items.workTitle
               </p>
               #end

               <p class="staff__station">
                  #if (false)
                  ${contactlistPage.stationing}: #foreach ($stationering in $contact.items.stationering)$stationering #end
                  #end
               </p>

               <a href="mailto:$contact.items.email" class="staff__email">
                  $contact.items.email
               </a>

               #if ($contact.items.phone != "")
               <a href="tel:$contact.items.phone" class="staff__phone">
                  $contact.items.phone
               </a>
               #end

               #if ($contact.items.mobile != "")
               <a href="tel:$contact.items.mobile" class="staff__mobile">
                  $contact.items.mobile
               </a>            
               #end
            </div>
         </a>
      </div>
      #end

   </div>

</div>
