Gecko [ www.utparral.edu.mx ]

Name	Size	Permission
administracion	[ DIR ]	drwxrwxr-x
agricultura	[ DIR ]	drwxrwxr-x
animsition-master	[ DIR ]	drwxrwxr-x
asm	[ DIR ]	drwxrwxr-x
becas	[ DIR ]	drwxrwxr-x
carousel	[ DIR ]	drwxrwxr-x
carpeta	[ DIR ]	drwxrwxr-x
ccs_2025	[ DIR ]	drwxrwxr-x
contraloria	[ DIR ]	drwxrwxr-x
contraloriares	[ DIR ]	drwxrwxr-x
css	[ DIR ]	drwxrwxr-x
dashboard	[ DIR ]	drwxrwxr-x
documentos	[ DIR ]	drwxrwxr-x
Documentos-actualizados	[ DIR ]	drwxrwxr-x
DOCUMENTOS_BECAS	[ DIR ]	drwxrwxr-x
egresados	[ DIR ]	drwxrwxr-x
engine1	[ DIR ]	drwxrwxr-x
estadias	[ DIR ]	drwxrwxr-x
examen	[ DIR ]	drwxrwxr-x
firma	[ DIR ]	drwxrwxr-x
firmac	[ DIR ]	drwxrwxr-x
font	[ DIR ]	drwxrwxr-x
fonts-actualizado	[ DIR ]	drwxrwxr-x
graduacion	[ DIR ]	drwxrwxr-x
guias	[ DIR ]	drwxrwxr-x
html3	[ DIR ]	drwxrwxr-x
img	[ DIR ]	drwxrwxr-x
img_2025	[ DIR ]	drwxrwxr-x
img-actualizado	[ DIR ]	drwxrwxr-x
img_diplomado	[ DIR ]	drwxrwxr-x
imprimir	[ DIR ]	drwxrwxr-x
industrial	[ DIR ]	drwxrwxr-x
intro	[ DIR ]	drwxrwxr-x
js	[ DIR ]	drwxrwxr-x
js-actualizado	[ DIR ]	drwxrwxr-x
js-nuevos	[ DIR ]	drwxrwxr-x
logos	[ DIR ]	drwxrwxr-x
logotipos	[ DIR ]	drwxrwxr-x
mailer	[ DIR ]	drwxrwxr-x
mantenimiento	[ DIR ]	drwxrwxr-x
minas	[ DIR ]	drwxrwxr-x
mineria	[ DIR ]	drwxrwxr-x
modales	[ DIR ]	drwxrwxr-x
modelout	[ DIR ]	drwxrwxr-x
noticias	[ DIR ]	drwxrwxr-x
NUEVO_DISEÑO	[ DIR ]	drwxrwxr-x
obligacion	[ DIR ]	drwxrwxr-x
obligaciones	[ DIR ]	drwxrwxr-x
otros	[ DIR ]	drwxrwxr-x
PFCE	[ DIR ]	drwxrwxr-x
phpMyAdmin	[ DIR ]	drwxrwxr-x
placa	[ DIR ]	drwxrwxr-x
ProExEs	[ DIR ]	drwxrwxr-x
promocion	[ DIR ]	drwxrwxr-x
publicaciones	[ DIR ]	drwxrwxr-x
recibos	[ DIR ]	drwxrwxr-x
recibos res	[ DIR ]	drwxrwxr-x
registro	[ DIR ]	drwxrwxr-x
registros_utp2	[ DIR ]	drwxrwxr-x
Reglamentos_UTP	[ DIR ]	drwxrwxr-x
scss	[ DIR ]	drwxrwxr-x
SISET	[ DIR ]	drwxrwxr-x
sistemaescolar	[ DIR ]	drwxrwxr-x
STR	[ DIR ]	drwxrwxr-x
tecnologias	[ DIR ]	drwxrwxr-x
TRANSPARENCIA	[ DIR ]	drwxrwxr-x
transparente	[ DIR ]	drwxrwxr-x
tripticos tamao de impresion 2023	[ DIR ]	drwxrwxr-x
ut3	[ DIR ]	drwxrwxr-x
videos	[ DIR ]	drwxrwxr-x
vinculacion	[ DIR ]	drwxrwxr-x
webalizer	[ DIR ]	drwxr-xr-x
wowslider	[ DIR ]	drwxrwxr-x
1.php	143.87 KB	-rwxrwxr-x
academico.php	8.09 KB	-rwxrwxr-x
administracion_perfil.php	22.87 KB	-rwxrwxr-x
adrivz.php	28.82 KB	-rwxrwxr-x
agricultura_perfil.php	23.58 KB	-rwxrwxr-x
anuncios_UTP.php	5.26 KB	-rwxrwxr-x
applications.html	3.52 KB	-rw-rwxr--
avisos.php	2.45 KB	-rwxrwxr-x
beca.php	3.6 KB	-rwxrwxr-x
cabecera.html	6.08 KB	-rwxrwxr-x
comite_etica.php	2.79 KB	-rwxrwxr-x
conexion.php	380 B	-rwxrwxr-x
conf.php	517 B	-rwxrwxr-x
consulta.php	1.17 KB	-rwxrwxr-x
contador.php	1.26 KB	-rwxrwxr-x
contraloria.php	155.25 KB	-rwxrwxr-x
convocatorias.php	5.78 KB	-rwxrwxr-x
diplomado.php	11.37 KB	-rwxrwxr-x
directorio.php	10.43 KB	-rwxrwxr-x
entrega_fichas_2023.php	9.24 KB	-rwxrwxr-x
evaluacion.php	15.24 KB	-rwxrwxr-x
firma2.php	1.47 KB	-rwxrwxr-x
footer.html	4.53 KB	-rwxrwxr-x
footer.php	4.76 KB	-rwxrwxr-x
futer.php	2.15 KB	-rwxrwxr-x
imagenes.sql	1.78 KB	-rwxrwxr-x
inc.php	30.99 KB	-rwxrwxr-x
index.php	15.49 KB	-rwxrwxr-x
industrial_perfil.php	22.57 KB	-rwxrwxr-x
init.php	58.83 KB	-rwxrwxr-x
instalaciones.php	13.08 KB	-rw-rwxr--
integra.php	798 B	-rwxrwxr-x
iso.php	6.52 KB	-rwxrwxr-x
licitacion_publica.php	2.69 KB	-rwxrwxr-x
logotipos.php	4.54 KB	-rwxrwxr-x
m455.php	3.85 KB	-rwxrwxr-x
mantenimiento_perfil.php	21.08 KB	-rwxrwxr-x
menu2.html	11.79 KB	-rwxrwxr-x
menu.html	12.16 KB	-rwxrwxr-x
menumas.php	5.12 KB	-rwxrwxr-x
mineria_perfil.php	22.29 KB	-rwxrwxr-x
modalnoticia.php	3.3 KB	-rwxrwxr-x
mostrar.js	107 B	-rwxrwxr-x
narbar.php	5.11 KB	-rwxrwxr-x
noticias.php	3.51 KB	-rwxrwxr-x
oferta2.css	1.31 KB	-rwxrwxr-x
oferta2.php	47.16 KB	-rwxrwxr-x
ofertaAcademicas.php	21.12 KB	-rwxrwxr-x
ofertacademica.php	26.41 KB	-rwxrwxr-x
oferta.old.php	48.5 KB	-rwxrwxr-x
oferta.php	28.96 KB	-rwxrwxr-x
o.htm	7.96 KB	-rwxrwxr-x
phpinfo.php	233 B	-rwxrwxr-x
POA.php	93.44 KB	-rwxrwxr-x
p.php	2.75 KB	-rwxrwxr-x
recorrido.php	1.68 KB	-rwxrwxr-x
reglamentos.php	19.39 KB	-rwxrwxr-x
reset.php	739 B	-rwxrwxr-x
sistema.php	10.72 KB	-rwxrwxr-x
sitemap.xml	26.39 KB	-rwxrwxr-x
slider2.html	1.47 KB	-rwxrwxr-x
slider2-iframe.html	244 B	-rwxrwxr-x
slider.html	2.12 KB	-rwxrwxr-x
slider.php	1.72 KB	-rwxrwxr-x
smtp.php	2.41 KB	-rwxrwxr-x
style.php	13.04 KB	-rwxrwxr-x
sym.php	18.77 KB	-rwxrwxr-x
tablaDir.php	2.87 KB	-rwxrwxr-x
tablet2.php	14.46 KB	-rwxrwxr-x
tableta.php	15.12 KB	-rwxrwxr-x
tecnologias_perfil.php	22.3 KB	-rwxrwxr-x
t.php	137 B	-rwxrwxr-x
url.php	292 B	-rwxrwxr-x
vida2.php	15.29 KB	-rwxrwxr-x
vinculacion.php	13.39 KB	-rwxrwxr-x
x.php	798 B	-rwxrwxr-x

Code Editor : menu2.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">

.menu-item1 {
            width: 60px;
            height: 60px;
            background-color: green;
            border-radius: 50%;
            position: absolute;
            color: white;
            text-align: center;
            line-height: 70px;
            top: 0%;
            bottom: 0;
            left: 0;
            z-index: 19;
            transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);

}

.menu-item2 {
            width: 60px;
            height: 60px;
            background-color: green;
            border-radius: 50%;
            position: absolute;
            color: white;
            text-align: center;
            line-height: 70px;
            top: 0;
            bottom: 0;
            left: 0px;
            z-index: 19;
            transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) .2s;
        }

.menu-item3 {
            width: 60px;
            height: 60px;
            background-color: green;
            border-radius: 50%;
            position: absolute;
            color: white;
            text-align: center;
            line-height: 70px;
            top: 0%;
            bottom: 0;
            left: 0px;
            transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) .4s;
        }

.menu-item4 {
            width: 60px;
            height: 60px;
            background-color: green;
            border-radius: 50%;
            position: absolute;
            color: white;
            text-align: center;
            line-height: 70px;
            top: 0;
            bottom: 0;
            left: 0px;
            transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) .6s;
        }

.menu-item5 {
            width: 60px;
            height: 60px;
            background-color: green;
            border-radius: 50%;
            position: absolute;
            color: white;
            text-align: center;
            line-height: 70px;
            top: 0;
            bottom: 0;
            left: 0px;
            transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) .8s;
        }

.menu-item6 {
            width: 60px;
            height: 60px;
            background-color: green;
            border-radius: 50%;
            position: absolute;
            color: white;
            text-align: center;
            line-height: 70px;
            top: 0;
            bottom: 0;
            left: 0px;
            transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) 1s;
        }

.menu-item6 i img {
            position: relative;
            width: 100%;
            height: auto;

}

.menu-item7 {
            width: 60px;
            height: 60px;
            background-color: green;
            border-radius: 50%;
            position: absolute;
            color: white;
            text-align: center;
            line-height: 70px;
            top: 0;
            bottom: 0;
            left: 0px;
            transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) 1s;
        }

.menu-item7 i img {
            position: relative;
            width: 100%;
            height: auto;

}

.mask2 {
            bottom: 0px;
            left: 10px;
            width: 70px;
            height: 70px;
            background-color: LightSeaGreen;
            border-radius: 50%;
            position: absolute;
            z-index: 2145555555555555555555555;
            color: white;
            text-align: center;
            line-height: 120px;
            cursor: pointer;
            position: fixed;
            display: flex;
            align-items: center;
            align-content: flex-start;
        }

.tablet_boton {
            bottom: 62px;
            left: 20px;
            width: 70px;
            height: 70px;
/*            background-color: lightblue;*/
            border-radius: 50%;
            position: absolute;
            z-index: 21455555555555555555555855;
            color: white;
            text-align: center;
            line-height: 120px;
            cursor: pointer;
            position: fixed;
            display: flex;
            align-items: center;
            align-content: flex-start;
        }

.tablet_boton img {
            height: 50px;
        }

/*
        
        
****/
        
        
        
             .inscripcion_boton {
            bottom: 220px;
            left: 20px;
            width: 70px;
            height: 70px;
/*            background-color: lightblue;*/
            border-radius: 50%;
            position: absolute;
            z-index: 21455555555555555555555855;
            color: white;
            text-align: center;
            line-height: 120px;
            cursor: pointer;
            position: fixed;
            display: flex;
            align-items: center;
            align-content: flex-start;
        }

.inscripcion_boton a img ,.inscripcion_boton a{
            height: 50px;
            width: 50px;
            border-radius: 50%;
/*            box-shadow: 1px 1px 2px 2px;*/
            
        }

.mask2 i {
            position: absolute;
            top: 10px;
            left: 10px;
        }
    </style>

</head>

</div>

var active1 = false;
            var active2 = false;
            var active3 = false;
            var active4 = false;
            var active5 = false;
            var active6 = false;
            var active7 = false;

$('.radial-menu').on('mousedown', function() {

//                    $(".mask").toggleClass("fa-pulse");

if (!active1) $(this).find('.menu-item1').css({
                    'background-color': '#30608E',
                    'transform': 'translate(0px,-125px)'
                });
                else $(this).find('.menu-item1').css({
                    'background-color': '#30608E',
                    'transform': 'none'
                });

if (!active2) $(this).find('.menu-item2').css({
                    'background-color': '#9AB247',
                    'transform': 'translate(60px,-105px)'
                });
                else $(this).find('.menu-item2').css({
                    'background-color': '#9AB247',
                    'transform': 'none'
                });

if (!active3) $(this).find('.menu-item3').css({
                    'background-color': '#704C2B',
                    'transform': 'translate(105px,-60px)'
                });
                else $(this).find('.menu-item3').css({
                    'background-color': '#704C2B',
                    'transform': 'none'
                });

if (!active4) $(this).find('.menu-item4').css({
                    'background-color': '#E38502',
                    'transform': 'translate(125px,0px)'
                });
                else $(this).find('.menu-item4').css({
                    'background-color': '#E38502',
                    'transform': 'none'
                });

if (!active5) $(this).find('.menu-item5').css({
                    'background-color': '#C13D02',
                    'transform': 'translate(190px,0px)'
                });
                else $(this).find('.menu-item5').css({
                    'background-color': '#C13D02',
                    'transform': 'none'
                });

if (!active6) $(this).find('.menu-item6').css({
                    'background-color': '#30608E',
                    'transform': 'translate(170px,-60px)'
                });

else $(this).find('.menu-item6').css({
                    'background-color': '#7E5CAB',
                    'transform': 'none'
                });

if (!active7) $(this).find('.menu-item7').css({
                    'background-color': 'lightgray',
                    'transform': 'translate(132px,-115px)'
                });

else $(this).find('.menu-item7').css({
                    'background-color': 'lightgray',
                    'transform': 'none'
                });

active1 = !active1;
                active2 = !active2;
                active3 = !active3;
                active4 = !active4;
                active5 = !active5;
                active6 = !active6;
                active7 = !active7;

});
        });
    </script>
<script>
    function mostrar(){
$(".pantalla").show();        
$(".pantalla").css("left", "0px");
    }
</script>
</body></html>

${this.title}

Code Editor : menu2.html