Mini Shell
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/logoccp.gif" />
<link rel="icon" type="image/png" href="favicon.ico" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>ระบบจัดการเว็บไซต์ | CCP</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<!-- Canonical SEO -->
<link rel="canonical" href="https://www.ccp.ac.th" />
<!-- Social tags -->
<meta name="keywords" content="material dashboard, bootstrap material admin, bootstrap material dashboard, material design admin, material design, creative tim, html dashboard, html css dashboard, web dashboard, freebie, free bootstrap dashboard, css3 dashboard, bootstrap admin, bootstrap dashboard, frontend, responsive bootstrap dashboard, premiu material design admin">
<meta name="description" content="ระบบจัดการเว็บไซต์โรงเรียนเทศบาลวัดชัยชุมพล | CCP.">
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="ระบบจัดการเว็บไซต์โรงเรียนเทศบาลวัดชัยชุมพล | CCP.">
<meta itemprop="description" content="ระบบจัดการเว็บไซต์โรงเรียนเทศบาลวัดชัยชุมพล | CCP.">
<meta itemprop="image" content="s3.amazonaws.com/creativetim_bucket/products/51/opt_mdp_thumbnail.jpg">
<meta property="fb:app_id" content="655968634437471">
<meta property="og:title" content="Material Dashboard PRO by Creative Tim | Premium Bootstrap Admin Template" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.creative-tim.com/product/material-dashboard-pro" />
<meta property="og:image" content="s3.amazonaws.com/creativetim_bucket/products/51/opt_mdp_thumbnail.jpg" />
<meta property="og:description" content="ระบบจัดการเว็บไซต์โรงเรียนเทศบาลวัดชัยชุมพล | CCP." />
<meta property="og:site_name" content="ระบบจัดการเว็บไซต์" />
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<!-- Material Dashboard CSS -->
<link href="assets/css/material-dashboard.css" rel="stylesheet" />
<!-- CSS for Demo Purpose, don't include it in your project -->
<link href="assets/css/demo.css" rel="stylesheet" />
<!-- Fonts and icons -->
<link href="assets/css/font-awesome.css" rel="stylesheet" />
<link href="assets/css/google-roboto-300-700.css" rel="stylesheet" />
<link href="../css/fonts1.css" rel="stylesheet"/>
<link href="assets/smoke/css/smoke.min.css" rel="stylesheet"/>
<link href="assets/css/sweetalert.css" rel="stylesheet"/>
</head>
<body>
<nav class="navbar navbar-primary navbar-transparent navbar-absolute">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-example-2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="../dashboard.html">ระบบจัดการเว็บไซต์ | CCP</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class=" active ">
<a href="login.php">
<i class="material-icons">fingerprint</i> เข้าสู่ระบบ
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="wrapper wrapper-full-page">
<div class="full-page login-page" filter-color="black" data-image="assets/img/login1.jpg">
<!-- you can change the color of the filter page using: data-color="blue | purple | green | orange | red | rose " -->
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6 col-md-offset-4 col-sm-offset-3">
<form id="form_login" method="POST" action="login_go.php" novalidate>
<div class="card card-login card-hidden">
<div class="card-header text-center" data-background-color="rose">
<img class="mr-3 mt-3 rounded-circle" src="logo.gif" style="width:60px;" >
<h4 class="card-title"> เข้าสู่ระบบ</h4>
</div>
<p class="category text-center">
กรุณาล็อกอินเข้าสู่ระบบ
</p>
<div class="card-content">
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">face</i>
</span>
<div class="form-group label-floating">
<label class="control-label">ชื่อผู้ใช้งาน</label>
<input id="username" name="username" type="text" class="form-control" data-smk-msg="กรุณากรอกชื่อผู้ใช้งาน" required>
</div>
</div>
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">lock_outline</i>
</span>
<div class="form-group label-floating">
<label class="control-label">รหัสผ่าน</label>
<input id="password" name="password" type="password" class="form-control" data-smk-msg="กรุณากรอกรหัสผ่าน" required>
</div>
</div>
</div>
<div class="footer text-center">
<button type="submit" class="btn btn-rose">เข้าสู่ระบบ</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div id="spin"></div>
<footer class="footer">
<div class="container">
<nav class="pull-left">
<ul>
<li>
<a href="#">
เว็บไซต์โรงเรียนเทศบาลวัดชัยชุมพล
</a>
</li>
</ul>
</nav>
<p class="copyright pull-right">
©
<script>
document.write(new Date().getFullYear())
</script>
<a href="http://www.ccp.ac.th/">โรงเรียนเทศบาลวัดชัยชุมพล</a>, by Taveesak Tohlee.
</p>
</div>
</footer>
</div>
</div>
</body>
</body>
<!-- Core JS Files -->
<script src="assets/js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="assets/js/jquery-ui.min.js" type="text/javascript"></script>
<script src="assets/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/js/material.min.js" type="text/javascript"></script>
<script src="assets/js/perfect-scrollbar.jquery.min.js" type="text/javascript"></script>
<!-- Forms Validations Plugin -->
<script src="assets/js/jquery.validate.min.js"></script>
<!-- Plugin for Date Time Picker and Full Calendar Plugin-->
<script src="assets/js/moment.min.js"></script>
<!-- Charts Plugin -->
<script src="assets/js/chartist.min.js"></script>
<!-- Plugin for the Wizard -->
<script src="assets/js/jquery.bootstrap-wizard.js"></script>
<!-- Notifications Plugin -->
<script src="assets/js/bootstrap-notify.js"></script>
<!-- Sharrre Library -->
<script src="assets/js/jquery.sharrre.js"></script>
<!-- DateTimePicker Plugin -->
<script src="assets/js/bootstrap-datetimepicker.js"></script>
<!-- Vector Map plugin -->
<script src="assets/js/jquery-jvectormap.js"></script>
<!-- Sliders Plugin -->
<script src="assets/js/nouislider.min.js"></script>
<!-- Google Maps Plugin -->
<!--<script src="https://maps.googleapis.com/maps/api/js"></script>-->
<!-- Select Plugin -->
<script src="assets/js/jquery.select-bootstrap.js"></script>
<!-- DataTables.net Plugin -->
<script src="assets/js/jquery.datatables.js"></script>
<!-- Sweet Alert 2 plugin -->
<script src="assets/js/sweetalert.min.js"></script>
<!-- Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->
<script src="assets/js/jasny-bootstrap.min.js"></script>
<!-- Full Calendar Plugin -->
<script src="assets/js/fullcalendar.min.js"></script>
<!-- TagsInput Plugin -->
<script src="assets/js/jquery.tagsinput.js"></script>
<!-- Material Dashboard javascript methods -->
<script src="assets/js/material-dashboard.js"></script>
<!-- Material Dashboard DEMO methods, don't include it in your project! -->
<script src="assets/js/demo.js"></script>
<script src="assets/smoke/js/smoke.min.js" ></script>
<script src="assets/js/spin.min.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
demo.checkFullPageBackgroundImage();
setTimeout(function() {
// after 1000 ms we add the class animated to the login/register card
$('.card').removeClass('card-hidden');
}, 700)
});
</script>
<script>
$(document).ajaxStart(function () {
$("#spin").show();
}).ajaxStop(function () {
$("#spin").hide();
});
$(document).ready(function(){
$("#username").focus();
var spinner = new Spinner().spin();
$("#spin").append(spinner.el);
$("#spin").hide();
$('#form_login').on("submit",function(e) {
if ($('#form_login').smkValidate()) {
$.post("login_go.php", $("#form_login").serialize() )
.done(function( data ) {
if (data.status === "danger") {
$.smkAlert({text: data.message , type: data.status});
$('#form_login').smkClear();
$("#username").focus();
} else {
$(location).attr('href', 'home.php');
}
});
e.preventDefault();
}
e.preventDefault();
});
});
</script>
<!-- Mirrored from demos.creative-tim.com/material-dashboard-pro/examples/pages/login.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 20 Mar 2017 21:32:19 GMT -->
</html>
Zerion Mini Shell 1.0