Linux ns1.utparral.edu.mx 6.8.0-79-generic #79~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Fri Aug 15 16:54:53 UTC 2 x86_64
Apache/2.4.58 (Unix) OpenSSL/1.1.1w PHP/8.2.12 mod_perl/2.0.12 Perl/v5.34.1
: 10.10.1.9 | : 10.10.1.254
Cant Read [ /etc/named.conf ]
daemon
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
README
+ Create Folder
+ Create File
/
opt /
lampp /
htdocs /
promocion /
[ HOME SHELL ]
Name
Size
Permission
Action
imagenes
[ DIR ]
drwxrwxr-x
PDFs
[ DIR ]
drwxrwxr-x
videos
[ DIR ]
drwxrwxr-x
estilo.css
14.97
KB
-rw-rwxr--
index.html
70.67
KB
-rw-rwxr--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : index.html
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" href="imagenes/UTP.png" type="image/png"> <title>Universidad Tecnologica de Parral</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" /> <link rel="stylesheet" href="estilo.css"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Poppins:wght@300;400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> </head> <body> <nav class="navbar navbar-expand-lg fixed-top"> <div class="container"> <a class="navbar-brand text-white" href="../index.php"> <img src="imagenes/UTP.png" alt="Logo" width="100" class="me-2"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav me-auto"> <li class="nav-item"><a class="nav-link" href="#carreras">Carreras</a></li> <li class="nav-item"><a class="nav-link" href="#fechas">Fechas Importantes</a></li> <li class="nav-item"><a class="nav-link" href="#acerca">Acerca de Nosotros</a></li> <li class="nav-item"><a class="nav-link" href="#admision">Proceso de Admisión</a></li> <li class="nav-item"><a class="nav-link" href="#contacto">Contacto</a></li> </ul> <div class="navbar-icons"> <a href="https://www.instagram.com/utparral/" target="_blank" class="navbar-icon"> <i class="fab fa-instagram"></i> </a> <a href="https://www.facebook.com/UTPOFICIAL" target="_blank" class="navbar-icon"> <i class="fab fa-facebook-f"></i> </a> </div> <form class="search-form d-flex"> <button type="button" class="search-btn"> <i class="fas fa-search"></i> <!-- Ícono de lupa --> </button> <input class="form-control search-input" type="search" placeholder="Buscar"> </form> </div> </div> </nav> <header class="hero"> <video autoplay muted loop> <source src="videos/utp.mp4" type="video/mp4"> </video> <div class="hero-content"> <img src="imagenes/lobo.png" class="hero-logo" alt="Logo Lobito"> <h1 class="texto-video" style="color: white;">Universidad Tecnologica de Parral</h1> </div> <div class="barra-video"></div> </header> <script> document.addEventListener("scroll", function() { let navbar = document.querySelector(".navbar"); if (window.scrollY > 50) { navbar.classList.add("scrolled"); } else { navbar.classList.remove("scrolled"); } }); </script> <div class="titulo-separador" data-aos="fade-up"> <span style="font-family: 'Arial Narrow Bold';">CARRERAS DISPONIBLES</span> </div> <section id="carreras" class="section text-center" data-aos="fade-up"> <div class="container"> <div class="row"> <div class="col-md-6 order-md-2" data-aos="fade-left"> <h3 class="titulo-carrera">LICENCIATURA EN INGENIERÍA EN MANTENIMIENTO INDUSTRIAL EN INSTALACIONES</h3> <div class="linea-carrera"></div> <p>Especialízate en el mantenimiento de instalaciones electricas, industriales,aire acondicionado, hidrosanitarias, etc. Garantizando su eficiencia y operatividad.</p> <p>Mediante el contacto directo con la industria y a través de clases acompañadas de visitas continuas.</p> <a href="PDFs/Industrial/Mapa_curricular_intalaciones.PDF" target="_blank" class="boton-descarga">Mapa Curricular</a> <a href="PDFs/Industrial/Perfil_Egreso_intalaciones.pdf" target="_blank" class="boton-descarga">Perfil de Ingreso</a> </div> <div class="col-md-6 order-md-1" data-aos="fade-right"> <div id="carouselII" class="carousel slide" data-bs-ride="carousel"> <!-- Indicadores (puntitos) --> <div class="carousel-indicators"> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="3" aria-label="Slide 4"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="4" aria-label="Slide 5"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="5" aria-label="Slide 6"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="6" aria-label="Slide 7"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="7" aria-label="Slide 8"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="8" aria-label="Slide 9"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="9" aria-label="Slide 10"></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <img src="imagenes/Industrial/1.jpeg" class="d-block w-100" alt="Imagen Ingeniería Industrial 1"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/2.jpeg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/3.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/4.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/5.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/6.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/7.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/8.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/9.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/10.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselII" data-bs-slide="prev"> <span class="carousel-control-prev-icon"></span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselII" data-bs-slide="next"> <span class="carousel-control-next-icon"></span> </button> </div> </div> </div> </div> </section> <section id="carreras" class="section text-center" data-aos="fade-up"> <div class="container"> <div class="row"> <div class="col-md-6" data-aos="fade-left"> <h3 class="titulo-carrera">LICENCIATURA EN INGENIERÍA EN MANTENIMIENTO INDUSTRIAL</h3> <div class="linea-carrera"></div> <p>Especialízate en el mantenimiento de equipos industriales, garantizando su eficiencia y operatividad.</p> <p>Adquiere conocimientos mediante diversas visitas industriales, colaborando directamente con el sector y observando la maquinaria en funcionamiento</p> <a href="PDFs/Mantenimiento/mapa.pdf" target="_blank" class="boton-descarga">Mapa Curricular</a> <a href="PDFs/Mantenimiento/perfil.pdf" target="_blank" class="boton-descarga">Perfil de Ingreso</a> </div> <div class="col-md-6" data-aos="fade-right"> <div id="carouselMI" class="carousel slide" data-bs-ride="carousel"> <!-- Indicadores (puntitos) --> <div class="carousel-indicators"> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="3" aria-label="Slide 4"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="4" aria-label="Slide 5"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="5" aria-label="Slide 6"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="6" aria-label="Slide 7"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="7" aria-label="Slide 8"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="8" aria-label="Slide 9"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="9" aria-label="Slide 10"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="10" aria-label="Slide 11"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="11" aria-label="Slide 12"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="12" aria-label="Slide 13"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="13" aria-label="Slide 14"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="14" aria-label="Slide 15"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="15" aria-label="Slide 16"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="16" aria-label="Slide 17"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="17" aria-label="Slide 18"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="18" aria-label="Slide 19"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="19" aria-label="Slide 20"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="20" aria-label="Slide 21"></button> <button type="button" data-bs-target="#carouselMI" data-bs-slide-to="21" aria-label="Slide 22"></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <img src="imagenes/Mantenimiento Industrial/1.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 1"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/2.jpeg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/3.jpeg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/4.jpeg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/5.jpeg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/6.jpeg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/7.jpeg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/8.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/9.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/10.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/11.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/12.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/13.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/14.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/15.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/16.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/17.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/18.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/19.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/20.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/21.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Mantenimiento Industrial/22.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselMI" data-bs-slide="prev"> <span class="carousel-control-prev-icon"></span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselMI" data-bs-slide="next"> <span class="carousel-control-next-icon"></span> </button> </div> </div> </div> </div> </section> <section id="carreras" class="section text-center" data-aos="fade-up"> <div class="container"> <div class="row"> <div class="col-md-6 order-md-2" data-aos="fade-left"> <h3 class="titulo-carrera">LICENCIATURA EN INGENIERÍA INDUSTRIAL</h3> <div class="linea-carrera"></div> <p>Enfócate en la optimización de procesos industriales, diseño de sistemas y mejora continua.</p> <p>Mediante el contacto directo con la industria y a través de clases acompañadas de visitas continuas, aprenderás a optimizar la productividad y la eficiencia empresarial</p> <a href="PDFs/Industrial/mapa.pdf" target="_blank" class="boton-descarga">Mapa Curricular</a> <a href="PDFs/Industrial/perfil.pdf" target="_blank" class="boton-descarga">Perfil de Ingreso</a> </div> <div class="col-md-6 order-md-1" data-aos="fade-right"> <div id="carouselII" class="carousel slide" data-bs-ride="carousel"> <!-- Indicadores (puntitos) --> <div class="carousel-indicators"> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="3" aria-label="Slide 4"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="4" aria-label="Slide 5"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="5" aria-label="Slide 6"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="6" aria-label="Slide 7"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="7" aria-label="Slide 8"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="8" aria-label="Slide 9"></button> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="9" aria-label="Slide 10"></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <img src="imagenes/Industrial/1.jpeg" class="d-block w-100" alt="Imagen Ingeniería Industrial 1"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/2.jpeg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/3.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/4.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/5.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/6.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/7.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/8.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/9.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Industrial/10.jpg" class="d-block w-100" alt="Imagen Ingeniería Industrial 2"> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselII" data-bs-slide="prev"> <span class="carousel-control-prev-icon"></span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselII" data-bs-slide="next"> <span class="carousel-control-next-icon"></span> </button> </div> </div> </div> </div> </section> <section id="carreras" class="section text-center" data-aos="fade-up"> <div class="container"> <div class="row"> <div class="col-md-6" data-aos="fade-left"> <h3 class="titulo-carrera">LICENCIATURA EN INGENIERÍA EN TECNOLOGÍAS DE LA INFORMACIÓN E INNOVACIÓN DIGITAL</h3> <div class="linea-carrera"></div> <p>Desarrolla habilidades en tecnología de la información, innovación digital y gestión de sistemas tecnológicos.</p> <p>La tecnología y la innovación son los principales objetivos, los cuales se alcanzan a través de diversos acercamientos a las nuevas tecnologías, facilitados por la participación en eventos tecnológicos.</p> <a href="PDFs/Tecnologias/mapa.pdf" target="_blank" class="boton-descarga">Mapa Curricular</a> <a href="PDFs/Tecnologias/perfil.pdf" target="_blank" class="boton-descarga">Perfil de Ingreso</a> </div> <div class="col-md-6" data-aos="fade-right"> <div id="carouselTI" class="carousel slide" data-bs-ride="carousel"> <!-- Indicadores (puntitos) --> <div class="carousel-indicators"> <button type="button" data-bs-target="#carouselII" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button> <button type="button" data-bs-target="#carouselTI" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#carouselTI" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#carouselTI" data-bs-slide-to="3" aria-label="Slide 4"></button> <button type="button" data-bs-target="#carouselTI" data-bs-slide-to="4" aria-label="Slide 5"></button> <button type="button" data-bs-target="#carouselTI" data-bs-slide-to="5" aria-label="Slide 6"></button> <button type="button" data-bs-target="#carouselTI" data-bs-slide-to="6" aria-label="Slide 7"></button> <button type="button" data-bs-target="#carouselTI" data-bs-slide-to="7" aria-label="Slide 8"></button> <button type="button" data-bs-target="#carouselTI" data-bs-slide-to="8" aria-label="Slide 9"></button> <button type="button" data-bs-target="#carouselTI" data-bs-slide-to="9" aria-label="Slide 10"></button> <button type="button" data-bs-target="#carouselTI" data-bs-slide-to="10" aria-label="Slide 11"></button> <button type="button" data-bs-target="#carouselTI" data-bs-slide-to="11" aria-label="Slide 12"></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <img src="imagenes/Ingenieria Tecnologias/1.jpg" class="d-block w-100" alt="Imagen TI 1"> </div> <div class="carousel-item"> <img src="imagenes/Ingenieria Tecnologias/2.JPG" class="d-block w-100" alt="Imagen TI 2"> </div> <div class="carousel-item"> <img src="imagenes/Ingenieria Tecnologias/3.jpeg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Ingenieria Tecnologias/4.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Ingenieria Tecnologias/5.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Ingenieria Tecnologias/6.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Ingenieria Tecnologias/7.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Ingenieria Tecnologias/8.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Ingenieria Tecnologias/9.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Ingenieria Tecnologias/10.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Ingenieria Tecnologias/11.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> <div class="carousel-item"> <img src="imagenes/Ingenieria Tecnologias/12.jpg" class="d-block w-100" alt="Imagen Mantenimiento Industrial 2"> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselTI" data-bs-slide="prev"> <span class="carousel-control-prev-icon"></span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselTI" data-bs-slide="next"> <span class="carousel-control-next-icon"></span> </button> </div> </div> </div> </div> </section> <section id="carreras" class="section text-center" data-aos="fade-up"> <div class="container"> <div class="row"> <div class="col-md-6 order-md-2" data-aos="fade-left"> <h3 class="titulo-carrera">LICENCIATURA EN ADMINISTRACIÓN</h3> <div class="linea-carrera"></div> <p>Formación integral para la gestión de empresas, control de procesos y toma de decisiones estratégicas.</p> <p>La administración eficiente es la clave del éxito de cualquier organización.</p> <a href="PDFs/Administracion/mapa.pdf" target="_blank" class="boton-descarga">Mapa Curricular</a> <a href="PDFs/Administracion/" target="_blank" class="boton-descarga">Perfil de Ingreso</a> </div> <div class="col-md-6 order-md-1" data-aos="fade-right"> <div id="carouselIA" class="carousel slide" data-bs-ride="carousel"> <!-- Indicadores (puntitos) --> <div class="carousel-indicators"> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="3" aria-label="Slide 4"></button> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="4" aria-label="Slide 5"></button> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="5" aria-label="Slide 6"></button> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="6" aria-label="Slide 7"></button> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="7" aria-label="Slide 8"></button> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="8" aria-label="Slide 9"></button> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="9" aria-label="Slide 10"></button> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="10" aria-label="Slide 11"></button> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="11" aria-label="Slide 12"></button> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="12" aria-label="Slide 13"></button> <button type="button" data-bs-target="#carouselIA" data-bs-slide-to="13" aria-label="Slide 14"></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <img src="imagenes/Lic. Administracion/1.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 1"> </div> <div class="carousel-item"> <img src="imagenes/Lic. Administracion/2.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 2"> </div> <div class="carousel-item"> <img src="imagenes/Lic. Administracion/3.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 2"> </div> <div class="carousel-item"> <img src="imagenes/Lic. Administracion/4.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 2"> </div> <div class="carousel-item"> <img src="imagenes/Lic. Administracion/5.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 2"> </div> <div class="carousel-item"> <img src="imagenes/Lic. Administracion/6.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 2"> </div> <div class="carousel-item"> <img src="imagenes/Lic. Administracion/7.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 2"> </div> <div class="carousel-item"> <img src="imagenes/Lic. Administracion/8.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 2"> </div> <div class="carousel-item"> <img src="imagenes/Lic. Administracion/9.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 2"> </div> <div class="carousel-item"> <img src="imagenes/Lic. Administracion/10.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 2"> </div> <div class="carousel-item"> <img src="imagenes/Lic. Administracion/11.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 2"> </div> <div class="carousel-item"> <img src="imagenes/Lic. Administracion/12.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 2"> </div> <div class="carousel-item"> <img src="imagenes/Lic. Administracion/13.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 2"> </div> <div class="carousel-item"> <img src="imagenes/Lic. Administracion/14.jpg" class="d-block w-100" alt="Imagen Ingeniería Administración 2"> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselIA" data-bs-slide="prev"> <span class="carousel-control-prev-icon"></span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselIA" data-bs-slide="next"> <span class="carousel-control-next-icon"></span> </button> </div> </div> </div> </div> </section> <section id="carreras" class="section text-center" data-aos="fade-up"> <div class="container"> <div class="row"> <div class="col-md-6" data-aos="fade-left"> <h3 class="titulo-carrera">LICENCIATURA EN INGENIERÍA EN MINERÍA</h3> <div class="linea-carrera"></div> <p>Aprende sobre la extracción y explotación responsable de minerales, y la gestión sostenible de recursos.</p> <p>La minería moderna es una disciplina clave para el desarrollo de infraestructuras y tecnologías.</p> <a href="PDFs/Mineria/mapa.pdf" target="_blank" class="boton-descarga">Mapa Curricular</a> <a href="ruta/al/archivo.pdf" target="_blank" class="boton-descarga">Perfil de Ingreso</a> </div> <div class="col-md-6" data-aos="fade-right"> <div id="carouselIM" class="carousel slide" data-bs-ride="carousel"> <!-- Indicadores (puntitos) --> <div class="carousel-indicators"> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="3" aria-label="Slide 4"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="4" aria-label="Slide 5"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="5" aria-label="Slide 6"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="6" aria-label="Slide 7"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="7" aria-label="Slide 8"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="8" aria-label="Slide 9"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="9" aria-label="Slide 10"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="10" aria-label="Slide 11"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="11" aria-label="Slide 12"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="12" aria-label="Slide 13"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="13" aria-label="Slide 14"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="14" aria-label="Slide 15"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="15" aria-label="Slide 16"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="16" aria-label="Slide 17"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="17" aria-label="Slide 18"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="18" aria-label="Slide 19"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="19" aria-label="Slide 20"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="20" aria-label="Slide 21"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="21" aria-label="Slide 22"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="22" aria-label="Slide 23"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="23" aria-label="Slide 24"></button> <button type="button" data-bs-target="#carouselIM" data-bs-slide-to="24" aria-label="Slide 25"></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <img src="imagenes/Mineria/1.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 1"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/2.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/3.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/4.jpeg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/5.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/6.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/7.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/8.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/9.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/10.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/11.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/12.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/13.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/14.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/15.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/16.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/17.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/18.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/19.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/20.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/21.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/22.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/23.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/24.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> <div class="carousel-item"> <img src="imagenes/Mineria/25.jpg" class="d-block w-100" alt="Imagen Ingeniería Minería 2"> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselIM" data-bs-slide="prev"> <span class="carousel-control-prev-icon"></span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselIM" data-bs-slide="next"> <span class="carousel-control-next-icon"></span> </button> </div> </div> </div> </div> </section> <section id="carreras" class="section text-center" data-aos="fade-up"> <div class="container"> <div class="row"> <div class="col-md-6 order-md-2" data-aos="fade-left"> <h3 class="titulo-carrera">LICENCIATURA EN INGENIERÍA EN AGRICULTURA SUSTENTABLE Y PROTEGIDA</h3> <div class="linea-carrera"></div> <p>Adquiere conocimientos para gestionar proyectos agrícolas sustentables, utilizando tecnología avanzada.</p> <p>El futuro de la agricultura está en la sustentabilidad y el uso responsable de los recursos.</p> <a href="PDFs/Agricultura/mapa.pdf" target="_blank" class="boton-descarga">Mapa Curricular</a> <a href="PDFs/Agricultura/perfil.pdf" target="_blank" class="boton-descarga">Perfil de Ingreso</a> </div> <div class="col-md-6 order-md-1" data-aos="fade-right"> <div id="carouselAG" class="carousel slide" data-bs-ride="carousel"> <!-- Indicadores (puntitos) --> <div class="carousel-indicators"> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="3" aria-label="Slide 4"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="4" aria-label="Slide 5"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="5" aria-label="Slide 6"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="6" aria-label="Slide 7"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="7" aria-label="Slide 8"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="8" aria-label="Slide 9"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="9" aria-label="Slide 10"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="10" aria-label="Slide 11"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="11" aria-label="Slide 12"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="12" aria-label="Slide 13"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="13" aria-label="Slide 14"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="14" aria-label="Slide 15"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="15" aria-label="Slide 16"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="16" aria-label="Slide 17"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="17" aria-label="Slide 18"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="18" aria-label="Slide 19"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="19" aria-label="Slide 20"></button> <button type="button" data-bs-target="#carouselAG" data-bs-slide-to="20" aria-label="Slide 21"></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <img src="imagenes/Agricultura/1.JPG" class="d-block w-100" alt="Imagen Agricultura Sustentable 1"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/2.JPG" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/3.JPG" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/4.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/5.jpeg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/6.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/7.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/8.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/9.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/10.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/11.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/12.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/13.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/14.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/15.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/16.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/17.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/18.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/19.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/20.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> <div class="carousel-item"> <img src="imagenes/Agricultura/21.jpg" class="d-block w-100" alt="Imagen Agricultura Sustentable 2"> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselAG" data-bs-slide="prev"> <span class="carousel-control-prev-icon"></span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselAG" data-bs-slide="next"> <span class="carousel-control-next-icon"></span> </button> </div> </div> </div> </div> </section> <section id="fechas" class="section bg-light text-center" data-aos="fade-up"> <div class="container"> <h2 class="mb-4">Fechas Importantes</h2> <p class="lead mb-4">No te pierdas los eventos clave para tu futuro académico</p> <div class="row"> <!-- Fecha 1 --> <div class="col-md-4 mb-4" data-aos="zoom-in"> <div class="card shadow-sm border-0"> <div class="card-body text-center"> <div class="icon mb-3"> <i class="fas fa-calendar-check fa-3x" style="color: #C5A300;"></i> </div> <h5 class="card-title">Entrega de fichas</h5> <p class="card-text" style="color: black;">Del 3 de Noviembre del 2025 al 5 de Enero del 2026</p> </div> </div> </div> <!-- Fecha 2 --> <div class="col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="200"> <div class="card shadow-sm border-0"> <div class="card-body text-center"> <div class="icon mb-3"> <i class="fas fa-calendar-day fa-3x" style="color: #C5A300;"></i> </div> <h5 class="card-title">Examen Diagnóstico</h5> <p class="card-text" style="color: black;">6 de Enero del 2026</p> </div> </div> </div> <!-- Fecha 3 --> <div class="col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="200"> <div class="card shadow-sm border-0"> <div class="card-body text-center"> <div class="icon mb-3"> <i class="fas fa-clipboard-list fa-3x" style="color: #C5A300;"></i> </div> <h5 class="card-title">Resultados de examen</h5> <p class="card-text" style="color: black;">7 de Enero del 2026</p> </div> </div> </div> <div class="col-md-4 mb-4" data-aos="zoom-in"> <div class="card shadow-sm border-0"> <div class="card-body text-center"> <div class="icon mb-3"> <i class="fas fa-calendar-check fa-3x" style="color: #C5A300;"></i> </div> <h5 class="card-title">Inscripciones</h5> <p class="card-text" style="color: black;">8 de Enero 2026</p> </div> </div> </div> <!-- Fecha 2 --> <div class="col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="200"> <div class="card shadow-sm border-0"> <div class="card-body text-center"> <div class="icon mb-3"> <i class="fas fa-calendar-day fa-3x" style="color: #C5A300;"></i> </div> <h5 class="card-title">Curso de Inducción</h5> <p class="card-text" style="color: black;">Del 9 de Enero y 10 de Enero del 2026</p> </div> </div> </div> <!-- Fecha 3 --> <div class="col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="200"> <div class="card shadow-sm border-0"> <div class="card-body text-center"> <div class="icon mb-3"> <i class="fas fa-clipboard-list fa-3x" style="color: #C5A300;"></i> </div> <h5 class="card-title">Inicio de Clases</h5> <p class="card-text" style="color: black;">12 de Enero del 2026</p> </div> </div> </div> </div> </div> </section> <section id="acerca" class="section text-center bg-light" data-aos="fade-up"> <div class="container"> <h2 class="mb-4">Acerca de Nosotros</h2> <p class="lead mb-4">La Universidad Tecnológica de Parral es una institución educativa comprometida con la formación de profesionales altamente capacitados en diversas áreas de la ingeniería y la tecnología.</p> <div class="row align-items-center"> <!-- Columna de texto --> <div class="col-md-6" data-aos="fade-left"> <p>Somos una universidad enfocada en el desarrollo integral de nuestros estudiantes, brindando herramientas y conocimientos que les permitan ser líderes en sus respectivas áreas. Nuestros programas académicos están diseñados para formar profesionales con visión de futuro, capaces de afrontar los retos del mundo moderno con ética y responsabilidad.</p> </div> <!-- Columna de imagen --> <div class="col-md-6" data-aos="fade-right"> <img src="imagenes/11.jpg" class="img-fluid rounded-circle" alt="Universidad Tecnológica de Parral"> </div> </div> </div> </section> <section id="admision" class="section text-center" data-aos="fade-up"> <div class="container"> <h2 class="mb-4">Proceso de Admisión</h2> <p class="lead mb-4">Para ingresar a la Universidad Tecnológica de Parral, solo necesitas seguir estos sencillos pasos:</p> <div class="row"> <!-- Paso 1: Requisitos --> <div class="col-md-4 mb-4" data-aos="zoom-in"> <div class="card border-0 shadow"> <div class="card-body"> <i class="fas fa-id-card fa-3x mb-3" style="color: var(--primary-color);"></i> <h4 class="card-title">Requisitos</h4> <p class="card-text" style="color: black;">Contar con el certificado de preparatoria o su equivalente.</p> </div> </div> </div> <!-- Paso 2: Examen de Admisión --> <div class="col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="200"> <div class="card border-0 shadow"> <div class="card-body"> <i class="fas fa-pencil-alt fa-3x mb-3" style="color: var(--primary-color);"></i> <h4 class="card-title">Examen Diagnóstico</h4> <p class="card-text" style="color: black;">Presentar y aprobar el examen de admisión en las fechas indicadas.</p> </div> </div> </div> <!-- Paso 3: Inscripción --> <div class="col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="400"> <div class="card border-0 shadow"> <div class="card-body"> <i class="fas fa-check-circle fa-3x mb-3" style="color: var(--primary-color);"></i> <h4 class="card-title">Inscripción</h4> <p class="card-text" style="color: black;">Realizar el proceso de inscripción para obtener tu matrícula y comenzar tus estudios.</p> </div> </div> </div> </div> </div> </section> <section id="contacto" class="section text-center bg-light" data-aos="fade-up"> <div class="container"> <h2 class="mb-4">¿Tienes alguna duda? <br> Contáctanos o visítanos</h2> <div class="row"> <!-- Dirección --> <div class="col-md-6 mb-4"> <div class="card border-0 shadow p-4" data-aos="fade-left"> <i class="fas fa-map-marker-alt fa-3x mb-3" style="color: var(--primary-color);"></i> <h4 class="card-title">Dirección</h4> <p class="card-text" style="color: black;">Av. Gral. Jesús Lozoya Solís Km 0.931 Col. Paseos del Almanceña C.P. 33827</p> </div> </div> <!-- Teléfonos --> <div class="col-md-6 mb-4" data-aos="fade-right"> <div class="card border-0 shadow p-4"> <i class="fas fa-phone fa-3x mb-3" style="color: var(--primary-color);"></i> <h4 class="card-title">Teléfonos</h4> <p class="card-text" style="color: black;">(627) 523-21-07 <br> (627) 118-64-00</p> </div> </div> </div> </div> </section> <div class="barra-footer"></div> <footer class="footer text-center text-white py-4"> <div class="container"> <div class="row"> <!-- Sección de Enlaces --> <div class="col-md-12 text-center mb-3"> <h5 class="text-uppercase">Enlaces Rápidos</h5> <ul class="list-inline"> <li class="list-inline-item"><a href="#carreras" class="text-white">Carreras</a></li> <li class="list-inline-item"><a href="#fechas" class="text-white">Fechas Importantes</a></li> <li class="list-inline-item"><a href="#acerca" class="text-white">Acerca de Nosotros</a></li> <li class="list-inline-item"><a href="#admision" class="text-white">Proceso de Admisión</a></li> <li class="list-inline-item"><a href="#contacto" class="text-white">Contacto</a></li> </ul> </div> <!-- Sección de Logos --> <div class="col-md-12 text-center"> <div class="d-flex flex-wrap justify-content-center align-items-center"> <img src="imagenes/logos/1.png" alt="Logo 1" class="img-fluid m-2" width="80"> <img src="imagenes/logos/2.png" alt="Logo 2" class="img-fluid m-2" width="80"> <img src="imagenes/logos/3.png" alt="Logo 3" class="img-fluid m-2" width="80"> <img src="imagenes/logos/4.png" alt="Logo 4" class="img-fluid m-2" width="80"> <img src="imagenes/logos/5.png" alt="Logo 5" class="img-fluid m-2" width="80"> <img src="imagenes/logos/6.png" alt="Logo 6" class="img-fluid m-2" width="80"> </div> </div> </div> <hr style="border-color: rgba(255, 255, 255, 0.5);"> <p class="mt-3 text-white">© 2025 Universidad Tecnológica de Parral - Todos los derechos reservados</p> </div> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script> <script> AOS.init({ duration: 1200, // Duración de la animación (en milisegundos) easing: 'ease-in-out', // Efecto de aceleración once: true // Solo anima una vez }); </script> <script> document.addEventListener("DOMContentLoaded", function () { let searchForm = document.querySelector(".search-form"); let searchBtn = document.querySelector(".search-btn"); let searchInput = document.querySelector(".search-input"); searchBtn.addEventListener("click", function () { searchForm.classList.toggle("active"); if (searchForm.classList.contains("active")) { searchInput.focus(); // Pone el cursor en la caja de búsqueda } }); // Cierra la búsqueda si se hace clic fuera de ella document.addEventListener("click", function (e) { if (!searchForm.contains(e.target) && e.target !== searchBtn) { searchForm.classList.remove("active"); } }); }); </script> <script> document.addEventListener("scroll", function() { let navbar = document.querySelector(".navbar"); if (window.scrollY > 50) { navbar.classList.add("scrolled"); } else { navbar.classList.remove("scrolled"); } }); </script> <script> window.addEventListener("scroll", function() { let scrollButton = document.querySelector(".scroll-to-top"); if (window.scrollY > 300) { scrollButton.style.display = "flex"; } else { scrollButton.style.display = "none"; } }); </script> <!-- Botón para ir a la parte superior --> <a href="#top" class="scroll-to-top"> <i class="fas fa-arrow-up"></i> <!-- Icono de flecha hacia arriba --> </a> </body> </html>
Close