mp-common/common-tab-components/representative/representative.component.html

This is XPO MarketPlace common libary

<ul class="xpo-representative">
  <li>
    <div class="xpo-mob-flex-grid">
      <div id="representative-name-title" class="xpo-col-4"><b>Name</b></div>
      <div id="representative-phone-title" class="xpo-col-4"><b>Phone</b></div>
      <div id="representative-email-title" class="xpo-col-4 xpo-align-right"><b>Email</b></div>
    </div>
  </li>
  <li>
    <div class="xpo-mob-flex-grid">
      <div id="representative-name" class="xpo-col-4"><span>{{representative.name}}</span></div>
      <div id="representative-phone" class="xpo-col-4"><span>{{representative.phone}}</span></div>
      <div id="representative-email" class="xpo-col-4 xpo-align-right"><span><a href="mailto:{{representative.email}}">{{representative.email}}</a></span></div>
    </div>
  </li>
</ul>