File: /home/asjudine/public_html/pages/informacion_alumnos_policia.php
<html>
<head>
<title>Policia Info</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
<!-- GOOGLE FONTS -->
<link rel = "preconnect" href = "https://fonts.gstatic.com">
<link href = "https://fonts.googleapis.com/css2? family = PT + Serif: ital @ 1 & display = intercambiar "rel =" hoja de estilo ">
<!-- ANIMATE TEXT -->
<link rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<style type="text/css">
*{margin: 0;padding: 0;}
body{background-color:#EAEAEA;font-family:Geneva, Arial, Helvetica, sans-serif; text-align:center;}
header {background-color: #B7271F; text-align: center;}
.cerrarsesion{width: auto;background-color: #DBD8C9;color: #000;font-size: 13px;position:absolute;top: 15px;right:10px;z-index:0;padding: 10px;border-radius: 10px;cursor: pointer;}
.cerrarsesion:hover{background-color: #ffffff;color: #000;}
.titulo{width: 100%;text-align: center;background-color: #dbd8c9;color: #b20606;padding: 6px 0;font-size: 18px;}
.subtitulos{width: 100%;text-align: left;color: #b20606;padding: 2px 0;font-size: 13px;}
table{margin: 0 auto;border: 8px solid #bebebe; text-align: center;}
.divirmenu{text-align: center;}
.irmenu{width: 120px;background-color: #1c4fa0;color: #fff; padding: 4px;border-radius: 6px; margin:10px 0;}
.irmenu:hover{background-color: #67a0d9; color: #000;}
.fecha{background-color: #d6e08b; padding: 2px;color: #000;font-size: 15px; text-align: center;}
td{border: #969696 solid 1px;}
.tdizq{background-color: #EEE; padding: 1px 1px;color: #00135F;font-size: 13px;font-weight: 300; text-align: left;}
.tdcen{background-color: #EEE; padding: 1px 1px;color: #00135F;font-size: 13px;font-weight: 300; text-align: center;}
.tdder{background-color: #EEE; padding: 1px 1px;color: #00135F;font-size: 13px;font-weight: 700; text-align: right;}
.tdroja{background-color: #EEE; padding: 1px 1px;color: #CC0005;font-size: 13px;font-weight: 600; text-align: center;}
.exp{color:#8A0000; font-size:10px;}
.boton1{width:120px;background-color: #ffffff;color: #000;padding: 4px;border:1px solid #580000;border-radius:2px;}
.boton1:hover{background-color: #6f0000;color: #fff;cursor: pointer;}
.tdtitulo{background-color: #e3dec0; color: #b20606; padding: 2px; text-align: center; font-size: 12px; font-weight: 900}
.tdfull{background-color: #fff; color: #000; padding: 1px; text-align: center; font-size: 13px;}
.botonnew{width: 90px; background-color: #e3dec0;color: #b20606;padding: 1px;border-radius:5px;}
.botonnew:hover{width: 90px; background-color: #cbbd6a;color: #000;padding: 1px;border-radius:5px;}
.container{width:90%; background-color:#FFF; margin:0 auto; text-align:center; padding-bottom:10px;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.container img{width:550px; padding:20px;}
.requisito{color:#AD2124;font-weight:bold; text-align:left; padding:20px;}
.info{ padding:30px; text-align:justify; color:#000;}
div p{color:#000; font-weight:bold; padding:10px;}
.credito{color:#3C2B99;}
.boton{background-color:#801111; color:#FFF; padding:20px; font-size:20px;}
.lista{text-align:left; padding:10px;}
.enviar{background-color: #1c4fa0;color: #fff; padding: 7px;border-radius: 6px; font-size:15px;}
.enviar:hover{background-color: #67a0d9; color: #000;}
.rojo{background-color: #A81A1D;color: #fff; padding: 7px;border-radius: 6px; font-size:15px;}
.rojo:hover{background-color: #67a0d9; color: #000;}
.secboton{margin-bottom:50px; }
.img {
width: 200px;;
height: auto;
}
.font-google
{
font-family: 'PT Serif', serif;
}
</style>
<body>
<header>
<img src="../ELEMENTS/bannerInterasjudinet.png" alt="" width=" 700" height="70">
</header>
<h1 style="color: red;padding-top: 25px;padding-bottom: 25px;" class="font-google"><b>CREDITO ROTATIVO ESTUDIANTES POLICIA</b></h1>
<div class="container" id="DIV_CONTENEDOR_INFO" >
<div class="col-12">
<div class="row">
<div class="col-1"></div>
<div class="col-5" style="text-align: justify"><br><br>
<h4><b>Se otorga un <b style="color: #0015AB">Crédito Rotativo</b> hasta por dos millones de pesos <b style="color: #0015AB"> ($2'000.000)</b>, durante la permanencia como estudiante de la respectiva escuela de formación, se realiza el desembolso de Dos millones de pesos <b style="color: #0015AB">($2'000.000)</b> en el momento de firmar la documentación y ser confirmada por la empresa. </b></h4>
</div>
<div class="col-5">
<img src="../ELEMENTS/dinero1.jpg" alt="" style="width: 590px;border-radius: 45px;" class="img-fluid">
</div>
<div class="col-1"></div>
</div>
</div>
<div class="col-12" style="padding-top: 20px;" id="entrada">
<div class="row">
<div class="col-6 alert-danger" style="background-color:#961B1C;text-align: justify">
<h1 class="font-google" style="color: #fff;text-align: center">Requisitos</h1>
<ul style="text-align: left;color: white;font-size: 20px;">
<li>Estar inscrito en un contrato de asesoria juridica prepagada. <b>(Interasjudinet)</b>. En donde actúa como codeudor del crédito. </li>
<li>Diligenciar el formulario de solicitud de crédito.</li>
<li>Tener firmados los documentos que soportan el crédito.</li>
<li>Anexar fotocopia de la cedula de ciudadania.</li>
<li>Tener activa la cuenta personal (para realizar los desembolsos, indicando el banco)</li>
<li>Referencia de dos familiares con números telefónicos (Padres - Hermanos - Tios).</li>
<li>Mayor información: ingresar a la pagina <b><a href="www.asjudinet.com/pages/menu_creditos_rotativos.php" style="color: #fff">www.asjudinet.com</a></b></li>
<li>Todo el tramíte se realiza por internet.</li>
</ul><br>
</div>
<div class="col-6 alert-success" style="background-color: #003BB1;text-align: justify">
<h1 class="font-google" style="color: #fff;text-align: center">Beneficios del Servicio Jurídico</h1>
<ul style="text-align:left; color: #fff;font-size: 20px;">
<li>Interes de acuerdo a lo permitido por la superintendencia bancaria.</li>
<li> Mediante el pago de una cuota fija mensual, tendrá a su disposición de manera permanente, abogados expertos en todas las ramas del Derecho, que lo defenderán a usted y a su familia ante cualquier problema jurídico que en el orden nacional afronte; asi como cualquier trámite de orden legal.</li>
<li> Asistencia inmediata las 24 horas del dia.</li>
<li> El servicio se presta a usted y sus beneficiarios a partir de la firma del contrato según el plan escogido, en forma gratuita durante todo el proceso de formación.</li>
<li> El primer descuento se inicia a partir del segundo sueldo como profesional.</li>
<li> El departamento de soporte Académico tendrá como finalidad dar <b>Asesoría Jurídica</b> y <b>Técnica</b> a todos nuestros afiliados que se encuentren vinculados a la empresa a través de los distintos tipos de contrato, mediante la promoción especial para estudiantes de las diferentes escuelas.</li>
</ul>
</div>
</div>
</div>
<div class="col-12">
<div class="row" align="center">
<div><br>
<button class="btn btn-outline-danger" style="padding-left: 80px;padding-right: 80px;" onclick="location.href='menu_creditos_rotativos.php'"> REGRESAR</button>              
<button class="btn btn-outline-primary" style="padding-left: 10px;padding-right: 10px;" onclick="FORMULARIO();">DILIGENCIAR FORMULARIO</button>
</div>
</div>
</div>
</div>
<div class="container" style="width: 35%;display: none;" id="DIV_CONTENEDOR_VALIDAR_POLI">
<div class="col-12" style="padding-top: 30px;padding-bottom: 50px; ">
<div class="row form-group">
<div class="col-1"></div>
<div class="col-10" >
<input type="text" style="text-align: center;" class="form-control" placeholder="Digita tu numero de documento" id="cedula" autocomplete="off">
</div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-10"><br>
<button class="btn btn-outline-danger" onclick="CANCELAR();">Cancelar</button>
<button class="btn btn-outline-primary" onclick="VALIDAR_POLI();">Validar</button>
</div>
<div class="col-1"></div>
</div>
</div>
</div>
<!-- FORMULARIO CREDITO POLICIA -->
<div class="container" style="padding-bottom: 50px;display: none;" id="DIV_CONTENEDOR_FORMULARIO">
<div class="col-12 form-group">
<h2 class="font-google" style="color: red"><b><u>FORMULARIO</u> <u>CREDITO</u> <u>ROTATIVO</u></b></h2>
<form id="FormulariofotCc">
<div class="row">
<div class="col-6" style="text-align: left;">
<span><b>Apellidos</b></span>
<input type="text" class="form-control" placeholder="Apellidos" id="Apellidos" readonly name="Apellidos">
</div>
<div class="col-6" style="text-align: left;">
<span><b>Nombres</b></span>
<input type="text" class="form-control" placeholder="Nombres" id="Nombres" readonly name="Nombres">
</div>
<div class="col-3" style="text-align: left;">
<br><span><b>Cedula</b></span>
<input type="text" class="form-control" placeholder="Cedula" id="Cedula" readonly name="Cedula">
</div>
<div class="col-3" style="text-align: left;">
<br><span><b>Grado</b></span>
<input type="text" class="form-control" placeholder="Grado" id="Grado" readonly name="Grado">
</div>
<div class="col-3" style="text-align: left;">
<br><span><b>Unidad</b></span>
<input type="text" class="form-control" placeholder="Unidad" id="Unidad" readonly name="Unidad">
</div>
<div class="col-3" style="text-align: left;">
<br><span><b>Monto</b></span>
<select class="form-control" id="Monto" name="Monto">
<option value="">-SELECCIONAR-</option>
<option value="300000">300.000</option>
<option value="400000">400.000</option>
<option value="500000">500.000</option>
<option value="600000">600.000</option>
<option value="700000">700.000</option>
<option value="800000">800.000</option>
<option value="900000">900.000</option>
<option value="1000000">1'000.000</option>
<option value="1100000">1'100.000</option>
<option value="1200000">1'200.000</option>
<option value="1300000">1'300.000</option>
<option value="1400000">1'400.000</option>
<option value="1500000">1'500.000</option>
<option value="1600000">1'600.000</option>
<option value="1700000">1'700.000</option>
<option value="1800000">1'800.000</option>
<option value="1900000">1'900.000</option>
<option value="2000000">2'000.000</option>
</select>
</div>
<div class="col-6" style="text-align: left;">
<br><span><b>Direccion</b></span>
<input type="text" class="form-control" placeholder="Direccion" id="Direccion" name="Direccion">
</div>
<div class="col-6" style="text-align: left;">
<br><span><b>Email</b></span>
<input type="text" class="form-control" placeholder="Email" id="Email" name="Email">
</div>
<div class="col-3" style="text-align: left;">
<br><span><b>Celular</b></span>
<input type="text" class="form-control" placeholder="Celular" id="Celular" name="Celular">
</div>
<div class="col-3" style="text-align: left;">
<br><span><b>Telefono</b></span>
<input type="text" class="form-control" placeholder="Telefono" id="Telefono" name="Telefono">
</div>
<!--MONTO-->
<div class="col-3" style="text-align: left;">
<br><span><b>Ciudad</b></span>
<input type="text" class="form-control" placeholder="Ciudad" id="Ciudad" name="Ciudad">
</div>
<div class="col-3" style="text-align: left;">
<br><span><b>Número Cuotas</b></span>
<select id="N_cuotas" class="form-control" name="N_cuotas">
<option value="24">24</option>
</select>
</div>
<div class="col-3" style="text-align: left;">
<br><span><b>Número de la cuenta</b></span>
<input type="text" class="form-control" placeholder="Numero de la cuenta" id="N_cuenta" name="N_cuenta" >
</div>
<div class="col-3" style="text-align: left;">
<br><span><b>Banco</b></span>
<input type="text" class="form-control" placeholder="Banco" id="Banco" name="Banco" >
</div>
<div class="col-12"><hr class="my-4"></div>
<div class="col-12">
<h3 class="font-google" style="color: red"><b><u>Información</u> <u>Familiar</u></b></h3>
</div>
<div class="col-6" style="text-align: left;">
<br><span><b>Nombre Padre o Madre</b></span>
<input type="text" class="form-control" placeholder="Nombre Padre o Madre" id="Nombre_familiar" name="Nombre_familiar" >
</div>
<div class="col-6" style="text-align: left;">
<br><span><b>Número celular Padre o Madre</b></span>
<input type="text" class="form-control" placeholder="Numero celular Padre o Madre" id="Celular_Familiar" name="Celular_Familiar">
</div>
<div class="col-6" style="text-align: left;">
<br><span><b>Nombre Referencia Compañero</b></span>
<input type="text" class="form-control" placeholder="Nombre Referencia Companero" id="Nombre_companero" name="Nombre_companero" >
</div>
<div class="col-6" style="text-align: left;">
<br><span><b>Celular Referencia Compañero</b></span>
<input type="text" class="form-control" placeholder="Celular Referencia Compañero" id="Celular_companero" name="Celular_companero" >
</div><br>
<hr class="my-4">
<div class="col-4 form-group" >
<span><b class="h3" style="color: red;text-shadow: 1px 2px 2px #000">ANEXAR FOTOCOPIA CEDULA</b></span>
</div>
<div class="col-6 form-group" >
<input type="file" class="form-control" id="Archivo" name="Archivo">
</div>
<div class="col-12" align="center"><br>
<button class="btn btn-outline-danger" style="padding-right: 80px;padding-left: 80px" onclick="CANCELAR();">Cancelar</button>
              
<button class="btn btn-outline-primary" style="padding-right: 80px;padding-left: 80px" onclick="GUARDAR_POLI();">Guardar</button>
</div>
</div>
</form>
</div>
</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="js/funciones_consultorio_policia.js"></script>
<script>
$(document).on('submit','#FormulariofotCc',function(e)
{
e.preventDefault();
});
</script>
</html>