208 lines
9.5 KiB
PHP
208 lines
9.5 KiB
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">
|
|
|
|
<!-- App favicon -->
|
|
<link rel="shortcut icon" href="assets/images/logo_rssa.png">
|
|
<!-- App title -->
|
|
<title>DEV::E-LETTER RSSA</title>
|
|
|
|
<!-- App css -->
|
|
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
|
<link href="assets/css/core.css" rel="stylesheet" type="text/css" />
|
|
<link href="assets/css/components.css" rel="stylesheet" type="text/css" />
|
|
<link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
|
|
<link href="assets/css/pages.css" rel="stylesheet" type="text/css" />
|
|
<link href="assets/css/menu.css" rel="stylesheet" type="text/css" />
|
|
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
|
|
|
|
<script src="assets/js/modernizr.min.js"></script>
|
|
<style>
|
|
.captcha-box { border-radius: 5px; border: 2px solid; padding: 2rem; max-width: 400px; margin: 20px 0; }
|
|
#canvas {
|
|
width: 200px;
|
|
height: 60px;
|
|
}
|
|
|
|
#message {
|
|
display:none;
|
|
background: #f1f1f1;
|
|
color: #000;
|
|
position: relative;
|
|
padding:10px 20px;
|
|
width:30%;
|
|
margin:auto;
|
|
margin-top:-20px;
|
|
}
|
|
#message p {
|
|
padding: 0px 35px;
|
|
font-size: 18px;
|
|
}
|
|
.valid {
|
|
color: green;
|
|
}
|
|
.valid:before {
|
|
position: relative;
|
|
left: -35px;
|
|
content: "2713";
|
|
}
|
|
.invalid {
|
|
color: red;
|
|
}
|
|
.invalid:before {
|
|
position: relative;
|
|
left: -35px;
|
|
content: "0D7";
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
|
|
<body class="bg-transparent">
|
|
<div class="err" id="add_err"></div>
|
|
<!-- HOME -->
|
|
<section>
|
|
<div class="container-alt">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
|
|
<div class="wrapper-page">
|
|
|
|
<div class="m-t-40 account-pages">
|
|
<div class="text-center account-logo-box" style="background-color:white">
|
|
<span><center><img src="assets/images/logo_rssa.jpg" alt="image" class="img-responsive" width="200"></center></span>
|
|
<br>
|
|
<h2 class="text-uppercase">
|
|
<a href="index.html" class="text-success">
|
|
<span><img src="assets/images/logo.png" alt="" height="36"></span>
|
|
</a>
|
|
</h2>
|
|
<!--<h4 class="text-uppercase font-bold m-b-0">Sign In</h4>-->
|
|
</div>
|
|
<span style="font-family:InterSB"><center>DEV</center></span>
|
|
<div class="account-content">
|
|
<form class="form-horizontal" action="#" autocomplete="off">
|
|
<div class="form-group">
|
|
<div class="col-xs-12">
|
|
<input class="form-control" type="text" required="" placeholder="Username" id="username" autocomplete="off" onkeyup="this.value = this.value.replace(/[^0-9A-Za-z]/g, '')">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group ipass">
|
|
<div class="col-xs-12">
|
|
<input class="form-control" type="text" required="" style="-webkit-text-security: disc;"
|
|
placeholder="Password" id="password" autocomplete="off"
|
|
onkeyup="this.value = this.value.replace(/[^0-9A-Za-z]/g, '')" title="Kombinasi huruf besar, huruf kecil, dan angka, minimal 8 karakter">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group gpass">
|
|
<div class="col-xs-12">
|
|
<div class="input-group my-group">
|
|
<input class="form-control" type="text" required="" style="-webkit-text-security: disc;"
|
|
placeholder="Password Baru" id="password2" autocomplete="off"
|
|
onkeyup="this.value = this.value.replace(/[^0-9A-Za-z]/g, '')" title="Kombinasi huruf besar, huruf kecil, dan angka, minimal 8 karakter">
|
|
<span class="input-group-btn"><button type="button" id="simpan_gpass" class="btn btn-default"
|
|
data-content="Simpan" rel="popover" data-placement="top" data-trigger="hover"
|
|
><i class="fa fa-check"></i></button></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<p id="password-strength" style="text-align: center;"></p>
|
|
|
|
<!-- baru -->
|
|
<div class="form-group">
|
|
<div class="col-xs-12">
|
|
<div style="text-align: center;">
|
|
<canvas id="canvas"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="col-xs-12">
|
|
<input name="code" id="capca" placeholder="Kode" class="form-control" onkeydown="tekan1(event)" onkeyup="this.value = this.value.replace(/[^0-9A-Za-z]/g, '')">
|
|
</div>
|
|
</div>
|
|
<!-- eof baru -->
|
|
|
|
<div class="form-group text-center notif_err">
|
|
<div class="col-xs-12">
|
|
<span style="text-align:center" id="log_err"></span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group text-center ket_err">
|
|
<div class="col-xs-12">
|
|
<span style="text-align:center" id="info_err"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group text-center cdt_err">
|
|
<div class="col-xs-12">
|
|
<span style="text-align:center" id="cd_err"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group text-center m-t-30 lpass">
|
|
<div class="col-sm-12">
|
|
<a href="#" id="lalipass" class="text-muted"><i class="fa fa-lock m-r-5"></i> Lupa password ?</a>
|
|
</div>
|
|
</div>
|
|
<div class="form-group account-btn text-center m-t-10">
|
|
<div class="col-xs-12">
|
|
<button class="btn w-md btn-bordered btn-danger waves-effect waves-light" type="button" name="login">Login</button>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- end card-box-->
|
|
|
|
|
|
<div class="row m-t-50">
|
|
<div class="col-sm-12 text-center">
|
|
<!-- <p class="text-muted">Belum punya akun ? <a href="#" class="text-primary m-l-5" id="register"><b>Daftar</b></a></p> -->
|
|
<p class="text-muted">© 2020 dynandsoftware</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end wrapper -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- END HOME -->
|
|
|
|
<script>
|
|
var resizefunc = [];
|
|
$('#username').first().focus().selected();
|
|
</script>
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/bootstrap.min.js"></script>
|
|
<script src="assets/js/jquery-captcha.js"></script>
|
|
<script src="assets/js/style.js"></script>
|
|
<script src="assets/js/detect.js"></script>
|
|
<script src="assets/js/fastclick.js"></script>
|
|
<script src="assets/js/jquery.blockUI.js"></script>
|
|
<script src="assets/js/waves.js"></script>
|
|
<script src="assets/js/jquery.slimscroll.js"></script>
|
|
<script src="assets/js/jquery.scrollTo.min.js"></script>
|
|
<script src="assets/js/jquery.core.js"></script>
|
|
<script src="assets/js/jquery.app.js"></script>
|
|
<script src="assets/js/enter.js"></script>
|
|
<script>
|
|
</script>
|
|
</body>
|
|
</html> |