<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
        <title>
   SISKA LOGIN
        </title>
        <!-- plugins:css -->
        <link href="https://siska.asppi.or.id//assets/vendors/mdi/css/materialdesignicons.min.css" rel="stylesheet">
        <link href="https://siska.asppi.or.id//assets/vendors/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
        <link href="https://siska.asppi.or.id//assets/vendors/ti-icons/css/themify-icons.css" rel="stylesheet">
        <link href="https://siska.asppi.or.id//assets/vendors/typicons/typicons.css" rel="stylesheet">
        <link href="https://siska.asppi.or.id//assets/vendors/css/vendor.bundle.base.css" rel="stylesheet">
        <!-- endinject -->
        <!-- Plugin css for this page -->
        <!-- End Plugin css for this page -->
        <!-- inject:css -->
        <link href="https://siska.asppi.or.id//assets/css/shared/style.css" rel="stylesheet">
        <!-- endinject -->
        <link href="https://siska.asppi.or.id/images/favicon.png" rel="shortcut icon">
    </head>
    <body>
        <div class="container-scroller">
            <div class="container-fluid page-body-wrapper full-page-wrapper">
                <div class="content-wrapper d-flex align-items-center auth auth-bg-2 theme-one">
                    <div class="row w-100">
                        <div class="col-lg-4 mx-auto">
                            <div class="auto-form-wrapper">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <img alt="logo siska" class="img img-responsive" src="https://siska.asppi.or.id/images/logo.png" style="width: 100%">
                                        </div>
                                    </div>
                                </div>
                                <h4 class="text-center">
         SISTEM INFORMASI KEORGANISASIAN ASPPI
                                </h4>
                                <hr class="divider">
                                <form action="https://siska.asppi.or.id/login" class="user" method="post">
                                    <input name="_token" type="hidden" value="2PoZOtKrmULnrmlWesxra6NH7r5XQOudGjoFvjQp">
                                    <div class="form-group">
                                        <label class="label">
                                            <b>
                                                Username
                                            </b>
                                        </label>
                                        <div class="input-group">
                                            <input class="form-control" name="username" placeholder="Masukkan Username" required="" type="text">
                                            <div class="input-group-append">
                                                <span class="input-group-text">
                                                    <i class="mdi mdi-check-circle-outline">
                                                    </i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="label">
                                            <b>
                                                Password
                                            </b>
                                        </label>
                                        <div class="input-group">
                                            <input class="form-control" name="password" placeholder="Masukkan Password" required="" type="password">
                                            <div class="input-group-append">
                                                <span class="input-group-text">
                                                    <i class="mdi mdi-check-circle-outline">
                                                    </i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <button class="btn btn-primary text-white submit-btn btn-block" name="submit" type="submit">
                                            DPP &amp; DPD LOGIN
                                        </button>
                                        <div class="text-center mt-3">
                                            <br>
                                            <a href="">
                                            </a>
                                        </div>
                                        <div class="text-center small">
                                            DPP &amp; DPD ASPPI 2013 &raquo; 2026
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- content-wrapper ends -->
                </div>
                <!-- page-body-wrapper ends -->
            </div>
            <!-- container-scroller -->
            <!-- plugins:js -->
            <script src="https://siska.asppi.or.id//assets/vendors/js/vendor.bundle.base.js">
            </script>
            <!-- endinject -->
            <!-- inject:js -->
            <script src="https://siska.asppi.or.id//assets/js/shared/off-canvas.js">
            </script>
            <script src="https://siska.asppi.or.id//assets/js/shared/hoverable-collapse.js">
            </script>
            <script src="https://siska.asppi.or.id//assets/js/shared/misc.js">
            </script>
            <script src="https://siska.asppi.or.id//assets/js/shared/settings.js">
            </script>
            <script src="https://siska.asppi.or.id//assets/js/shared/todolist.js">
            </script>
            <!-- endinject -->
        </div>
    </body>
</html>