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 : diplomado.php

<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Universidad Tecnológica de Parral</title>
    <link rel="icon" type="image/png" href="img/img/logoutp.png">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

<link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/mdb.min.css" rel="stylesheet">

<style>
        :root {
            --color-primario: #00796b;
            --color-secundario: #004d73;
            --color-acento: #ffc107;
            --color-fondo: #f2f8f5;
            --color-texto: #2b2b2b;
            --color-blanco: #ffffff;
        }

body {
            background-color: var(--color-fondo);
            color: var(--color-texto);
            font-family: 'Segoe UI', sans-serif;
            margin: 0;
            padding: 0;
        }

/* Carrusel */
        header {
            width: 100%;
            height: 80vh;
            overflow: hidden;
            position: relative;
        }

.carousel,
        .carousel-inner,
        .carousel-item {
            width: 100%;
            height: 100%;
        }

.carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            filter: brightness(80%);
            transition: transform 0.8s ease, filter 0.3s ease;
            display: block;
        }

.carousel-item img:hover {
            transform: scale(1.05);
            filter: brightness(95%);
        }

.carousel-caption {
            background-color: rgba(0, 77, 64, 0.6);
            padding: 1rem 2rem;
            border-radius: 10px;
        }

.carousel-caption h2 {
            font-weight: bold;
            color: var(--color-blanco);
            text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.7);
        }

/* Sección diplomado */
        .about__title h1 {
            color: var(--color-primario);
        }

h2,
        h5 {
            color: var(--color-primario);
        }

p {
            color: #333;
        }

/* Botón verde */
        .btn-descargar {
            background-color: var(--color-primario);
            color: var(--color-blanco);
            border: none;
            transition: all 0.3s ease;
        }

.btn-descargar:hover {
            background-color: #004d40;
            color: var(--color-blanco);
        }

/* Imagen principal */
        .main-image img {
            border: 4px solid var(--color-primario);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
            transition: transform 0.4s ease;
        }

.main-image img:hover {
            transform: scale(1.05);
        }

/* Galería */
        .gallery-img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            border-radius: 10px;
            border: 3px solid var(--color-primario);
            transition: transform 0.4s ease, box-shadow 0.3s ease;
        }

.gallery-img:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }

/* Tarjetas */
        .card {
            border: none;
            background-color: #ffffff;
            border-top: 4px solid var(--color-primario);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

.card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }

.card h5 {
            color: var(--color-primario);
        }

.card i {
            color: var(--color-acento);
        }

/* Footer */
        footer {
            background-color: var(--color-secundario);
            color: #e0f2f1;
            padding: 2rem 0;
            text-align: center;
        }

footer a {
            color: var(--color-acento);
            font-weight: bold;
        }

footer a:hover {
            color: var(--color-blanco);
            text-decoration: underline;
        }

/* Responsive */
        @media (max-width: 768px) {
            header {
                height: 50vh;
            }

.carousel-caption h2 {
                font-size: 1.5rem;
            }

.about__title h1 {
                font-size: 1.8rem;
            }

.btn-lg {
                font-size: 1rem;
                padding: 0.5rem 1rem;
            }

.gallery-img {
                height: 200px;
            }
        }

@media (max-width: 576px) {
            .gallery-img {
                height: 150px;
            }
        }
    </style>
</head>

<header>
        <div id="headerCarousel" class="carousel slide" data-ride="carousel" data-interval="5000">
            <ol class="carousel-indicators">
                <li data-target="#headerCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#headerCarousel" data-slide-to="1"></li>
                <li data-target="#headerCarousel" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="img_diplomado/graduacion_diplomado.jpeg" alt="Imagen 1">
                    <div class="carousel-caption d-none d-md-block">
                        <h2>Universidad Tecnológica de Parral</h2>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="img_diplomado/certificacion_cambridge.jpg" alt="Imagen 2">
                    <div class="carousel-caption d-none d-md-block">
                        <h2>Formando Profesionales Competentes</h2>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="img_diplomado/diplomado_palacio.jpeg" alt="Imagen 3">
                    <div class="carousel-caption d-none d-md-block">
                        <h2>Educación con Tecnología e Innovación</h2>
                    </div>
                </div>
            </div>
            <a class="carousel-control-prev" href="#headerCarousel" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Anterior</span>
            </a>
            <a class="carousel-control-next" href="#headerCarousel" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Siguiente</span>
            </a>
        </div>
    </header>

<section class="about text-center my-5">
        <div class="about__title">
            <h1>Diplomado de Inglés</h1>
        </div>
    </section>

<div class="row mb-5">
        <div class="col-lg-6 col-md-12 mb-4 d-flex align-items-center">
            <div class="w-100 shadow rounded" style="height: 350px; overflow: hidden; position: relative;">
            <img 
                src="img_diplomado/logo.jpeg" 
                alt="Diplomado de Inglés"
                style="
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: center;
                display: block;
                max-width: 100%;
                max-height: 100%;
                ">
            </div>
        </div>
        <div class="col-lg-6 col-md-12 d-flex flex-column justify-content-center text-center text-md-left">
            <h2 class="font-weight-bold mb-3">Acerca del Diplomado</h2>
            <p style="text-align: justify;">
                El <strong>Diplomado de Inglés</strong> de la Universidad Tecnológica de Parral fortalece las competencias comunicativas del idioma inglés, con una formación práctica, interactiva y basada en el uso real del idioma.
            </p>
            <p style="text-align: justify;">
                Diseñado para estudiantes y profesionistas que buscan mejorar su dominio del idioma con propósitos académicos, laborales o personales. Contamos con docentes certificados y un enfoque en estándares internacionales.
            </p>
            <a href="img_diplomado/doc_diplomado/folleto_2025.pdf" class="btn btn-descargar btn-lg mt-3 shadow-sm">
                <i class="fas fa-file-alt mr-2"></i> Descargar folleto informativo
            </a>
        </div>
    </div>

<h2 class="text-center font-weight-bold mb-4">Galería de Fotos</h2>
    <div class="row text-center">
        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <img src="img_diplomado/concurso_diplomado.jpg" class="card-img-top gallery-img" alt="Clase de inglés">
            </div>
        </div>
        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <img src="img_diplomado/apertura_diplomado.jpg" class="card-img-top gallery-img" alt="Laboratorio de idiomas">
            </div>
        </div>
        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <img src="img_diplomado/dia_de_la_cosecha.jpeg" class="card-img-top gallery-img" alt="Práctica conversacional">
            </div>
        </div>
    </div>

<h2 class="text-center font-weight-bold my-4">Información Relevante</h2>
    <div class="row">
        <div class="col-md-4 mb-4">
            <div class="card text-center p-3">
                <i class="fas fa-calendar-alt fa-3x mb-3"></i>
                <h5 class="font-weight-bold">Duración y Horarios</h5>
                <p>Duración: 4 meses por nivel<br> Niveles: A1 | A2| B1 | B2
                    <br>Horarios: Martes y jueves 6:00 p.m a 8:30 p.m<br> Horarios: Sábados 8:00 a.m a 1:00 p.m</p>
            </div>
        </div>

<div class="col-md-4 mb-4">
            <div class="card text-center p-3">
                <i class="fas fa-graduation-cap fa-3x mb-3"></i>
                <h5 class="font-weight-bold">Requisitos</h5>
                <p>Ser mayor de 17 años</p>
                <br>
                <br>
                <br>
            </div>
        </div>

<div class="col-md-4 mb-4">
            <div class="card text-center p-3">
                <i class="fas fa-envelope-open-text fa-3x mb-3"></i>
                <h5 class="font-weight-bold">Contacto</h5>
                <p>📞 (627) 118-6400 Ext(214)<br>Edificio C Direccion de Vinculacion<br>https://www.utparral.edu.mx/</p>
                    <br>
            </div>
        </div>
    </div>    
    <?php include 'footer.html'; ?>

<script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/mdb.min.js"></script>
</body>

</html>

${this.title}

Code Editor : diplomado.php