<div class="hero">

  <div class="banner-info">
    <div class="speed-image">
      <img src="images/speed.svg" style="width: 140px;">
    </div>

    <div class="heading-banner">
      <h1>Spacebar Speed Test</h1>
      <h5 style="color:white">This test suggests you how fast you can press a spacebar!</h5>
    </div>

    <div class="container counter-section">
      <div class="row">
        <div class="col-md-12 time-count">
          <h6><img src="images/clock.svg" style="padding-right: 13px; width:40px"><span
              style="color:#fcb700; padding-right: 5px;">Time: </span>
            <span class="timer" style="width: 100px;text-align: left;padding-left: 10px"><span
                id="seconds">00</span>:<span id="milliseconds">000</span></span>
          </h6>
        </div>
        <!-- <div class="col-md-6 click-digit">
          <h3 style="font-weight: 800;">02</h3>
        </div> -->
      </div>
    </div>

    <div class="container playhere-section" id="play_section">
      <div class="play-area" id="play-area">
        <div class="pixels play_area" id="play_area">0 pixels per second</div>
      </div>
      <div class="play-button" id="play-button">
        <button class="btn playbutton btn-lg active" role="button" id="play_btn" aria-pressed="true">Click Here</button>
      </div>
    </div>
  </div>
</div>