<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tapal Admin System</title>
<link rel="stylesheet" href="css/style.default.css" type="text/css" />
<link rel="stylesheet" href="css/style.shinyblue.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.min.js"></script>
<script type="text/javascript" src="js/modernizr.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function(){
		 jQuery('.login-alert-un').hide();
			jQuery('.login-alert').hide();
				 jQuery('.login-alert-pw').hide();
        jQuery('#login').submit(function(){
            var u = jQuery('#username').val();
            var p = jQuery('#password').val();
			if(p == '' && u=='') {
                jQuery('.login-alert').fadeIn();
					jQuery('.login-alert-un').hide();
				 jQuery('.login-alert-pw').hide();
                return false;
            }
            else if(u == '') {
                jQuery('.login-alert-un').fadeIn();
				jQuery('.login-alert').hide();
				 jQuery('.login-alert-pw').hide();
                return false;
				}
			else if(p == '') {
                jQuery('.login-alert-pw').fadeIn();
					jQuery('.login-alert').hide();
				 jQuery('.login-alert-un').hide();
                return false;
            }
			
        });
    });
</script>
<link rel="stylesheet" type="text/css" href="styles.css"/>

<style>
    
    /* CSSTerm.com Simple CSS menu */

.menu_simple ul {
    float:right;
    margin: 0; 
    padding: 0;
    width:185px;
    list-style-type: none;
}

.menu_simple ul li a {
    text-decoration: none;
    color: white; 
    padding: 10.5px 11px;
    background-color: #005555;
    display:block;
}
 
.menu_simple ul li a:visited {
    color: white;
}
 
.menu_simple ul li a:hover, .menu_simple ul li .current {
    color: white;
    background-color: #5FD367;
}
</style>
</head>

<body class="loginpage" >
<div><center><h1 style="color:#ffffff;font-weight:bold;margin-left:150px;">पोलीस अधिक्षक कार्यालय,<br>जि.रायगड</h1></center></div>
<center><div class="marquee">

        <p><a href=""><font color="59c600">T</font>apal-<font color="59c600">S</font>oftware <font color="59c600">O</font>f <font color="59c600">B</font>est <font color="59c600">A</font>dministration</a></p>
        <p><a href=""><font color="59c600">T</font>apal-<font color="59c600">S</font>oftware <font color="59c600">O</font>f <font color="59c600">B</font>est <font color="59c600">A</font>dministration</a></p>
    </div></center>

<div class="loginpanel">
    <div class="loginpanelinner">
        <div class="logo animate0 bounceIn"><img src="" alt="" /><font color="#ffffff" size="6">Login</font></div>
       <form id="login" action="loginvalidate.php" method="post">
		
            <div class="inputwrapper login-alert" id="both">
                <div class="alert alert-error">Please Enter Username And Password</div>
            </div>
			  <div class="inputwrapper login-alert-un" id="unm">
                <div class="alert alert-error">Please Enter Username</div>
            </div>
			  <div class="inputwrapper login-alert-pw" id="pwd">
                <div class="alert alert-error">Please Enter Password</div>
            </div>
			
            <div class="inputwrapper animate1 bounceIn">
                <input type="text"  name="username" id="username" placeholder="Enter any username" />
            </div>
            <div class="inputwrapper animate2 bounceIn">
                <input type="password" name="password"  id="password" placeholder="Enter any password" />
            </div>
            <div class=" animate3 bounceIn">
              <p class="stdformbutton">
							    <center>  <button class="btn btn-primary" name="save" style="width:80px;">Login</button>
                                   <button type="reset" class="btn" style="width:80px;">Reset</button>
                               </center> </p>
            </div>
            <div class="inputwrapper animate4 bounceIn">
                <label><input type="checkbox" class="remember" name="signin" />Keep me sign in</label>
            </div>
			
			<div class="inputwrapper animate5 bounceIn">
                <label><a href="forgotpswd.php" ><font color="#ffffff" size="2">Forgot Password </font></a></label>
            </div>
			
        </form>
		
    </div><!--loginpanelinner-->
					
</div><!--loginpanel-->
<div style="align:center;position: absolute;
  top: 35%;
  left: 35%;
  height: 300px; border-radius: 25px;">
<font size="6">
	<a style="color:#ffffff;" href="online_ltr_entry.php"> Click here ऑनलाइन अर्ज करण्यासाठी</a><br><br><br>
	<a style="color:#ffffff;" href="online_current_status.php">Click here अर्जाची सद्यस्थिती पडताळा </a>
</font>
   </div>   
   </div>
  
<div class="loginfooter">
    <p>Developed By CompWorld Software Solution.</p>
</div>

</body>
</html>
