<?php session_start(); ?>
<?php include("header.php"); ?>

<?php
$breadcrumbs = [
    ['nombre' => 'Inicio']
];
include("breadcrumbs.php");
?>

<div class="container mt-5">
    <div class="mb-5">
    <div class="d-flex justify-content-center align-items-center gap-3 flex-wrap text-center">

        <img src="img/icono_inspectores.png" 
             alt="Icono Inspectores"
             class="titulo-icono">

        <h1 class="fw-bold m-0">PADRÓN DE INSPECTORES</h1>

    </div>
</div>


    
    <div class="text-center mb-4">
        <h2 class="fw-bold">ORGANISMOS</h2>
    </div>

    <div class="row justify-content-center mb-5 g-4">
        <div class="col-md-3">
          
                <a href="area.php?id=1" class="text-decoration-none">
                <div class="card-custom text-center p-4">
    <img src="img/oosapat.png" class="logo-card mb-2">
    <div>OOSAPAT</div>
</div>

            </a>
        </div>

        <div class="col-md-3">
            <a href="area.php?id=2" class="text-decoration-none">
                <div class="card-custom text-center p-4">
               <img src="img/Oselite.png" class="logo-card mb-2">
                    <div> OOSELITE</div>
                </div>

            </a>
        </div>

        <div class="col-md-3">
            <a href="area.php?id=3" class="text-decoration-none">
                <div class="card-custom text-center p-4">
                    <img src="img/DIF.png" class="logo-card mb-2">
                    <div>DIF</div>
                </div>
            </a>
        </div>
    </div>

   
    
<div class="text-center mb-4">
    <h2 class="fw-bold">UNIDADES ADMINISTRATIVAS</h2>
</div>

<div class="row justify-content-center g-4 mb-5">

   
    <div class="col-12 col-sm-6 col-md-3">
        <a href="area.php?id=4" class="text-decoration-none">
            <div class="card-custom text-center p-4">
                <img src="img/Icono Secundario.png" class="logo-card mb-2">
                <div>INFORMACION GEOGRAFICA Y CATASTRO</div>
            </div>
        </a>
    </div>

   
    <div class="col-12 col-sm-6 col-md-3">
        <a href="area.php?id=5" class="text-decoration-none">
            <div class="card-custom text-center p-4">
                <img src="img/Icono Secundario.png" class="logo-card mb-2">
                <div>ESARROLLO URBANO</div>
            </div>
        </a>
    </div>

    
    <div class="col-12 col-sm-6 col-md-3">
       <a href="area.php?id=6" class="text-decoration-none">
            <div class="card-custom text-center p-4">
                <img src="img/Icono Secundario.png"class="logo-card mb-2">
                <div>FOMENTO COMERCIAL Y ABASTO</div>
            </div>
        </a>
    </div>

   
    <div class="col-12 col-sm-6 col-md-3">
        <a href="area.php?id=7" class="text-decoration-none">
            <div class="card-custom text-center p-4">
                <img src="img/Icono Secundario.png" class="logo-card mb-2">
                <div>ECOLOGIA Y MEDIO AMBIENTE</div>
            </div>
        </a>
    </div>


    <div class="col-12 col-sm-6 col-md-3">
        <a href="area.php?id=8" class="text-decoration-none">
            <div class="card-custom text-center p-4">
                <img src="img/Icono Secundario.png" class="logo-card mb-2">
                <div>PROTECCION CIVIL Y BOMBEROS</div>
            </div>
        </a>
    </div>

    
    <div class="col-12 col-sm-6 col-md-3">
       <a href="area.php?id=9" class="text-decoration-none">
            <div class="card-custom text-center p-4">
                <img src="img/Icono Secundario.png" class="logo-card mb-2">
                <div>PATRIMONIO HISTORICO</div>
            </div>
        </a>
    </div>

   
    <div class="col-12 col-sm-6 col-md-3">
        <a href="area.php?id=10" class="text-decoration-none">
            <div class="card-custom text-center p-4">
                <img src="img/Icono Secundario.png" class="logo-card mb-2">
                <div>MOVILIDAD E IMAGEN URBANA</div>
            </div>
        </a>
    </div>

   
    <div class="col-12 col-sm-6 col-md-3">
        <a href="area.php?id=11" class="text-decoration-none">
            <div class="card-custom text-center p-4">
                <img src="img/Icono Secundario.png" class="logo-card mb-2">
                <div>TRANSITO MUNICIPAL</div>
            </div>
        </a>
    </div>
 
    <div class="col-12 col-sm-6 col-md-3">
       <a href="area.php?id=12" class="text-decoration-none">
            <div class="card-custom text-center p-4">
                <img src="img/Icono Secundario.png" class="logo-card mb-2">
                <div>NORMATIVIDAD COMERCIAL</div>
            </div>
        </a>
    </div>

    
    <div class="col-12 col-sm-6 col-md-3">
        <a href="area.php?id=13" class="text-decoration-none">
            <div class="card-custom text-center p-4">
                <img src="img/Icono Secundario.png" class="logo-card mb-2">
                <div>BIENESTAR ANIMAL</div>
            </div>
        </a>
    </div>

   
    <div class="col-12 col-sm-6 col-md-3">
        <a href="area.php?id=14" class="text-decoration-none">
            <div class="card-custom text-center p-4">
                <img src="img/Icono Secundario.png" class="logo-card mb-2">
                <div>CONTROL SANITARIO</div>
            </div>
        </a>
    </div>

   
    <div class="col-12 col-sm-6 col-md-3">
        <a href="area.php?id=15" class="text-decoration-none">
            <div class="card-custom text-center p-4">
                <img src="img/Icono Secundario.png" class="logo-card mb-2">
                <div>RASTRO MUNICIPAL</div>
            </div>
        </a>
    </div>

</div>
</div>
    </div>
</div>   
<?php include("footer.php"); ?>
