An example vcard. Find the rest of the attributes here: http://microformats.org/wiki/h-card#Example

vcard.htm.erb

      <div class="h-card">
        <div class="photo">
          <%= image_tag 'http://placehold.it/150x190', class: 'u-photo' %>
          <%= link_to '<i class="icon-search"></i> Hi-res', '#', class: 'hi-res' %>
        </div> <!-- /photo -->
        <div class="details">
          <a class="p-name" href="http://example.org">Marc E. Rothenberg, MD, PHD </a>
          <p class="p-job-title">Director, Division of Allergy and Immunology</p>
          <p class="p-job-title">Director, Cincinnati Center for Eosinophilic Disorders</p>
          <p class="p-job-title">Program Director, CHRCDA (K12)</p>
          <p class="p-job-title">Professor, UC Department of Pediatrics</p>
          <div class="contact-info">
            <p><strong>Phone:</strong> <span class="p-tel">513-803-0257</span></p>
            <p><strong>Fax:</strong> <span class="p-tel-fax">513-803-0257</span></p>
            <p><strong>Email:</strong> <a class="u-email" href="mailto:[email protected]">[email protected]</a></p>
          </div> <!-- /contact-info -->
        </div> <!-- /details -->
      </div> <!-- /h-card -->