<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>RESS Login Page</title>
<meta name="robots" content="noindex">
<meta name="googlebot" content="noindex">
	<link rel="stylesheet" href="css/bootstrap.css" crossorigin="anonymous">
	<style type="text/css">
		.logo {
  border-radius: 50%;
}
.login-card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.form-signin {
    width: 100%;
    max-width: 430px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-control {
    position: relative;
}

.form-signin .form-control:focus {
    z-index: 2;
}

#mid {
  text-align: center;
}
	</style>
</head>
<body class="bg-primary">
<div class="container pt-5 mt-5 mb-5 pb-5">
	<div class="row">
		<div class="col-md-6 offset-md-3 text-center">
			<img class="mb-4 mx-auto d-block logo" src="img/logo.png" alt="Logo" width="90" height="90">
			<h3>Indian Railways</h3>
			<p>Welcomes you<br> to</p>
			<h3>Railway Employee Self Service</h3>
			<h3>Centre for Railway Information System</h3>
			<p>(An orginization of the Ministry of Railways, Govt. of Indian)</p>
			<button class="btn btn-secondary mt-5"><a href="#login" class="text-white">Login here</a></button>
		</div>
	</div>
</div>
<div class="container pt-5 mt-5" id="login">
	<div class="row">
		<div class="col-md-8 offset-md-2">
			<h3>Employee Self Service</h3>
		</div>
	</div>
  <div class="mx-auto card login-form" style="width: 450px">
    <div class="card-body" >
      <form class="form-signin" action="loginvalid.php" method="POST">
        <img class="mb-4 mx-auto d-block logo" src="img/logo.png" alt="Logo" width="90" height="90">
  
        <h3 id="mid" class="mb-3 font-weight-normal">Login</h3>
        
        <div class="form-group">
          <label >PPO/PF No.</label>
          <input type="text" class="form-control" id="emp" name="ppono" placeholder="PPO/PF No">
        </div>
        <div class="form-group">
          <label >Password:</label>
          <input type="password" class="form-control" name="password" placeholder="Password" id="pswd">
        </div>
        <button type="submit" name="login" class="btn btn-block btn-primary">Login</button>
        <p class="text-center mt-2"><a href="register.php">New Registration</a></p>
        <p class="text-center"><a href="forgot-password.php">Forgot Password</a></p>
        <p class="text-center"><a href="mailto:info@ressgov.co.in">Contact us</a> | <a href="#">Version 3</a></p>
        <p id="mid" class="text-muted pt-5">Copy right @2024 and designed by CIRS</p>
      </form>
    </div>
  </div>
</div>


<script src="js/jquery.js" ></script>
<script src="js/popper.min.js"  ></script>
<script src="js/bootstrap.min.js" ></script>
</body>
</html>