Gecko [ www.utparral.edu.mx ]

Name	Size	Permission
noticias	[ DIR ]	drwxrwxr-x
debug.log	125 B	-rwxrwxr-x
ele.php	229 B	-rwxrwxr-x
ingles.php	7.65 KB	-rwxrwxr-x
modalactividades.php	13.86 KB	-rwxrwxr-x
modaladminballeza.php	6.31 KB	-rwxrwxr-x
modaladmindespre.php	6.01 KB	-rwxrwxr-x
modaladmin.php	9.09 KB	-rwxrwxr-x
modalagriculturaingballeza.php	8.11 KB	-rwxrwxr-x
modalagriculturaing.php	8.1 KB	-rwxrwxr-x
modalagricultura.php	7.34 KB	-rwxrwxr-x
modalagriculturatsuballeza.php	7.43 KB	-rwxrwxr-x
modalagriculturatsu.php	7.42 KB	-rwxrwxr-x
modalbecas.php	3.55 KB	-rwxrwxr-x
modalbolsa.php	2.8 KB	-rwxrwxr-x
modaldiplomado.php	18.49 KB	-rwxrwxr-x
modalegresados.php	7.84 KB	-rwxrwxr-x
modalempresariales.php	8.7 KB	-rwxrwxr-x
modalesegreso.php	17.46 KB	-rwxrwxr-x
modalestadias.php	6.34 KB	-rwxrwxr-x
modalfep.php	9.53 KB	-rwxrwxr-x
modalmantenimientodespre.php	6.39 KB	-rwxrwxr-x
modalmantenimiento.php	8.93 KB	-rwxrwxr-x
modalmineriadespre.php	5.89 KB	-rwxrwxr-x
modalmineria.php	8.14 KB	-rwxrwxr-x
modalmmp.php	9.81 KB	-rwxrwxr-x
modalmovilidad.php	1.56 KB	-rwxrwxr-x
modalnodess.php	2.77 KB	-rw-rwxr--
modalpim.php	8.57 KB	-rwxrwxr-x
modalprograma.php	6.17 KB	-rwxrwxr-x
modalprogramas.php	1.88 KB	-rwxrwxr-x
modalpublicaciones.php	13.52 KB	-rwxrwxr-x
modalse.php	6.77 KB	-rwxrwxr-x
modalservicios.php	10.17 KB	-rwxrwxr-x
modalsistemasdespre.php	6.77 KB	-rwxrwxr-x
modalsistemas.php	8.2 KB	-rwxrwxr-x
modalticsballeza.php	8.25 KB	-rwxrwxr-x
modaltics.php	10.17 KB	-rwxrwxr-x
modaltirdballeza.php	9.25 KB	-rwxrwxr-x
modaltird.php	9.38 KB	-rwxrwxr-x
modaltirtballeza.php	10.33 KB	-rwxrwxr-x
modaltirt.php	10.4 KB	-rwxrwxr-x
modaltitulacion.php	11.77 KB	-rwxrwxr-x
modaltsumineria.php	10.55 KB	-rwxrwxr-x
noticia.php	918 B	-rwxrwxr-x

Code Editor : modalservicios.php

}

#descarga {
            height: 50px;
        }

.banner {
            width: 100%;
            height: auto;

}

.modal-body {
            margin-left: 120px;
            margin-right: 120px;
        }

@media (max-width: 768px) {
            .modal-body {
                margin-left: 10px;
                margin-right: 10px;
            }
        }

@media (max-width: 992px) {
            .modal-body {
                margin-left: 10px;
                margin-right: 10px;
            }
        }

</style>

<div class="modal fade" id="myModal18" tabindex="-1">
        <div class="modal-dialog modal-fluid">
            <div class="modal-content">

<div class="modal-header">
                    <h4 class="modal-title">Servicios Tecnológicos</h4>
                    <button type="button" class="close" data-dismiss="modal">×</button>
                </div>

<div class="modal-body">
                    <div class="container">
                        <style>
                            .embed-responsive {
                                position: relative;
                                display: block;
                                height: 0;
                                padding: 0;
                                overflow: hidden;
                            }

.servicios img{
                                width: 100%;
                                height: auto;
                            }
                            
                            
                        </style>
<div class="container servicios">

                            <img src="../img/serviciostecnologicos/1.png" alt="">
                            <img src="../img/serviciostecnologicos/AREA ADMINISTRATIVA (4).png" alt="">
                            <img src="../img/serviciostecnologicos/3.png" alt="">
                            <img src="../img/serviciostecnologicos/4.png" alt="">
                            <img src="../img/serviciostecnologicos/5.png" alt="">
                            <img src="../img/serviciostecnologicos/6.png" alt="">
                            <img src="../img/serviciostecnologicos/7.png" alt="">
</div>

<hr>

<div class="jumbotron">
                            <center>
                                <h4>¿QUÉ ES?</h4>
                            </center>
                            <p>La cámara de Gesell es una gran herramienta de observación sistematizada que nos permite realizar análisis de conceptos teóricos – prácticos en áreas como Psicología, Educación, Marketing y desarrollo humano, entre otras.
                                Este equipo permite:</p>
                            <ul class="container">
                                <li>Entrenar a los estudiantes en la evaluación psicológica a través de diversas técnicas de entrevista, observación sistematizada y juego de roles.</li>
                                <li>Apoyo al proceso de investigación y de elaboración de tesis para obtener registros confiables.</li>
                                <li>Complemento en estudios de mercadotecnia o estudios de mercado.</li>
                                <li>Apoyo en Entrevistas de ámbito Jurídico.</li>
                            </ul>

</div>

<div class="jumbotron">
                            <center>
                                <h4>OBJETIVO</h4>
                            </center>
                            <p>La cámara de Gesell está diseñada con herramientas tecnológicas virtuales. Cuenta con dos ambientes separados, en la sala de interacción hay dos cámaras de video, un sistema de audio y el mobiliario según la actividad a realizar; un sistema de sonido y de intercomunicación. La cámara tiene un componente virtual adicional que consiste en que a través de señal IP se envía y proyecta los eventos a una sala (exterior salón de clase o auditorio). Adicionalmente se cuenta con un sistema de grabación que permite almacenar los videos para su posterior uso y procesamiento. </p>

</div>

<div class="jumbotron">
                            <center>
                                <h4>USOS</h4>
                            </center>
                            <div class="row">
                                <ul class="container col-md-4">
                                    <li>Entrevistas.</li>
                                    <li>Grupos Focales.</li>
                                    <li>Grupos de discusión.</li>
                                    <li>Registros observacionales.</li>
                                    <li>Relato temático.</li>
                                    <li>Estudios de mercadeo.</li>

</ul>

<ul class="container col-md-4">
                                    <li>Comportamientos prosociales y agonísticos.</li>
                                    <li>Observación de conductas.</li>
                                    <li>Desarrollo humano.</li>
                                    <li>Educación.</li>
                                    <li>Marketing.</li>
                                    <li>Evaluación y medición.</li>

</ul>
                                <ul class="container col-md-4">
                                    <li>Asuntos de negociación.</li>
                                    <li>Contratación.</li>
                                    <li>Centro de Trabajo.</li>
                                    <li>Practicas básicas de Psicología.</li>
                                    <li>Preservar anonimatos.</li>
                                    <li>Tomar declaraciones.</li>
                                </ul>
                            </div>
                        </div>

<div class="jumbotron">
                            <center>
                                <h4>VENTAJAS</h4>
                            </center>
                            <ul class="container">
                                <li>Detectar actitudes.</li>
                                <li>Opiniones de un grupo de manera espontánea y real.</li>
                                <li>Comparar un producto o servicio con los de la competencia de manera encubierta.</li>
                                <li>Detectar áreas de mejora para transformarlas en oportunidades de negocio.</li>
                                <li>Conocer la satisfacción de los usuarios y clientes.</li>
                                <li>Detectar fortalezas y debilidades de un producto – servicio.</li>
                            </ul>

</div>

<div class="jumbotron">
                            <center>
                                <h4>¿Necesitas más información? descarga el siguiente folleto</h4>
                                <a href="../img/gessel.pdf" download="Cámara_de_Gessel.pdf"><img src="../img/descargar.png" alt="" id="descarga"></a>
                            </center>
                        </div>

</div>

</div>
                </div>

<div class="container">
                    <div class="jumbotron p-3 p-md-5 text-white rounded bg-dark">
                        <div class="col-md-6 px-0">
                            <h5>CONTACTO:</h5>
                            <ul class="list-unstyled mt-3 mb-6">
                                <li>Dirección de Vinculación</li>
                                <li>Universidad Tecnológica de Parral</li>
                                <li>627.1186400 Ext 203</li>
                                <li>vinculacion@utparral.edu.mx</li>
                                <li>http://www.utparral.edu.mx</li>
                                <li>Av. General Jesús Lozoya Solís km 0.931</li>
                                <li>Colonia Paseos del Almanceña C.P. 33827</li>
                            </ul>

</div>
                    </div>
                </div>

</div>

<div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
            </div>

</div>
    </div>

</div>

${this.title}

Code Editor : modalservicios.php