<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta content="IE=edge" http-equiv="X-UA-Compatible">
        <title>
   BKD Kopertais Wilayah XI Kalimantan
        </title>
        <link href="logo-kemenag.png" rel="icon" sizes="32x32" type="image/png">
        <!-- Tell the browser to be responsive to screen width -->
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <!-- Bootstrap 3.3.6 -->
        <!-- <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> -->
        <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> -->
        <!-- Font Awesome -->
        <!-- <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> -->
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
        <!-- Ionicons -->
        <!-- <link rel="stylesheet" href="plugins/ionicons/css/ionicons.min.css"> -->
        <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
        <!-- Theme style -->
        <!-- <link rel="stylesheet" href="dist/css/AdminLTE.min.css"> -->
        <link href="dist/css/adminlte.min.css" rel="stylesheet">
        <!-- iCheck -->
        <!-- <link rel="stylesheet" href="plugins/iCheck/square/blue.css"> -->
        <link href="plugins/iCheck/square/blue.css" rel="stylesheet">
        <!-- Google Font: Source Sans Pro -->
        <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" 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/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="hold-transition login-page">
        <div class="login-box">
            <div class="login-logo">
                <img src="image/logo-kemenag.png" style="margin-top: -80px;" width="80">
                <br>
                <a href="index.php">
     BKD Kopertais
                    <br>
                    Wilayah XI Kalimantan
                </a>
            </div>
            <!-- /.login-logo -->
            <div class="card">
                <div class="card-body login-card-body">
                    <p class="login-box-msg">
      Login sesuai NIDN/Username Anda
                    </p>
                    <form method="post">
                        <input name="csrf_token" type="hidden" value="bad869dcbf63235fd89da999a1455c694f5f9eb4fa57dd3fdeafa9b4e605ea02">
                        <div class="form-group has-feedback input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">
                                    <i class="fa fa-user form-control-feedback">
                                    </i>
                                </span>
                            </div>
                            <input class="form-control" name="txtuname" placeholder="NIDN/Username" required="" type="text">
                        </div>
                        <div class="form-group has-feedback input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">
                                    <i class="fa fa-lock form-control-feedback">
                                    </i>
                                </span>
                            </div>
                            <input class="form-control" name="txtupass" placeholder="Password" required="" type="password">
                        </div>
                        <div class="row">
                            <div class="col-8">
                                <!-- <div class="checkbox icheck">
                                                                        <label>
                                                                                <input type="checkbox"> Remember Me 
                                                                        </label>
                                                                </div> -->
                            </div>
                            <!-- /.col -->
                            <div class="col-4">
                                <button class="btn btn-primary btn-block btn-flat" name="btn-login" type="submit">
         Login
                                </button>
                            </div>
                            <!-- /.col -->
                        </div>
                    </form>
                    <!-- /.social-auth-links -->
                    <br>
                </div>
                <!-- /.login-box-body -->
            </div>
        </div>
        <!-- /.login-box -->
        <!-- jQuery 2.2.3 -->
        <!-- <script src="plugins/jQuery/jquery-2.2.3.min.js"></script> -->
        <script src="plugins/jquery/jquery.min.js">
        </script>
        <!-- Bootstrap 3.3.6 -->
        <!-- <script src="bootstrap/js/bootstrap.min.js"></script> -->
        <script src="plugins/bootstrap/js/bootstrap.bundle.min.js">
        </script>
        <!-- iCheck -->
        <script src="plugins/iCheck/icheck.min.js">
        </script>
        <script>
            $(function() {
                $('input').iCheck({
                    checkboxClass: 'icheckbox_square-blue',
                    radioClass: 'iradio_square-blue',
                    increaseArea: '20%'
                });
            });
        </script>
    </body>
</html>