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

<head>
    <title>Log In</title>
    <!-- HTML5 Shim and Respond.js IE10 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 10]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="CodedThemes" />
    <meta name="description" content="description of your website/webpage, make sure you use keywords!" />
    <meta property="og:title" content="Persist Recruitment" />
    <meta property="og:url" content="https://persistrecruitment.com/" />
    <meta property="og:description" content="Temukan lowongan kerja yang cocok untukmu sekarang!" />
    <meta property="og:image" content="https://akseskerja.com/assets/KPI_link1.png" />

    <link rel="stylesheet" href="https://akseskerja.com/auth/fonts/fontawesome/css/fontawesome-all.min.css">
    <!-- Favicon icon -->
    <link rel="icon" href="https://akseskerja.com/assets/KPI Logo.jpg" type="image/x-icon">
    <!-- fontawesome icon -->
    <link rel="stylesheet" href="https://akseskerja.com/auth/fonts/fontawesome/css/fontawesome-all.min.css">
    <!-- animation css -->
    <link rel="stylesheet" href="https://akseskerja.com/auth/plugins/animation/css/animate.min.css">
    <!-- vendor css -->
    <link rel="stylesheet" href="https://akseskerja.com/auth/css/style.css">
    <link href='https://fonts.googleapis.com/css?family=Nunito' rel='stylesheet'>

</head>

<style>
    .login,
    body,
    html {
        height: 100%;
    }

    .image {
        height: 100%;
    }

    .bg-image {
        background-image: url(https://akseskerja.com/assets/login1.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .spanIndo {
        font-size: 10px;
        margin-bottom: 0px
    }

    li,
    a,
    button {
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #edf0f1;
        text-decoration: none;
    }

    header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom-style: solid;
        border-bottom-color: #9b9d9d;
    }

    .nav__links li {
        display: inline-block;
        padding: 0px 20px;
    }

    .nav__links li a {
        transition: all 0.3s ease 0s;
        color: #0C2290;

    }

    .nav__links li a:hover {
        color: #0C2290;
    }

    p {
        font-family: Nunito;
    }

    span {
        font-family: Nunito;
    }

    button {
        font-family: Nunito;
    }

    a {
        font-family: Nunito;
    }

    label {
        font-family: Nunito;
    }

    html {
        zoom: 0.8;
        /* Old IE only */
    }
</style>
<header style="background-color: white">
    <img src="https://akseskerja.com/assets/KPI Logo New.png" height="60px" alt="logo">
    <nav>
        <ul class="nav__links">
            <li><a href="/login" style="text-align: center"><span class="spanENg">Log In</span></a>
            </li>
            <li><a href="/registration" style="text-align: center"><span class="spanEng">Daftar</span></a></li>
        </ul>
    </nav>
</header>
<body style="background-color: #FFFFFF">
    <div class="container-fluid" style="height: 93% !important">
        <div class="row no-gutter" style="height: 100%">
            <!-- The image half -->
            <div class="col-md-7 d-none d-md-flex bg-image" style="height: 100%">
                <div class="col-md-6 text-white text-center text-md-left mt-xl-5 mb-5">
                </div>
            </div>


            <!-- The content half -->
            <div class="col-md-5 bg-light" style="background-color: #FFFFFF !important;">
                <div class="login d-flex align-items-center py-5">

                    <!-- Demo content-->
                    <div class="container">

                        <div class="row">

                            <div class="col-lg-10 col-xl-10 mx-auto">
                                <h2 class="mb-4">Log In</h2>
                                <p style="color: #0d0e0f">Selamat datang! Silakan masuk ke akun Anda.</p>

                                <form action="https://akseskerja.com/login-user" method="POST">
                                                                                                            <input type="hidden" name="_token" value="mkY0WpbRhLywdzFsnHsKLOZPZWAnmAfNdJDn2QPe">                                    <div class="form-group" style="margin-top: 20px">
                                        <label for="email">Email</label>
                                        <input type="email" class="form-control small" name="email"
                                            placeholder="Email" required>
                                        <span class="text-danger">
                                                                                    </span>
                                    </div>
                                    <div class="form-group">
                                        <label for="password">Kata Sandi</label>
                                        <div class="input-group mb-3">
                                            <input class="form-control password" id="password"
                                                class="block mt-1 w-full" type="password" name="password" required />
                                            <span toggle="#password-field" class="input-group-text togglePassword"
                                                id=""><i data-feather="eye"
                                                    class="fa fa-fw fa-eye field_icon toggle-password"
                                                    style="cursor: pointer"></i></span>
                                        </div>
                                        <span class="text-danger">
                                                                                    </span>
                                    </div>
                                    
                                    
                                    
                                    
                                    
                                    
                                                                            <input type="text" name="jobId" id="jobId" value=""
                                            style="display: none">
                                                                        <div style="margin-top: 10px; margin-bottom: 20px">
                                        <p style="font-size: 12px; margin-bottom: 0px;">Dengan masuk, Anda menyetujui <a
                                                href="https://akseskerja.com/termsCondition"
                                                style="color: #0C2290; font-size: 12px;">Syarat & Ketentuan</a></p>

                                    </div>
                                    <button class="btn btn-primary shadow-2 mb-4" type="submit"
                                        style="float: right; background-color: #0C2290">
                                        <span class="spanEng">Log In</span>
                                    </button>
                                    <div style="margin-top: 130px;" class="text-center">
                                        <p class="mb-2 text-muted">Lupa kata sandi? <a href="reset-password"
                                                style="color: #0C2290 !important;">Atur Ulang</a>
                                        </p>
                                        <p class="mb-0 text-muted" style="font-weight: bold">Tidak punya akun? <a
                                                href="/registration" style="color: #0C2290 !important;">Daftar</a></p>
                                        <p class="mt-5"><a href="https://akseskerja.com/faq"
                                                style="color: #0C2290">FAQ</a> <br> <a
                                                href="https://akseskerja.com/privacy-policy" style="color: #0C2290">Kebijakan
                                                Privasi</a></p>
                                        <p class="mt-5">Powered by PT Artha Solusi Kreasindo</p>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div><!-- End -->

                </div>
            </div><!-- End -->

        </div>
    </div>

    
    <script src="https://akseskerja.com/auth/js/vendor-all.min.js"></script>
    <script src="https://akseskerja.com/auth/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="https://akseskerja.com/assets/js/pcoded.min.js"></script>

    <script>
        $(document).on('click', '.toggle-password', function() {

            $(this).toggleClass("fa-eye fa-eye-slash");

            var input = $("#password");
            input.attr('type') === 'password' ? input.attr('type', 'text') : input.attr('type', 'password')
        });
    </script>
</body>

</html>
