index.php

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gestión Ambiental UNAS</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
</head>
<body>
    <style>
        body {
        background: #eee;
        }

        .name {
        color: blue;
        }

        .work {
        font-weight: bold;
        font-size: 15px;
        }

        .about span {
        font-size: 13px;
        }

        .v-profile {
        color: blue;
        cursor: pointer;
        }

        .box {
        -webkit-box-shadow: 13px 12px 5px -10px rgba(196,194,196,0.72);
        -moz-box-shadow: 13px 12px 5px -10px rgba(196,194,196,0.72);
        box-shadow: 13px 12px 5px -10px rgba(196,194,196,0.72);
        }

        .col-md-3 {
        margin-top: 10px;
        }
    </style>

    <?php
    include("nav.php");
    ?>

    <div class="container text-center mt-5 mb-2">
        <h1 class="mb-0">Comité Ambiental UNAS</h1>
        <div class="dj-banner">
            <div class="dj-bg mb-4 mt-4">
                <img src="img/miembros/gest_ambiental.jpg" alt="" height="365px">
            </div>
        </div> 
        <h4>¿QUIÉNES SOMOS?</h4>  
        <span>Somos una universidad comprometida con la conservación del ambiente y su entorno que busca fortalecer la conciencia ambiental de la población universitaria</span>         
    </div>

    </div>
    <div class="container mt-3">
        <div class="row">
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/1_casiano.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Dr. Casiano Aguirre Escalante</h5><span class="work d-block">PRESIDENTE</span><span class="work d-block">969024648</span>
                    <div class="mt-4 about"><span>casiano.aguirre@unas.edu.pe</span></div>
                    <div class="mt-4">
                        <h6 class="v-profile"> </h6>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/2_dionisio.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Ing.M.Sc Franklin Dionisio Montalvo </h5><span class="work d-block">RESPONSABLE</span><span class="work d-block">967991166</span>
                    <div class="mt-4 about"><span>franklin.dionisio@unas.edu.pe</span></div>
                    <div class="mt-4">
                        <h6 class="v-profile"> </h6>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/3_diaz.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Ing. M.Sc. Edilberto Díaz Quintana</h5><span class="work d-block">SECRETARIO</span><span class="work d-block"> </span>
                    <div class="mt-4 about"><span>edilberto.diaz@unas.edu.pe</span></div>
                    <div class="mt-4">
                        <h6 class="v-profile"> </h6>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/4_rengifo.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Ing. M.Sc. Juan Pablo Rengifo Trigozo</h5><span class="work d-block">COORDINACIÓN DE CONTROL DE DOCUMENTO</span><span class="work d-block"> </span>
                    <div class="mt-4 about"><span>juan.rengifo@unas.edu.pe</span></div>
                    <div class="mt-4">
                        <h6 class="v-profile"> </h6>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container mt-3">
        <div class="row">
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/5_chuquilin.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Ing. M.Sc. Edilberto Chuquilin Bustamante</h5><span class="work d-block">COORDINACIÓN DE  IMPLEMENTACIÓN Y MONITOREO DEL SGA</span><span class="work d-block"> </span>
                    <div class="mt-4 about"><span>  edilberto.chuquilin@unas.edu.pe</span></div>
                    <div class="mt-4">
                        <h6 class="v-profile"> </h6>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/6_dueñas.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Ing. M.Sc. Marco Antonio Dueñas Tuesta</h5><span class="work d-block">COORDINACIÓN DE AFLUENTES, AGUA Y ENERGÍA</span><span class="work d-block"> </span>
                    <div class="mt-4 about"><span>  marco.duenas@unas.edu.pe</span></div>
                    <div class="mt-4">
                        <h6 class="v-profile"> </h6>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/7_sandra.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Ing. M.Sc. Sandra Lorena Zavala Guerrero</h5><span class="work d-block">COORDINACIÓN DE RESIDUOS SÓLIDOS,RAEE Y CONTROL DE OLORES</span><span class="work d-block"> </span>
                    <div class="mt-4 about"><span>sandra.zavala@unas.edu.pe </span></div>
                    <div class="mt-4">
                        <h6 class="v-profile"> </h6>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/8_rodriguez.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Ing. M.Sc. Abby Solange Da Cruz Rodríguez</h5><span class="work d-block">COORDINACIÓN DE AGUAS RESIDUALES Y EFLUENTES</span><span class="work d-block"> </span>
                    <div class="mt-4 about"><span>abby.dacruz@unas.edu.pe</span></div>
                    <div class="mt-4">
                        <h6 class="v-profile"> </h6>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container mt-3">
        <div class="row">
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/9_paredes.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Ing. M.Sc. José Luis Paredes Salazar</h5><span class="work d-block">COORDINACIÓN DE INSUMOS Y SUSTANCIAS QUÍMICAS</span><span class="work d-block"> </span>
                    <div class="mt-4 about"><span>jose.paredes@unas.edu.pe</span></div>
                    <div class="mt-4">
                        <h6 class="v-profile"> </h6>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/10_manrique.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Dr. Lucio Manrique de Lara Suarez</h5><span class="work d-block">COORDINACIÓN DE GESTIÓN DE RIESGO DE DESASTRES Y CAMBIO CLIMÁTICO</span><span class="work d-block"> </span>
                    <div class="mt-4 about"><span>lucio.manriquedelara@unas.edu.pe</span></div>
                    <div class="mt-4">
                        <h6 class="v-profile"> </h6>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/11_sga.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Voluntariado Ambiental de la UNAS</h5><span class="work d-block">COORDINACIÓN DE ECOEFICIENCIA</span><span class="work d-block"> </span>
                    <div class="mt-4 about"><span>  &nbsp; </span> </div>
                    <div class="mt-4">
                        <h6 class="v-profile">   </h6>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/12_ladislao.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Dr. Ladislao Ruiz Rengifo</h5><span class="work d-block">COORDINACIÓN DE CALIDAD AMBENTAL</span><span class="work d-block">real estate</span>
                    <div class="mt-4 about"><span>ladislao.ruiz@unas.edu.pe</span></div>
                    <div class="mt-4">
                        <h6 class="v-profile"> </h6>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/13_zevallos.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Ing. M.Sc. Wilfredo Tello Zevallos</h5><span class="work d-block">COORDINACIÓN DE CAPACITACIÓN PERMANENTE TEMAS AMBIENTALES
                    <div class="mt-4 about"><span>wilfredo.tello@unas.edu.pe</span></div>
                    <div class="mt-4">
                        <h6 class="v-profile"> </h6>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="img/miembros/14_rua.jpg" width="90" height="90">
                    <h5 class="mt-3 name">Red Universitaria Ambiental – RUA Nodo UNAS</h5><span class="work d-block">COORDINACIÓN DE BIODIVERSIDAD Y ÁREAS VERDES</span><span class="work d-block"> </span>
                    <div class="mt-4 about"><span> </span></div>
                    <div class="mt-4">
                        <h6 class="v-profile"> </h6>
                    </div>
                </div>
            </div>
             <div class="container text-center mt-5 mb-2">
        <h1 class="mb-0">Contacto del comite ambiental </h1><span> Correo electronico: comite.ambiental@unas.edu.pe</span>
    </div>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.3/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>