<div class="top_area" id="top">
  <header>
    <nav class="navbar navbar-expand-sm navbar-dark fixed-top bg-transparent">
      <a class="navbar-brand animate" href="index.php"> <img src="images/swemanda-logo.svg" class="img-svg" alt="swemanda logo" /> </a>
      
      <div class="ml-auto action-btn right-menu">
        <div class="d-flex align-items-center justify-content-between">
          <div class="dropdown show">
            <a class="active notification dropdown-toggle" href="#" role="button" id="dropdownMenunotification" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img src="images/notification.svg" class="img-svg" alt="icon"> </a>
            <div class="dropdown-menu" aria-labelledby="dropdownMenunotification">
              <a class="dropdown-item" href="#">Action</a>
              <a class="dropdown-item" href="#">Another action</a>
              <a class="dropdown-item" href="#">Something else here</a>
            </div>
          </div>
          <a href="buy-tip.php" class="tip-bar"><img src="images/dollar.svg" class="img-svg" alt="icon"></a>
          <a href="purchanse-details.php" class="content-buy"><img src="images/content-buy.svg" class="img-svg" alt="icon"></a>
          <a href="login.php" class="user"><img src="images/usehr.svg" class="img-svg" alt="icon"></a>
          <!-- <a href=""><img src="images/search.svg" class="img-svg" alt="icon"></a> -->
          <a href="register.php" class="btn btn-primary">Join Now</a>
        </div>
      </div>
    </nav>
  </header>
</div>