<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title> Admin Panel</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.0/bootstrap-table.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqvmap/1.5.1/jqvmap.min.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <!-- plugins:css -->


    <!-- endinject -->
    <!-- plugin css for this page -->
    <!-- End plugin css for this page -->
    <!-- inject:css -->

    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css"/>


<style type="text/css">
tbody tr td{
  color: red !important;
}
.thumb img{
  height: 300px;
  width: 100%!important;
}
.w50{
width: 50%;
float: left;
padding: 30px;}     
form p{
width: 100%;
margin-top: 10px;
float: left;
text-align: center;
}      
input[type=text]{
width:100%;    
padding:8px;
border:0.2px  silver;
box-shadow: 0 0 2px #ccc !important;
}
input[type=password]{
width:100%;    
padding:8px;
border:0.2px  silver;
box-shadow: 0 0 2px #ccc !important;
}
.fa-pencil{color: white;}
</style>
</head>
<body>




<style type="text/css">
.vam{
	vertical-align: middle;
	margin:25px;
	box-shadow: 0 0 5px #99c5ec !important;
	margin-bottom:auto;
	padding:20px;
	width:100%;
}	
.row{
width: 100%;
height: 100%;	
}
</style>

<div class="container">
<div class="row">
<div class="col-md-4 "></div>
<div class="col-md-4 grid-margin stretch-card">
<div class="card vam">
<div class="card-body">
<h4 class="card-title text-center">Login</h4>        
<form class="forms-sample" method="post">
<div class="form-group">
<label for="exampleInputName1">Username</label>
<input type="text" class="" name="username" placeholder="username" required>
</div>
<div class="form-group">
<label for="exampleInputName1">Password</label>
<input type="password" class="" name="password" placeholder="password" required>
</div>
          
<button type="submit" class="btn btn-success mr-2" name="login">Submit</button>
</form>
</div>
</div>
</div>
<div class="col-md-4 ">	</div>
</div>	
</div>
</body>
</html>                  