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

This is XPO MarketPlace common libary

<ul class="load-details-list">
  <li>
    <div class="xpo-mob-flex-grid load-bar">
      <div id="tender-number-title" class="xpo-col-2"><b>Load #</b></div>
      <div id="tender-equipment-title" class="xpo-col-2"><b>Equipment</b></div>
      <div id="tender-commodity-title" class="xpo-col-2"><b>Commodity</b></div>
      <div id="tender-weight-title" class="xpo-col-2 xpo-align-right"><b>Weight (LBS)</b></div>
      <div id="tender-miles-title" class="xpo-col-2 xpo-align-right"><b>Total Miles</b></div>
    </div>
  </li>
  <li>
    <div class="xpo-mob-flex-grid load-bar">
      <div id="tender-number" class="xpo-col-2"><span>{{loadDetails.loadNumber}}</span></div>
      <div id="tender-equipment" class="xpo-col-2"><span>{{loadDetails.equipment}}</span></div>
      <div id="tender-commodity" class="xpo-col-2"><span>{{loadDetails.commodity}}</span></div>
      <div id="tender-weight" class="xpo-col-2 xpo-align-right"><span>{{loadDetails.weight}}</span></div>
      <div id="tender-miles" class="xpo-col-2 xpo-align-right"><span>{{loadDetails.totalMiles}}</span></div>
    </div>
  </li>
</ul>