File: /home/asjudine/public_html/abogado.php
<?php
error_reporting(0);
require_once("Conectarse.php");
?>
<!DOCTYPE HTML>
<html>
<head>
<title>Interasjudinet - Abogados</title>
<!-- Required meta tags -->
<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, user-scalable=yes">
<!--COLORBOX-->
<link rel="stylesheet" href="css/colorbox.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/estilos.css">
<style>
ul.lista-abogados li{
float: left;
padding: 8px;
}
div.abogado a{
text-decoration: none;
}
@media only screen and (min-width: 480px){
ul.lista-abogados li{
width: 50%;
}
#colorbox .media-gallery-item img {
width: 5px;
height: 5px;
}
}
@media only screen and (min-width: 768px){
ul.lista-abogados li{
width: 25%;
}
}
@media only screen and (min-width: 1000px){
ul.lista-abogados li{
width: 20%;
}
}
@media only screen and (max-width: 479px){
ul.lista-abogados li{
width: 100%!important;
}
div.abogado{
height: 222px!important;
}
div.abogado img{
width: 150px;
height: auto;
margin-bottom: 20px;
}
}
div.abogado{
position: relative;
overflow: hidden;
text-align: center;
border: 1px groove #020895;
height: 270px;
}
div.abogado:hover{
-webkit-transform: scale(1.1);
}
div.abogado img{
max-width: 100%;
max-height: 180px;
filter: gray;
/*-webkit-filter: grayscale(1);*/
}
div.abogado img:hover{
/*-webkit-transform: scale(1.1);*/
}
div.abogado .nombre{
font-size: 14px;
/*position: absolute;*/
bottom: 0;
left: 0;
padding: 15px 10px;
margin: 0;
width: 100%;
text-align: center;
/*background-color: rgba(0,0,0,.55);*/
font-weight: bold;
color: #B3241A;
text-transform: uppercase;
-webkit-transition: all .5s ease-in-out;
}
div.abogado:hover .nombre{
bottom: -80px;
/*opacity: 0;*/
}
div.abogado .sucursal{
font-size: 12px;
padding: 5px;
font-weight: bold;
background-color: rgba(0,0,0,.20);
}
div.abogado-info{
margin-bottom: 20px;
text-align: left;
}
div.abogado-info img{
width: 150px;
height: auto;
margin-bottom: 20px;
}
.abogado-info p{
margin-bottom: 5px;
text-align: center;
font-size: 14px;
}
@media only screen and (max-width: 600px){
.abogado-info p{
padding: 0;
}
thead tr th{
display: block;
text-align: center;
}
}
</style>
</head>
<body>
<?php include('headerint.php'); ?>
<h1 class="titulo">LISTADO DE ABOGADOS</h1>
<br>
<main class="main">
<div align="center">
<?php echo "<input type='button' id='btn-submit' name='button' class='irmenu' onclick=\"window.location.href='servicio_cliente.php' \" value='Atrás'>"; ?>
</div>
<?php
$email = "servicios.coasjudinet@gmail.com";
$consulta_sucursales = mysql_query("SELECT sucursal FROM asjudinet_abogados");
$control = mysql_query('SELECT codigo_abogado, cedula, nombre_completo, sucursal, url_imagen, especialidad, id FROM asjudinet_abogados WHERE (vigentes = 1 and estado = 0) and (codigo_abogado != 1 and codigo_abogado != 667) ORDER BY sucursal');
if (!$control) {
die('Invalid query 0: ' . mysql_error());
}
if ((mysql_num_rows($control)!=0))
{
?>
<main class="main">
<div class="contenedor" align="center">
<p>Para comunicarse con nuestros Abogados enviar correo a <span class="grande"><?php echo $email; ?></span></p>
<hr>
</div>
<section class="abogados contenedor clearfix">
<ul class="lista-abogados ">
<?php
while(list($codigo, $cedula, $nombre_abogado, $sucursal, $url_imagen_abogado, $especialidad_abogado, $id) = mysql_fetch_row($control))
{
?>
<li>
<div class="abogado">
<p class="sucursal"><?php echo $sucursal; ?></p>
<a class="abogado-info" href="#abogado<?php echo $id; ?>" alt="">
<img src="ELEMENTS/abogados/<?php echo $url_imagen_abogado; ?>" alt="">
<p class="nombre"><?php echo $nombre_abogado; ?></p>
</a>
</div>
</li>
<div style="display:none">
<div class="abogado-info" id="abogado<?php echo $id; ?>">
<h1 class="titulos"><?php echo $nombre_abogado; ?></h1>
<p class="centrado">
<img src="ELEMENTS/abogados/<?php echo $url_imagen_abogado; ?>" alt="imagen abogado"></p>
<main class="main">
<div class='table-responsive'>
<table class='table'>
<thead>
<tr>
<th><span class="exp">SUCURSAL :</span></th><th><?php echo $sucursal; ?></th>
</tr>
<tr>
<th><span class="exp">ESPECIALIDAD :</span></th><th><?php echo $especialidad_abogado; ?></th>
</tr>
<tr>
<th><span class="exp">EMAIL :</span></th><th><?php echo $email; ?></th>
</tr>
</thead>
<!--<p><span class="exp">SUCURSAL :</span> <?php echo $sucursal; ?></p>
<p><span class="exp">ESPECIALIDAD :</span> <?php echo $especialidad_abogado; ?></p>
<p><span class="exp">EMAIL:</span> <?php echo $email; ?></p>-->
</table>
</div>
</main>
</div>
</div>
<?php
$tota = $tota + 1;
}
?>
</ul>
</section>
</main>
<?php
}
echo "<TABLE width='200' border='0' align='center' cellpadding ='0' cellspacing='1'>";
printf("<tr>
<td class='tdfull'>".$tota."</td>");
echo "</form>";
?>
</main>
<script src="js/jquery_3.3.1.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<script>
window.addEventListener("orientationchange", function() {
if($('#cboxOverlay').is(':visible')){
$.colorbox.load(true);
}
}, false);
</script>
<script>
$(".abogado-info").colorbox({inline:true, width:"50%"});
$(".abogado-info").colorbox({
//your other colorbox options
//...
escKey: true,
overlayClose: true
});
</script>
</body>
</html>