<html lang="en">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.9/css/unicons.css">
    <link rel="stylesheet" href="css/login.css?version= 0.2">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

</head>

<body translate="no">
    <a href="https://www.principleacs.in" class="logo bg-white p-2" target="_blank">
        <img src="defaultImages/Principle+ACS-Logo-PNG-Small.png" alt="">
    </a>

    <div class="section fadeInDown">
        <div class="container">
            <div class="row full-height justify-content-center mt-3">
                <div class="col-12 text-center align-self-center ">
                    <div class="section mt-5 pb-5 pt-5 pt-sm-2 text-center">
                        <h6 class="mb-0 pb-3"><span>Log In </span><span>Sign Up</span></h6>
                        <input class="checkbox" type="checkbox" id="reg-log" name="reg-log">
                        <label for="reg-log"></label>
                        <div class="card-3d-wrap mx-auto">
                            <div class="card-3d-wrapper">
                                <div class="card-front">
                                    <div class="center-wrap">
                                        <div class="section text-center mt-5">
                                            <h5 class="mb-3 pb-2 fadeIn first">Log In</h5>
                                            <form id="logInform">
                                                <div class="form-group fadeIn second">
                                                    <input type="number" name="empid" class="form-style" placeholder="Your Employ Id" id="logempId" autocomplete="off" required>
                                                    <i class="fa fa-at input-icon"></i>
                                                </div>
                                                <div class="form-group mt-2 fadeIn third">
                                                    <input type="password" name="password" class="form-style" placeholder="Your Password" id="logpass" autocomplete="off" required>
                                                    <i class="fa fa-unlock-alt input-icon"></i>
                                                </div>
                                                <button type="submit"  id="loginButton" class="mt-2 fadeIn fourth" ><i class="fa d-none fa-spinner fa-spin mr-2"></i>LOG IN</button>
                                            </form>
                                            <p class="login_msg mb-0 pb-1" style="color: red;"></p>
                                            <!--<p class="mb-3 forgot text-center"><a href="#0" class="link underlineHover">Forgot your password?</a></p>-->

                                        </div>
                                    </div>
                                </div>
                                <div class="card-back">
                                    <div class="center-wrap" style="top: 26%;">
                                        <h5 class="">Sign Up</h5>
                                    </div>
                                    <div class="center-wrap">
                                        <div class="section text-center">

                                            <h6 style="color: var(--theme-color);">Please Sign up in Android FTA App</h6>
<!--                                            <p style="color: #000;">Please Sign up in Android FTA App</p>-->
                                            <p><a href="https://play.google.com/store/apps/details?id=com.principleacs.parshisaikrishna.fieldtravelallowance" class="link underlineHover" target="_blank">Download Link</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
     <script src="js/checkInternet_connection.js?version= 1.3"></script>
    <script src="js/constants.js?version= 1.4"></script>
    <script src="js/dynamicDropdown_of_project_&_stageOfAudit.js?version= 1.3"></script>
    <script src="js/validations.js?version= 1.3"></script>
    <script src="js/convertTo.js?version= 1.2"></script>




</body>

</html>
