ok
Mini Shell
<?php include("login.php"); ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
<meta name="author" content="Coderthemes">
<link rel="shortcut icon" href="images/favicon_1.png">
<title>Forgot password | Success Technologies</title>
<!-- Base Css Files -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<!-- Font Icons -->
<link href="assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="assets/ionicon/css/ionicons.min.css" rel="stylesheet" />
<link href="css/material-design-iconic-font.min.css" rel="stylesheet">
<!-- animate css -->
<link href="css/animate.css" rel="stylesheet" />
<!-- Waves-effect -->
<link href="css/waves-effect.css" rel="stylesheet">
<!-- Custom Files -->
<link href="css/helper.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/modernizr.min.js"></script>
<style type="text/css">
.icon1{
font-size: 23px;
position: absolute;
z-index: 1000;
right: 12px;
top: 1px;
/* opacity: 0.4; */
background: #2e90e7;
padding: 6px 10px 6px 10px;
border-radius: 7px;
color: #fff;
}
</style>
</head>
<body>
<div class="wrapper-page">
<div class="panel panel-color panel-primary panel-pages">
<div class="panel-heading bg-img">
<div class="bg-overlay"></div>
<h3 class="text-center m-t-10 text-white"> Forgot password <strong> </strong> </h3>
</div>
<div class="panel-body">
<form class="form-horizontal m-t-20" method="post" action="reset-pass.php">
<div class="form-group ">
<div class="col-xs-12">
<input class="form-control input-lg " name="oldpass" type="password" id="myInput2" placeholder="Old Password" required="">
<span onclick="myFunction2()" class="icon1"><i class="fa fa-eye" aria-hidden="true"></i></span>
</div>
</div>
<div class="form-group ">
<div class="col-xs-12">
<input class="form-control input-lg " name="pass" type="password" id="myInput" placeholder="New Password" required="">
<span onclick="myFunction()" class="icon1"><i class="fa fa-eye" aria-hidden="true"></i></span>
</div>
</div>
<!-- <input type="password" id="txtNewPassword" placeholder="Enter passward" name="pass">
<input type="password" id="txtConfirmPassword" placeholder="Confirm Passward" name="confpass" > -->
<div class="form-group">
<div class="col-xs-12">
<input class="form-control input-lg" name="confpass" type="password" id="myInput1" placeholder="Re-Password" required="">
<span onclick="myFunction1()" class="icon1"><i class="fa fa-eye" aria-hidden="true"></i></span>
</div>
</div>
<span style="color:green;" id="CheckPasswordMatch"></span>
<div class="form-group text-center m-t-40">
<div class="col-xs-12">
<button name="update" class="btn btn-primary btn-lg w-lg waves-effect waves-light" type="submit">Update </button>
<a href="index.php" ><button name="update" class="btn btn-primary btn-lg w-lg waves-effect waves-light" type="button">Login </button></a>
</div>
</div>
<span style="color:red"><?php echo $error; ?></span>
<div class="form-group m-t-30">
<!-- <div class="col-sm-7">
<a href="recoverpw.php"><i class="fa fa-lock m-r-5"></i> Forgot your password?</a>
</div> -->
<!-- <div class="col-sm-5 text-right">
<a href="register.html">Create an account</a>
</div> -->
</div>
</form>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function checkPasswordMatch() {
var password = $("#myInput").val();
var confirmPassword = $("#myInput1").val();
if (password != confirmPassword)
$("#CheckPasswordMatch").html("Passwords does not match!");
else
$("#CheckPasswordMatch").html("Passwords match.");
}
$(document).ready(function () {
$("#myInput1").keyup(checkPasswordMatch);
});
</script>
<script>
function myFunction() {
var x = document.getElementById("myInput");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}
</script>
<script>
function myFunction1() {
var x = document.getElementById("myInput1");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}
</script>
<script>
function myFunction2() {
var x = document.getElementById("myInput2");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}
</script>
<script>
var resizefunc = [];
</script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/waves.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="assets/jquery-detectmobile/detect.js"></script>
<script src="assets/fastclick/fastclick.js"></script>
<script src="assets/jquery-slimscroll/jquery.slimscroll.js"></script>
<script src="assets/jquery-blockui/jquery.blockUI.js"></script>
<!-- CUSTOM JS -->
<script src="js/jquery.app.js"></script>
</body>
</html>
Zerion Mini Shell 1.0