<div class="bannercontainer">
  <div class="bannertitle">
  <span>WTI Crude Oil</span>
  </div>
  <div class="card-header">

    <div class="currentprice">

      <span>${{ $last }}</span>

    </div>

      <ul class="currentchange">
        <li>
          <span class="arrow-up"></span>
        </li>
        <li>
          <span class="">{{ $change }} -1.59% </span>
        </li>
      </ul>
    </div>
    <div class="date">
      {{ $reg_last_time }}
    </div>
  <div class="previousclose">
    Previous Close <strong>${{ $previous_day_closing }}</strong>
  </div>

  <div class="currentstats">
    <div>
      <span class="label">Day low</span>
      <span class="count">${{ $low }}</span>
    </div>
    <div>
      <span class="label">Day high</span>
      <span class="count">${{ $high }}</span>
    </div>

  </div>
  <div class="openvolume">
      <span>Volume</span>
      <span>{{ $volume }}</span>
      <span>Open</span>
      <span>{{ $open }}</span>
    </div>
</div>
