CINXE.COM
IFERP
<!DOCTYPE html> <html lang="zxx"> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <head> <title>IFERP</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8" /> <link rel="icon" href="images/logo.png" type="image/x-icon" /> <link rel="stylesheet" href="style.css" type="text/css" media="all" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed&display=swap" rel="stylesheet"> </head> <style> .login-form .middle h4 { font-size: 34px; color: #333; font-weight: 600; text-transform: capitalize; line-height: 40px; text-align: center; transform: skewX( -10deg ); font-family: "Roboto Condensed",Arial,sans-serif !important; } .form-control{ background: #fff; outline: none; width: 100%; font-family: "Roboto Condensed",Arial,sans-serif !important; font-size: 14px; padding: 10px 15px; color: #090e0d; border: 1px solid #04040480; } .login-form .form-left { width: 30%; float: left; padding: 30px; box-sizing: border-box; min-height: 100vh; padding-bottom: 60px; background: #ffffff; height: 500px; overflow: auto; border: 6px solid #1f79ae; } .login-form .form-input input { font-size: 14px; font-family: "Roboto Condensed",Arial,sans-serif !important; } .login-form .signin-form label{ font-family: "Roboto Condensed",Arial,sans-serif !important; } .login-form .form-left { padding-top: 10%; } @media (max-width: 667px) { .login-form .form-left { padding-top: 0%; } .login-form .form-left{ width: 100%; border: none; height: auto; } .login-form .grid-info-form { padding: 70px 15px; } .login-form .form-content h3 { font-size: 26px; } .login-form .form-right, .login-form .form-right.donation-right{ border: none !important; } } #loading { width: 47%; height: 59%; top: 0px; left: 0px; position: fixed; display: block; z-index: 99; /* margin: auto; */ left: 14%; right: 0; top: 23%; bottom: 0; position: fixed; background: #ffffff; text-align: center; } #loading-image { height: 55%; z-index: 100; } .login-form .overlay { background: linear-gradient(to right, #000000ba 0%, #000b13a6 100%), url(img/sign-banner.jpg); min-height: inherit; min-height: 100%; background-size: cover; background-position: center; } </style> <body> <section class="login-form"> <div class="loginn"> <div class="form-content"> <div class="form-right"> <div class="overlay"> <div class="grid-info-form"> <img src="img/logo.jpg" style="background: #fff;padding: 5px;width: 256px;"> <h3>IFERP Membership </h3> <p>Sign in to start where you left from !! Your professional world awaits you <br> </p> <a href="https://dashboard.iferpmembership.in/signup.php?pay=website" class="btn-dangerr">SIGN UP </a> </div> <div id="loading"> <h3 style="color: #333;margin-top: 37px;">You will be redirected in</h3> <img id="loading-image" src="https://i.gifer.com/CKt2.gif" alt="Loading..." style=""><h3 style="color: #333;margin-top: 0px;">--- Seconds ---</h3></div> </div> </div> <div class="form-left"> <div class="middle"> <h4>Sign In</h4> </div> <form method="POST" style="margin-top:25px;" class="signin-form" action="verify.php"> <div class="form-input"> <label>Enter Email</label> <input type="email" name="email" placeholder="Enter Email" required /> </div> <div class="form-input"> <label>Enter Password</label> <input type="password" name="password" placeholder="Enter Password" required /> </div> <script src="https://www.google.com/recaptcha/api.js"></script> <div class="g-recaptcha brochure__form__captcha" data-sitekey="6Lfs0n0gAAAAAPhOU5dOo8Fn0QT_eba6wY7-fgaq" style="width:10%"></div> <button type="submit" class="btn" id="button" name="submit">Sign In </button> <div class="text-center" style="margin-top: 20px;font-weight: bold;color: #222;font-size: 16px;"><a href="forgot.php">Forget Password ?</a> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> </form> </div> </div> </div> </section> </body> </html> <script> $(document).ready(function() { $("#loading").hide(); //$("#loading-image").hide(); }); </script> <script> $(document).ajaxStart(function(){ $("#waits").css("display", "block"); }); //$(document).ajaxComplete(function(){ //$("#wait").html("display", "none"); //}); </script>