<!-- ///////////////////login up funcation////////////////// -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function (e) {
 $("#form").on('submit',(function(e) {
  e.preventDefault();
  $.ajax({
   url: "api/adminlogin.php",
   type: "POST",
   data:  new FormData(this),
   contentType: false,
         cache: false,
   processData:false,
   beforeSend : function()
   {
    //$("#preview").fadeOut();
    $("#err").fadeOut();
   },
   success: function(data)
      {
        
    if(data == 101)
    {
    
     $("#form")[0].reset(); 
     $("#message").html("").fadeIn();
     
  window.location.href = "index.php";
    }
    
    else{
     $("#successmessage").html("! User not Vaild :)").fadeIn().style.color.red;
    }
      },
     error: function(e) 
      {
   $("#successmessage").html("Some thing went  worng").fadeIn().style.color.red;
      }          
    });
 }));
});
</script>
<!-- //////////////////login//////////////////////////// -->

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">

<link rel="shortcut icon" href="#" type="image/x-icon">
<link rel="icon" href="#" type="image/x-icon">

<link href="https://fonts.googleapis.com/css?family=Ubuntu:400,500,700" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="../assets/icon/themify-icons/themify-icons.css">

<link rel="stylesheet" type="text/css" href="../assets/icon/icofont/css/icofont.css">

<link href="../assets/css/font-awesome.min.css" rel="stylesheet" type="text/css">

<link rel="stylesheet" type="text/css" href="../assets/icon/simple-line-icons/css/simple-line-icons.css">

<link rel="stylesheet" type="text/css" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">

<link rel="stylesheet" href="../bower_components/chartist/dist/chartist.css" type="text/css" media="all">

<link href="../assets/css/svg-weather.css" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="../assets/css/main.css">

<link rel="stylesheet" type="text/css" href="../assets/css/responsive.css">



<link rel="stylesheet" type="text/css" href="../bower_components/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="../assets/plugins/data-table/css/buttons.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="../bower_components/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css">

<link rel="stylesheet" type="text/css" href="../assets/css/main.css">

<link rel="stylesheet" type="text/css" href="../assets/css/responsive.css">

<link rel="stylesheet" type="text/css" href="../assets/icon/themify-icons/themify-icons.css">

<link rel="stylesheet" type="text/css" href="../assets/icon/icofont/css/icofont.css">

<link rel="stylesheet" type="text/css" href="../assets/icon/simple-line-icons/css/simple-line-icons.css">

<link rel="stylesheet" type="text/css" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
</head>
  <body class="login-page"  >
 
 <div style="background-image: url('https://www.pngkey.com/png/full/195-1959638_background-banner-image-background-para-banner-png.png'); height:79.5%; background-size: cover;">     
      
      
    
<div class="row" style=" width: 33%;  padding: 10px;   margin-top: 10%; margin-left: 33%; ">
<div class="col-md-12">
<div class="card">
      
<div class="card-header">
<center>
    <div class="login-logo" style="margin: auto;">
        
          <img src="http://demo.techaspsolutions.com/dr/ProfileImages/5.jpg" height=100; width=100 >
         
      </div>
      <h5 class="card-header-text">Admin Login</h5></div>
      </center> 
<div class="card-block">
<div id="wizard">
<section>
    
<form method="post" id="form"  enctype="multipart/form-data" novalidate>

<fieldset>


<div class="md-group-add-on">
<span class="md-add-on">
<i class="icofont icofont-email"></i>
</span>
<div class="md-input-wrapper">
<input id="email-2" name="email" type="email" class="required md-form-control">
<label for="email-2" class="block" style="margin-left:5px;">Email *</label>
</div>
</div>
<div class="md-group-add-on">
<span class="md-add-on">
<i class="icofont icofont-ui-password"></i>
</span>
<div class="md-input-wrapper">
<input id="password-2" name="password" type="password" class="md-form-control required">
<label for="password-2" class="block">Password *</label>
</div>
</div>
<div class="md-input-wrapper">
<button type="submit" id="btn" class="btn btn-primary waves-effect waves-light">Submit
</button>
<span class="successmessage" id="successmessage" style="color:red"></span>
</div>
</fieldset>

</form>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
  </body>
</html>