<nav class="navbar navbar-expand-lg fixed-top">
    <div class="navbar-logo"> 
      <span class="subhead">
        <span class="date-box">03:59 AM <small>Wed, 22 June 2022</small></span>
        <a href="" class="btn btn-success ml-4">Clock-in </a>
    </div>

    <div class="ml-auto userinfo">      
      <div class="user-area dropdown">       
        <a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          <div class="avtar">AS</div>
          <span class="hide-mobile">Alice Smith</span>
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Profile</a>
          <a class="dropdown-item" href="#">Setting</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="index.php">Logout</a>
        </div>
      </div>
    </div>
</nav>