<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>EPayslip::OSCOTECH</title>
  <link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.2.0/css/all.css'>
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.2.0/css/fontawesome.css'><link rel="stylesheet" href="style1.css">
<script src="src/js/jquery-3.2.1.min.js"></script> 
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<body>
<!-- partial:index.partial.html -->
<div class="container">
	<div class="screen">
		<div class="screen__content">
		    <img src="images/icon.jpg" style="width:20%">
		    
		    
			<form class="login">
				<div class="login__field">
					<i class="login__icon fas fa-user"></i>
					<input type="text" class="login__input" id="username" placeholder="User name">
				</div>
				<div class="login__field">
					<i class="login__icon fas fa-lock"></i>
					<input type="password" id="password" class="login__input" placeholder="Password">
				</div>
				<button class="button login__submit" id="submit">
					<span class="button__text">Log In Now</span>
					<i class="button__icon fas fa-chevron-right"></i>
				</button>				
			</form>
		
		</div>
		<div class="screen__background">
			<span class="screen__background__shape screen__background__shape4"></span>
			<span class="screen__background__shape screen__background__shape3"></span>		
			<span class="screen__background__shape screen__background__shape2"></span>
			<span class="screen__background__shape screen__background__shape1"></span>
		</div>		
	</div>
</div>

<!-- partial -->
  
  <script src="swlibrary.js"></script>
  <script type="text/javascript">

// $(document).ready(function(){
   
//     $('#submit').click(function(e){
    
//      e.preventDefault();
//     username=$('#username').val();
//     password=$('#password').val();
    
//   //alert(username)
//     if (username==''||password==''){
//         alert('Please fill all input fields.')
//           $('#username').focus();
//     }else{
        
//         $.ajax({
//     method:'POST',
//     url:'authenticate.php',
//     data:{submit:submit,username:username,password:password},
//     success: function(data){
//     alert(data);
//     if (data=='success'){
//         window.location="https://payslip.oscotechesaoke.edu.ng/home.php"
//     }else{
//         alert(data);
//         $('#username').focus();
//     }    
//     }
    
//      })
//     }
// })
   
    
    
    
// })
</script>
  
  
  
  
</body>
</html>



<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>-->
<!--<script src="src/js/jquery-3.2.1.min.js"></script> -->



