EVOLUTION-NINJA
Edit File: reset_password.php
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>Home</title> <link rel="stylesheet" type="text/css" href="css/main.css"/> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" /> <link rel='shortcut icon' type='image/x-icon' href='images/fav_icon.png' /> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <script type="text/javascript" src="js/jquery-2.2.4.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> </head> <body> <section class="top_head"> <div class="container-fluid"> <img src="images/login_logo.png" class="img-responsive" /> </div><!--container end--> </section> <!--top end--> <section class="top_img_mid"> <h2 class="text-center">WELCOME</h2> <p class="text-center">Please login to access your Account</p> </section> <section class="signin_mid"> <div class="container-fluid"> <div class="col-sm-3 col-md-4"></div> <div class="col-sm-6 col-md-4 tile"> <div class="tile-header"> <h2 class="text-center">Reset Password</h2> </div> <div class="tile-body"> <form id="form"> <label class="form-input"> <input type="text" autofocus="true" required /> <span class="label">Username</span> <span class="underline"></span> </label> <label class="form-input"> <input type="password" required /> <span class="label">Old Password</span> <div class="underline"></div> </label> <label class="form-input"> <input type="password" required /> <span class="label">New Password</span> <div class="underline"></div> </label> <label class="form-input"> <input type="password" required /> <span class="label">Confirm Password</span> <div class="underline"></div> </label> <button class="btn h_btn" type="submit">Submit</button> </form> </div> </div> </div> </section> </body> </html> <script type="text/javascript"> var $btn = document.getElementById("submit"); var $form = document.getElementById("form") function signIn() { if ($form.checkValidity()) { $btn.classList.add('pending'); window.setTimeout(function(){ $btn.classList.add('granted'); }, 1500); } } $btn.addEventListener("click", signIn); </script>