File: /home/asjudine/www/pages/menu_creditos_rotativos_pruebas.php
<!DOCTYPE HTML>
<html>
<head>
<title>Menu Creditos Rotativos</title>
<meta http-equiv="X-UA-Compatible" content="IE=8; IE=9; IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="viewport" content="width=device-width">
<style>
*{margin: 0;padding: 0;}
body{background-image:url(../ELEMENTS/fondo.jpg);font-family:Geneva, Arial, Helvetica, sans-serif;}
header {background-color: #B7271F; text-align: center;}
.cerrarsesion{width: auto;height: 20px;background-color: #DBD8C9;color: #000;font-size: 13px;position:absolute;top: 15px;right:10px;z-index:0;padding: 10px;border-radius: 10px;cursor: pointer;}
.titulo{width: 100%;text-align: center;background-color: #dbd8c9;color: #b20606;padding: 6px 0;font-size: 18px;}
.subtitulo{width: 100%;text-align: center;background-color: #dbd8c9;color: #b20606;padding: 3px 0;font-size: 15px;}
table{margin: 0 auto;border: 8px solid #bebebe;}
.divirmenu{text-align: center;}
.irmenu{width: 200px;background-color: #1c4fa0;color: #fff; padding: 4px;border-radius: 6px;margin-top: 5px;margin-bottom: 5px;}
.irmenu:hover{background-color: #67a0d9; color: #000;}
.fecha{background-color: #d6e08b; padding: 2px;color: #000;font-size: 15px; text-align: center;}
td{padding: 1px; border: 1px solid #a0a0a0;}
.td{background-color: #e5e5e5; padding: 1px 30px;color: #00135F;font-size: 14px;font-weight: 600; text-align: center;}
.boton1{width:30%;background-color: #ffffff;color: #000;padding: 2px;border:2px solid #580000;border-radius:10px;}
.boton1:hover{background-color: #6f0000;color: #fff;cursor: pointer;}
input[type=text]{border-radius: 5px; padding: 3px;background-color: #fffde8;}
.boton{width: 100%; margin: 0 auto; font-size: 13px; font-weight: 600; padding: 2px; background-color: #fffbe8; cursor: pointer; text-align: left; padding-left: 20px;}
.boton:hover{background-color: #4d598b;color: #fff;}
.contenedor{
width:90%;
padding:0 20px;
margin: 0 auto;
}
.cols{
width:100%;
height:auto;
display:inline-block;
}
.col1 img{width:100%;}
.col2 img{width:100%;}
.col1,
.col2
{
width:49%;
position: relative;
display: inline-block;
height: 100%;
cursor:pointer;
filter: grayscale(100%);
-webkit-filter: grayscale(80%);
}
.col1:hover,
.col2:hover
{
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.tit
{
position: absolute;
content:'';
text-transform: uppercase;
bottom:0;
left:0;
background-color:#B6292D;
color:#FFF;
width:100%;
height:40px;
-webkit-filter: none;
}
.tit p{
text-align:center;
padding:10px 30px;
filter: grayscale(100%);
}
</style>
</head>
<body>
<header>
<img src="../ELEMENTS/bannerInterasjudinet.png" alt="" width=" 700" height="70">
</header>
<h3 class="titulo">MENU CREDITO ROTATIVO</h3>
<form action="" method="post" name="formulario">
<div class="contenedor">
<div class="cols">
<div class="col1">
<a href="informacion_alumnos_policia.php"><img src="https://www.laopinion.com.co/sites/default/files/styles/640x370/public/2018/01/02/imagen/transito.jpg"/></a>
<div class="tit">
<p class="text">policia</p>
</div>
</div>
<div class="col2">
<a href="informacion_alumnos_soldados.php"><img src="https://www.laopinion.com.co/sites/default/files/styles/640x370/public/2015/09/25/imagen/militares.jpg"/></a>
<div class="tit">
<p class="texto">soldados</p>
</div>
</div>
</div>
</div>
<table width="341" border="0" cellpadding="2" cellspacing="3">
<tr>
<td>
<center><input name="button3" type="button" class="irmenu" onClick="window.location.href='www.asjudinet.com'" value="Regresar Al Menu"></center>
</td>
</tr>
</table>
</form>
</body>
</html>