<div class="paragraph__contact">
   <div class="paragraph__contact-field paragraph__contact-field--name">
     <div class="paragraph__contact-label field-label-inline">Name:</div>
     <div class="paragraph__contact-value">John Doe</div>
   </div>
   <div class="paragraph__contact-field paragraph__contact-field--phone">
     <div class="paragraph__contact-label field-label-inline">Phone:</div>
     <div class="paragraph__contact-value"><a href="tel:1300 321 789">1300 321 789</a></div>
   </div>
   <div class="paragraph__contact-field paragraph__contact-field--email">
     <div class="paragraph__contact-label field-label-inline">Email:</div>
     <div class="paragraph__contact-value"><a href="mailto:john@example.com">john@example.com</a></div>
   </div>
   <div class="paragraph__contact-field paragraph__contact-field--website">
     <div class="paragraph__contact-label field-label-inline">Website:</div>
     <div class="paragraph__contact-value"><a href="http://example.com">http://example.com</a></div>
   </div>
   <div class="paragraph__contact-field paragraph__contact-field--description">
     <div class="paragraph__contact-label field-label-above">Description:</div>
     <div class="paragraph__contact-value">Supplementary information regarding my contact details.</div>
   </div>
   <div class="paragraph__contact-field paragraph__contact-field--social">
     <div class="paragraph__contact-label field-label-above">Social Media:</div>
     <div class="paragraph__contact-value"><a href="http://linkedin.com/example">linkedin</a></div>
     <div class="paragraph__contact-value"><a href="http://instagram.com/example">Instagram</a></div>
   </div>
 </div>