JezK
Edit File: index.php
<?php session_start(); if (isset($_SESSION['loginFailed'])) { echo "<script>alert('Invalid credentials');</script>"; unset($_SESSION['loginFailed']); } if (isset($_SESSION['invalidPhoneNo'])) { echo "<script>alert('Phone No not found. Please provide correct Phono No.');</script>"; unset($_SESSION['invalidPhoneNo']); } if (isset($_SESSION['validPhoneNo'])) { echo "<script>alert('Password sent to your Phone No successfully.');</script>"; unset($_SESSION['validPhoneNo']); } ?> <!doctype html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>NABFINS</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="/wp-content/uploads/2020/11/logo-68x80.png" sizes="32x32" /> <link rel="icon" href="/wp-content/uploads/2020/11/logo.png" sizes="192x192" /> <link rel="apple-touch-icon" href="/wp-content/uploads/2020/11/logo.png" /> <meta name="msapplication-TileImage" content="/wp-content/uploads/2020/11/logo.png" /> <link rel='stylesheet' id='markut-style-css' href='/wp-content/themes/markut/style.css?ver=1.0' type='text/css' media='all' /> <link rel='stylesheet' id='markut-theme-style-css' href='/wp-content/uploads/markut/theme_1.css?ver=1.0.3' type='text/css' media='all' /> <link href="css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <script src="js/jquery.js"></script> <!-- Bootstrap Core JavaScript --> <script src="js/bootstrap.min.js"></script> <script src="js/custom.js"></script> <!---datepiclker files-----> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker3.min.css"> <script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.min.js"></script> <!----------TimePicker------------------> <link href="css/bootstrap-timepicker.min.css" rel="stylesheet"> <script src="js/bootstrap-timepicker.js"></script> </head> <body> <div id="page" class="markut-wrapper"> <header class="markut-header header-absolute"> <div class="header-inner hidden-md-down hidden-md-land-down"> <div class="logobar clearfix"> <div class="custom-container logobar-inner"> <ul class="logobar-items nav pull-left"> <li class="nav-item"> <div class="nav-item-inner"> <div class="main-logo"> <a href="/" title="Nabfins"><img class="custom-logo img-responsive" src="/wp-content/uploads/2020/11/logo.png" alt="Nabfins" title="Nabfins"></a> </div> </div> </li> </ul> </div> </div> </header> <div class="titlewraper col-md-12"> <div class="col-md-1"> </div> <div class="col-md-10"> Business & Development Facilitators - Business & Development Correspondents </div> <div class="col-md-1"> </div> </div> <div class="container main"> <div class="col-md-12 loginStyle"> <div class="text-center logoStyle "><a href=""><img src="images/logo4.png"></a> </div> <form class="col-md-6 col-md-offset-3" method="post" action="app/loginApp.php"> <label class="custom-label"> Email </label> <div class="input-group "> <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> <input id="email" type="text" class="form-control" name="email" placeholder="Email" required> </div> <label class="custom-label"> Password </label> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span> <input id="password" type="password" class="form-control" name="password" placeholder="Password" required> </div> <div class="forgot-password"> <a class="forgotStyle" data-toggle="modal" data-target="#myModal">Forgot Password?</a> </div> <div class="text-center"> <div><input type="submit" class="cs-login" value="Login" name="login"></div> </div> </form> </div> </div> </div> </div> <div class="footer-bottom"> <div class="footer-bottom-inner container"> <div class="row"> <div class="col-md-12"> <div class="nav-item-inner" style="text-align:center"> Copyright 2020, All Right Reserved. </div> </div> </div> </div> </div> <!-- Modal --> <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title" style="color: rgb(106, 0, 0);">Lost Your Password?</h4> </div> <form action="app/forgotPassword.php" method="post"> <div class="modal-body"> <div class="form-group text-center "> <input id="phone_no" type="tel" class="form-control" name="phone_no" placeholder="Enter Phone Number"> </div> <div class="text-center" style="margin-top:20px;"> <input type="submit" class="btn btn-primary" value="Submit"> </div> </div> </form> </div> </div> </div> </div> </body> </html>