bt<link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/dashboard/">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">


<div class="">
<div class="container" style="border: 2px dashed #ccc; padding: 20px;margin: 25px;">
<div class="container">
<div class="alert alert-dark text-dark" >
<p>login page below<hr></p><div class="container">
  <div class="row">
    <div class="col-sm">
      <a class="btn btn-primary btn-sm" href="../login.php">login</a>
    </div>
    <div class="col-sm">
      <a href="../signup/signup.php">registration</a>
    </div>
      <div class="col-sm">
      <div class="user-panel"> <div class="pull-left image">
<img src="http://res.cloudinary.com/cafedevelopers/image/upload/c_scale,e_sharpen:100,w_33/v1473962094/new-user_zlvgqd.png"  class="img-circle" alt="User Image">
</div> <div class="pull-left info"> <p>Away</p> <a href="https://umediamovies/login.php"><i class="fa fa-circle text-warning"></i> Offline</a> </div> </div>
    </div>
  </div>
</div></div></div></div>