UTS Style Guide

<div class="scholarships__detail-header">
  <div class="scholarships__detail-header-item">
    <h6>Value</h6>
    <p>$15,000<br>
      1 Scholarship(s) available for up to 2 years</p>
  </div>
  <div class="scholarships__detail-header-item">
    <div class="scholarships__detail-status">
      <div class="scholarships__detail-status-left">
        <h6>Status</h6>
        <p>Coming Soon</p>
      </div>
      <div class="status status--circle status--orange tooltip__anchor scholarships__detail-status-right">
        <span class="tooltip">Coming Soon.</span>
      </div>
    </div>
  </div>
  <div class="scholarships__detail-header-item">
    <h6>Opens</h6>
    <p>20/03/2017</p>
    <h6>Closes</h6>
    <p>20/07/2017</p>
  </div>
  <div class="scholarships__detail-header-item">
    <h6>Quick Links</h6>
    <ul>
      <li><a href="$">Conditions of award</a></li>
      <li><a href="#">Application Form</a></li>
    </ul>
  </div>
</div>