<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title></title>
 
</head>
<body>
<div class="wrapper" style ="background-image:linear-gradient(lightblue,white) ; ">

    
    
   
     
  <!-- Content Wrapper. Contains page content -->

  <!-- /.content-wrapper -->
 

   
  
  <a href="#" class="nav-link" data-toggle="collapse" data-target="#data0" aria-expanded="false" aria-controls="collapseExample">
              <i class="nav-icon fas fa-bars"></i>
            
               Profil
                 
            </a>
    <div class="collapse" id="data0">
  <div class="card card-body" style ="background-image : linear-gradient(pink,white) ">
   <div style ="float : left ">
       <a href="#" class="nav-link" > <i class="far fa-circle nav-icon"></i> -- </a>
       
     

        
</div>
    </div>

   
         </div>


    
    
    

     <a href="#" class="nav-link" data-toggle="collapse" data-target="#datax" aria-expanded="false" aria-controls="collapseExample" style="color: black;">
              <i class="nav-icon fas fa-bars"></i>
            
                Keluar
                 
            </a>
 

  <div class="collapse" id="datax">
  <div class="card card-body" style ="background-image: linear-gradient(grey,white) ">
   <div style ="float : right">
         <a href ="../signout.php" style ="float:right" class ="btn btn-danger">LogOut</a>
    </div>
</div>
    </div>
   
    </div>
</body>
</html>
