View file File name : login.php Content :<?php include("query/fonction.php"); include("dico.php"); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Tell the browser to be responsive to screen width --> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <!-- Favicon icon --> <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon.png"> <title><?php echo $title; ?></title> <!-- Bootstrap Core CSS --> <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom CSS --> <link href="css/style.css" rel="stylesheet"> <!-- toast CSS --> <link href="assets/plugins/toast-master/css/jquery.toast.css" rel="stylesheet"> <!-- You can change the theme colors from here --> <link href="css/colors/blue.css" id="theme" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!-- ============================================================== --> <!-- Preloader - style you can find in spinners.css --> <!-- ============================================================== --> <div class="preloader"> <svg class="circular" viewBox="25 25 50 50"> <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> </svg> </div> <!-- ============================================================== --> <!-- Main wrapper - style you can find in pages.scss --> <!-- ============================================================== --> <section id="wrapper"> <div class="login-register" style="background-color:#ffb22b;"> <div class="login-box card" style="margin-top:10%; margin-bottom:0%;"> <div class="card-body"> <form class="form-horizontal form-material" id="loginform" action="query/action.php" method="post"> <h3 class="box-title m-b-20">Login</h3> <div class="form-group "> <div class="col-xs-12"> <input class="form-control" type="text" required="" placeholder="Email" value="admin@admin.com" name="email_sc"> </div> </div> <div class="form-group"> <div class="col-xs-12"> <input class="form-control" type="password" required="" placeholder="Password" value="admin" name="mdp_sc"> </div> </div> <div class="form-group text-center m-t-20"> <div class="col-xs-12"> <button class="btn btn-dark btn-lg btn-block text-uppercase waves-effect waves-light" type="submit">Login</button> </div> </div> </form> <form class="form-horizontal" id="recoverform" action="index.html"> <div class="form-group "> <div class="col-xs-12"> <h3>Recover Password</h3> <p class="text-muted">Enter your Email and instructions will be sent to you! </p> </div> </div> <div class="form-group "> <div class="col-xs-12"> <input class="form-control" type="text" required="" placeholder="Email"> </div> </div> <div class="form-group text-center m-t-20"> <div class="col-xs-12"> <button class="btn btn-primary btn-lg btn-block text-uppercase waves-effect waves-light" type="submit">Reset</button> </div> </div> </form> </div> </div> </div> </section> <!-- ============================================================== --> <!-- End Wrapper --> <!-- ============================================================== --> <!-- ============================================================== --> <!-- All Jquery --> <!-- ============================================================== --> <script src="assets/plugins/jquery/jquery.min.js"></script> <!-- Bootstrap tether Core JavaScript --> <script src="assets/plugins/bootstrap/js/popper.min.js"></script> <script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script> <!-- slimscrollbar scrollbar JavaScript --> <script src="js/jquery.slimscroll.js"></script> <!--Wave Effects --> <script src="js/waves.js"></script> <!--Menu sidebar --> <script src="js/sidebarmenu.js"></script> <!--stickey kit --> <script src="assets/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script> <script src="assets/plugins/sparkline/jquery.sparkline.min.js"></script> <!--Custom JavaScript --> <script src="js/custom.min.js"></script> <!-- ============================================================== --> <!-- Style switcher --> <!-- ============================================================== --> <script src="assets/plugins/styleswitcher/jQuery.style.switcher.js"></script> <!--Custom JavaScript --> <!-- <script src="js/custom.min.js"></script> --> <script src="assets/plugins/toast-master/js/jquery.toast.js"></script> <script src="js/toastr.js"></script> <!-- Custom Theme JavaScript --> <?php if(isset($_SESSION['status']) && $_SESSION['status'] == 1){ ?> <script> showSuccess(); </script> <?php }else if(isset($_SESSION['status']) && $_SESSION['status'] == 2){ ?> <script> showFailed(); </script> <?php }else if(isset($_SESSION['status']) && $_SESSION['status'] == 3){ ?> <script> showWarningIncorrect(); </script> <?php } unset($_SESSION['status']); ?> </body> </html>