<!-- 
─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
─████████████████───██████──██████─████████████───██████████████─██████──────────██████────██████████████─██████████████─██████████████████─██████──██████─██████─────────██████─────────
─██░░░░░░░░░░░░██───██░░██──██░░██─██░░░░░░░░████─██░░░░░░░░░░██─██░░██████████──██░░██────██░░░░░░░░░░██─██░░░░░░░░░░██─██░░░░░░░░░░░░░░██─██░░██──██░░██─██░░██─────────██░░██─────────
─██░░████████░░██───██░░██──██░░██─██░░████░░░░██─██████████░░██─██░░░░░░░░░░██──██░░██────██░░██████████─██░░██████░░██─████████████░░░░██─██░░██──██░░██─██░░██─────────██░░██─────────
─██░░██────██░░██───██░░██──██░░██─██░░██──██░░██─────────██░░██─██░░██████░░██──██░░██────██░░██─────────██░░██──██░░██─────────████░░████─██░░██──██░░██─██░░██─────────██░░██─────────
─██░░████████░░██───██░░██████░░██─██░░██──██░░██─██████████░░██─██░░██──██░░██──██░░██────██░░██─────────██░░██──██░░██───────████░░████───██░░██████░░██─██░░██─────────██░░██─────────
─██░░░░░░░░░░░░██───██░░░░░░░░░░██─██░░██──██░░██─██░░░░░░░░░░██─██░░██──██░░██──██░░██────██░░██──██████─██░░██──██░░██─────████░░████─────██░░░░░░░░░░██─██░░██─────────██░░██─────────
─██░░██████░░████───██████████░░██─██░░██──██░░██─██████████░░██─██░░██──██░░██──██░░██────██░░██──██░░██─██░░██──██░░██───████░░████───────██████████░░██─██░░██─────────██░░██─────────
─██░░██──██░░██─────────────██░░██─██░░██──██░░██─────────██░░██─██░░██──██░░██████░░██────██░░██──██░░██─██░░██──██░░██─████░░████─────────────────██░░██─██░░██─────────██░░██─────────
─██░░██──██░░██████─────────██░░██─██░░████░░░░██─██████████░░██─██░░██──██░░░░░░░░░░██────██░░██████░░██─██░░██████░░██─██░░░░████████████─────────██░░██─██░░██████████─██░░██████████─
─██░░██──██░░░░░░██─────────██░░██─██░░░░░░░░████─██░░░░░░░░░░██─██░░██──██████████░░██────██░░░░░░░░░░██─██░░░░░░░░░░██─██░░░░░░░░░░░░░░██─────────██░░██─██░░░░░░░░░░██─██░░░░░░░░░░██─
─██████──██████████─────────██████─████████████───██████████████─██████──────────██████────██████████████─██████████████─██████████████████─────────██████─██████████████─██████████████─
───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── -->

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>
        BLUD UPTD PALD KOTA BEKASI    </title>
    <meta name="description" content="Login">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
    <!-- Call App Mode on ios devices -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- Remove Tap Highlight on Windows Phone IE -->
    <meta name="msapplication-tap-highlight" content="no">
    <!-- base css -->
    <link rel="stylesheet" media="screen, print" href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/css/vendors.bundle.css">
    <link rel="stylesheet" media="screen, print" href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/css/app.bundle.css">
    <!-- Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" sizes="180x180" href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/img/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/img/favicon/favicon-32x32.png">
    <link rel="mask-icon" href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
    <!-- Optional: page related CSS-->
    <link rel="stylesheet" media="screen, print" href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/css/fa-brands.css">
    <link rel="stylesheet" media="screen, print" href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/css/notifications/toastr/toastr.css">
</head>

<body>
    <div class="page-wrapper">
        <div class="page-inner bg-brand-gradient">
            <div class="page-content-wrapper bg-transparent m-0">
                <div class="height-10 w-100 shadow-lg px-4 bg-brand-gradient">
                    <div class="d-flex align-items-center container p-0">
                        <div class="page-logo width-mobile-auto m-0 align-items-center justify-content-center p-0 bg-transparent bg-img-none shadow-0 height-9">

                            <a href="javascript:void(0)" class="page-logo-link press-scale-down d-flex align-items-center">
                                <!-- <img src="http://103.30.246.60/img/blud_bekasi.png" alt="SmartAdmin WebApp" aria-roledescription="logo"> -->
                                <!-- <img src="http://103.30.246.60/img/blud_bekasi.png" alt="" width="50px"> -->
                                <span class="page-logo-text">BLUD UPTD PALD KOTA BEKASI</span>
                            </a>
                        </div>
                        <!-- <img src="http://103.30.246.60/img/blud_bekasi.png" alt="SmartAdmin WebApp" aria-roledescription="logo" class="page-logo width-mobile-auto m-0 align-items-center justify-content-center p-0 bg-transparent bg-img-none shadow-0" width="50px"> -->

                        <!-- <a href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/auth/register/" class="btn-link text-white ml-auto">
                            Create Account
                        </a> -->
                    </div>
                </div>
                <div class="flex-1" style="background: url(https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/img/svg/pattern-1.svg) no-repeat center bottom fixed; background-size: cover;">
                    <div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0">
                        <div class="row">
                            <div class="col col-md-6 col-lg-7 hidden-sm-down">

                                <h2 class="fs-xxl fw-500 mt-4 text-white">
                                    Sistem Informasi
                                    Manajemen BLUD UPTD PALD Kota Bekasi
                                    <small class="h3 fw-300 mt-3 mb-5 text-white opacity-60">

                                    </small>
                                </h2>
                                <!-- <img src="http://103.195.31.194/data/img-slider/G20210520002-whatsapp-image-2021-03-09-at-2.jpeg" alt="" width="350px"> -->
                                <br>
                                <a href="#" class="fs-lg fw-500 text-white opacity-70">Lihat Buku Manual &gt;&gt;</a>
                                <div class="d-sm-flex flex-column align-items-center justify-content-center d-md-block">
                                    <div class="px-0 py-1 mt-5 text-white fs-nano opacity-50">
                                        Temui Kita Di Sosial Media
                                    </div>
                                    <div class="d-flex flex-row opacity-70">
                                        <a href="#" class="mr-2 fs-xxl text-white">
                                            <i class="fab fa-facebook-square"></i>
                                        </a>
                                        <a href="#" class="mr-2 fs-xxl text-white">
                                            <i class="fab fa-twitter-square"></i>
                                        </a>
                                        <a href="#" class="mr-2 fs-xxl text-white">
                                            <i class="fab fa-google-plus-square"></i>
                                        </a>
                                        <a href="#" class="mr-2 fs-xxl text-white">
                                            <i class="fab fa-linkedin"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-6 col-lg-5 col-xl-4 ml-auto">
                                <h1 class="text-white fw-300 mb-3 d-sm-block d-md-none">
                                    Secure login
                                </h1>
                                <div class="card p-4 rounded-plus bg-faded">
                                    <form id="js-login" novalidate="" action="https://bludpald.bekasikota.go.id/sekdis-perkimtan/auth/login" method="post">
                                        <!-- <input type="hidden" name="ci_csrf_token" value=""> -->
                                        <center>
                                            <img src="http://103.30.246.60/img/logo_bekasikota.png" alt="" width="40px">
                                            <img src="http://103.30.246.60/img/blud_bekasi.png" alt="" width="40px">
                                        </center>
                                        <hr>
                                        <div class="form-group">
                                            <label class="form-label" for="username">Username</label>
                                            <input autocomplete="off" type="username" id="username" class="form-control form-control-lg" placeholder="your username" required name="username">
                                            <div class="invalid-feedback">No, you missed this one.</div>
                                            <div class="help-block">Your unique username to app</div>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label" for="password">Password</label>
                                            <input type="password" id="password" class="form-control form-control-lg" placeholder="password" required name="password">
                                            <div class="invalid-feedback">Sorry, you missed this one.</div>
                                            <div class="help-block">Your password</div>
                                        </div>

                                        <div class="form-group">
                                            <label class="form-label" for="password">
                                                <p id="captImg"><img  src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/captcha_images/1732170992.5755.jpg" style="width: 150px; height: 50px; border: 0;" alt=" " /></p>
                                            </label>
                                            <input autocomplete="off" type="captcha" id="captcha" class="form-control form-control-lg" placeholder="" required name="captcha">
                                            <div class="invalid-feedback">No, you missed this one.</div>
                                            <div class="help-block">Captcha</div>
                                        </div>
                                        <!-- <div class="form-group text-left">
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="rememberme">
                                                <label class="custom-control-label" for="rememberme"> Remember me for
                                                    the next 30 days</label>
                                            </div>
                                        </div> -->
                                        <div class="row no-gutters">
                                            <!-- <div class="col-lg-6 pr-lg-1 my-2">
                                                <button type="submit" class="btn btn-info btn-block btn-lg">Sign in with
                                                    <i class="fab fa-google"></i></button>
                                            </div> -->
                                            <div class="col-lg-6 pl-lg-1 my-2">
                                                <button id="js-login-btn" type="submit" class="btn btn-danger btn-block btn-lg">Secure login</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="position-absolute pos-bottom pos-left pos-right p-3 text-center text-white">
                            2022 © BLUD UPTD PALD KOTA BEKASI

                            <!-- by&nbsp; <a href='https://lintasdatapiranti.com' class='text-white opacity-40 fw-500' title='Lintas Data Piranti' target='_blank'>Lintas
                                Data Piranti</a> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- base vendor bundle: 
			 DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations 
						+ pace.js (recommended)
						+ jquery.js (core)
						+ jquery-ui-cust.js (core)
						+ popper.js (core)
						+ bootstrap.js (core)
						+ slimscroll.js (extension)
						+ app.navigation.js (core)
						+ ba-throttle-debounce.js (core)
						+ waves.js (extension)
						+ smartpanels.js (extension)
						+ src/../jquery-snippets.js (core) -->
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/js/vendors.bundle.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/js/app.bundle.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/js/notifications/toastr/toastr.js"></script>
    <script>
        $("#js-login-btn").click(function(event) {

            // Fetch form to apply custom Bootstrap validation
            var form = $("#js-login")

            if (form[0].checkValidity() === false) {
                event.preventDefault()
                event.stopPropagation()
            }

            form.addClass('was-validated');
            // Perform ajax submit here...
        });
    </script>
    </body>

</html>