Compare commits
18 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 TioSam77
|
c8bbee9258 | ||
|
TioSam77
|
aedc77bf6b | ||
|
TioSam77
|
dae3728994 | ||
 David19735
|
d329ec3651 | ||
|
TioSam77
|
6b88c00816 | ||
|
TioSam77
|
730c0efd80 | ||
|
TioSam77
|
65f5af9aed | ||
|
David19735
|
05f6c2d174 | ||
|
David19735
|
d7ce5a36d8 | ||
|
David19735
|
33e56317f4 | ||
|
David19735
|
732ea45319 | ||
|
TioSam77
|
d16a6636f2 | ||
|
David19735
|
28afe466bc | ||
|
David19735
|
db843c87cb | ||
|
David19735
|
9d23cae82d | ||
|
David19735
|
b0557fc3cb | ||
|
TioSam77
|
c4d7a17a21 | ||
|
David19735
|
1d9ea1396f |
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
@@ -0,0 +1,25 @@
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const parentDivs = document.querySelectorAll('#parentDiv > div');
|
||||
const infoDivs = document.querySelectorAll('#infoDiv > div');
|
||||
|
||||
function setActiveDiv(index) {
|
||||
// Remove active class from all parent divs and info divs
|
||||
parentDivs.forEach(div => div.classList.remove('active'));
|
||||
infoDivs.forEach(div => div.classList.remove('active'));
|
||||
|
||||
// Add active class to the corresponding parent div and info div
|
||||
if (parentDivs[index]) {
|
||||
parentDivs[index].classList.add('active');
|
||||
}
|
||||
if (infoDivs[index]) {
|
||||
infoDivs[index].classList.add('active');
|
||||
}
|
||||
}
|
||||
|
||||
parentDivs.forEach((parentDiv, index) => {
|
||||
parentDiv.addEventListener('click', () => setActiveDiv(index));
|
||||
});
|
||||
|
||||
// Set the first div as active on page load
|
||||
setActiveDiv(0);
|
||||
});
|
||||
@@ -0,0 +1,14 @@
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const lines = document.querySelectorAll('.typing-effect');
|
||||
lines.forEach((line, index) => {
|
||||
setTimeout(() => {
|
||||
line.style.visibility = 'visible'; // Muestra la línea
|
||||
line.style.animationPlayState = 'running'; // Inicia la animación
|
||||
|
||||
// Espera a que la animación termine y luego oculta el cursor
|
||||
line.addEventListener('animationend', () => {
|
||||
line.classList.add('typing-finished');
|
||||
}, { once: true });
|
||||
}, index * 1500); // 1.5s de retraso entre cada línea
|
||||
});
|
||||
});
|
||||
+204
-37
@@ -20,13 +20,14 @@
|
||||
<link href="../assets/Ext/boxicons/css/boxicons.min.css" rel="stylesheet">
|
||||
<link href="../assets/Ext/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||||
<link href="../assets/Ext/aos/aos.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../assets/Ext/bootstrap-icons/bootstrap-icons.css">
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
|
||||
/>
|
||||
|
||||
<!-- Main CSS -->
|
||||
<link href="../assets/css/main.css" rel="stylesheet">
|
||||
<link href="./assets/css/posgrados.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
@@ -34,12 +35,11 @@
|
||||
<body>
|
||||
|
||||
<!-- ======= Header ======= -->
|
||||
<!--<header id="header" class="fixed-top ">-->
|
||||
<header id="header">
|
||||
<div class="container d-flex align-items-center justify-content-between">
|
||||
<div class="">
|
||||
<a href="https://www.unam.mx/" target="_blank"><img src="../assets/img/escudos/logo_unam-b.png" alt="" class="img-fluid logo"></a>
|
||||
<a href="https://www.acatlan.unam.mx/" target="_blank" class="mr-auto"><img src="../assets/img/escudos/escudo-b2.png" alt="" class="img-fluid logo-unam"></a>
|
||||
<a href="https://www.unam.mx/" target="_blank"><img src="assets/img/escudos/logo_unam-b.png" alt="" class="img-fluid logo"></a>
|
||||
<a href="https://www.acatlan.unam.mx/" target="_blank" class="mr-auto"><img src="assets/img/escudos/escudo-b2.png" alt="" class="img-fluid logo-unam"></a>
|
||||
</div>
|
||||
|
||||
<h1>FES <span>Acatlán</span></h1>
|
||||
@@ -65,48 +65,214 @@
|
||||
</ul>
|
||||
</nav><!-- .nav-menu -->
|
||||
</div>
|
||||
</header><!-- End Header -->
|
||||
</header><!-- Termina Header -->
|
||||
|
||||
<!-- ======= Hero Section ======= -->
|
||||
<section id="hero" class="d-flex align-items-center justify-content-center">
|
||||
<div class="container" data-aos="fade-up">
|
||||
<section id="hero">
|
||||
<div class="container-lg" id="hero_container">
|
||||
<div class="row flex-row" id="information">
|
||||
|
||||
<div class="row justify-content-center" data-aos="fade-up" data-aos-delay="150">
|
||||
<div class="col-12">
|
||||
|
||||
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="https://www.acatlan.unam.mx/images/1981.jpg" class="d-block w-100" alt="...">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="https://www.acatlan.unam.mx/images/1953.png" class="d-block w-100" alt="...">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="https://www.acatlan.unam.mx/images/1939.jpg" class="d-block w-100" alt="...">
|
||||
</div>
|
||||
<div class="col-lg-6 col-12" id="box-information1" data-aos="zoom-in-right">
|
||||
|
||||
<h2>Doctorado en Artes y Diseño</h2>
|
||||
<div id="line-information">
|
||||
<p>La <span>Facultad de Estudios Superiores Acatlán</span> participa como Sede Alterna en este Programa conformado por las siguientes entidades academicas participantes:</p>
|
||||
|
||||
<ul>
|
||||
<li><i class="bi bi-chevron-right"></i> Escuela Nacional De Artes Cinematográficas</li>
|
||||
<li><i class="bi bi-chevron-right"></i> Facultad de Arquitecturas</li>
|
||||
<li><i class="bi bi-chevron-right"></i> Facultad de Artes y Diseño</li>
|
||||
<li><i class="bi bi-chevron-right"></i> Instituto de Investigación Estéticas</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<h3><i class="bi bi-book"></i> Objetivo</h3>
|
||||
<div id="line-information">
|
||||
<p>Preparar al alumno para realizar investigaciones originales y de alto nivel, en tomo a un problema o problemas específicos propios de algúnos de los campos de conocimiento del Programa con base en el dominio de conocimientos teóricos, metodológicos y sobre procedimentales</p>
|
||||
<p>Que el alumno adquiera una sólida formación disciplinaria teórica, técnica y metodológica, para la realización de investigaciones teórico-prácticas originales, que le permita ejercer la profresión tanto a nivel</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col " id="box-information2" data-aos="zoom-in-left">
|
||||
|
||||
<div id="information-2-card">
|
||||
<h2><span><i class="bi bi-file-person-fill"></i> Contacto</span></h2>
|
||||
|
||||
<div>
|
||||
<p><strong>Responsable del posgrado en Artes y Diseño (FES Acatlán): <br>Dr. Omar Lezáma Galindo</strong></p>
|
||||
<p><strong>Teléfono y fax:</strong> 56-23-17-50 ext.38860. Cubículo 36 primer piso del edifcio de Posgrado</p>
|
||||
<p><strong>Correo Electrónico: <br></strong> <a href="">pada@acatlan.unam.mx</a></p>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<p><strong>Grado que se otorga:</strong> <br>Doctor en Artes y Diseño</p>
|
||||
</div>
|
||||
<div>
|
||||
<p><strong>Plan de estudios</strong></p>
|
||||
<p>Consulta el <a href="">Plan de estudios</a> para obtener información acerca de la estructura curricular y de las actividades académicas correspondientes</p>
|
||||
</div>
|
||||
<div>
|
||||
<p><strong>Normas operativas</strong></p>
|
||||
<p>Consulta las <a href="">Normas Operativas</a> para obtener información acerca de la operación del Programa de Posgrado en Artes y Diseño</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section><!-- End Hero -->
|
||||
|
||||
<!--Main-->
|
||||
<main id="main">
|
||||
<div class="container-md" id="main_container">
|
||||
<div class="row flex-row" id="main_information">
|
||||
<div class="col-12 col-md-6" id="main_information_box1" data-aos="fade-up" data-aos-duration="2000">
|
||||
<h2><i class="bi bi-book" style="color: #1e3c70;"></i> <span>Dirigido a:</span> </h2>
|
||||
<div id="main_box-line1">
|
||||
<p>
|
||||
<span class="typing-effect">Profesionales ya titulados con formación</span><br>
|
||||
<span class="typing-effect">en torno a la imagen estática o en movimiento,</span><br>
|
||||
<span class="typing-effect">las artes y artes visuales así como disciplinas</span><br>
|
||||
<span class="typing-effect">afines con la educación</span><br>
|
||||
<span class="typing-effect">y desarrollos plásticos en tercera dimensión</span><br>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="main_box-line1">
|
||||
<p>
|
||||
<span class="typing-effect">El plan de estudios de doctorado busca</span><br>
|
||||
<span class="typing-effect">cubrir los requerimientos que plantea un</span><br>
|
||||
<span class="typing-effect">nuevo entorno cultural en donde la participación</span><br>
|
||||
<span class="typing-effect">de los productores de imágenes visuales</span><br>
|
||||
<span class="typing-effect">es cada vez más importantes. En este sentido,</span><br>
|
||||
<span class="typing-effect">el plan de estudios tiende a una reverberación</span><br>
|
||||
<span class="typing-effect">de la actividad del artista visual, el diseñador,</span><br>
|
||||
<span class="typing-effect">el comunicador visual, el docente en artes y</span><br>
|
||||
<span class="typing-effect">y el documentalista cinematográfico,</span><br>
|
||||
<span class="typing-effect">diseño,manteniendo un equilibrio entre las artes,</span><br>
|
||||
<span class="typing-effect">las humanidades y las ciencias. Así mismo,</span><br>
|
||||
<span class="typing-effect">pretende que el egresado del doctorado,</span><br>
|
||||
<span class="typing-effect">a través de sus manifestaciones</span><br>
|
||||
<span class="typing-effect">plásticas (producción)ofrezca el material</span><br>
|
||||
<span class="typing-effect">para que otras disciplinascomo la historia del arte,</span><br>
|
||||
<span class="typing-effect">la filosofía,ciencias políticas, estudios</span><br>
|
||||
<span class="typing-effect">latinoamericanos,continúen desarrollando</span><br>
|
||||
<span class="typing-effect">investigaciones teóricas sobre lenguajes y</span><br>
|
||||
<span class="typing-effect">el hecho artísticorealizado</span><br>
|
||||
<span class="typing-effect">en un momento determinado.</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col" id="main_information_box2" data-aos="fade-up" data-aos-duration="2000">
|
||||
<h2><i class="bi bi-book" style="color: #1e3c70;"></i> <span>Campo laboral</span></h2>
|
||||
<div id="main_box-line2">
|
||||
<p>
|
||||
<span class="typing-effect"><i class="bi bi-chevron-right"></i> El ejercicio profesional, individual y grupal</span><br>
|
||||
<span class="typing-effect">y su representación en espacios de exhibición</span><br>
|
||||
<span class="typing-effect">públicos o privados</span><br>
|
||||
</p>
|
||||
<!-- Más contenido aquí... -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section><!-- End Hero -->
|
||||
|
||||
<main id="main">
|
||||
</div>
|
||||
</main><!-- End #main -->
|
||||
|
||||
|
||||
<section id="section">
|
||||
<div class="container-md" id="section_container">
|
||||
<div class="row flex-row" id="section_container_col">
|
||||
<div class="col-lg-3 col-12" id="degree1" data-aos="flip-left">
|
||||
|
||||
<div id="parentDiv">
|
||||
<div id="div1" class="active"><p>Líneas de investigación</p></div>
|
||||
<div id="div2"><p>Perfiles</p></div>
|
||||
<div id="div3"><p>Requisitos de ingreso</p></div>
|
||||
<div id="div4"><p>Obtención de grado</p></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col" id="degree2" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1000">
|
||||
|
||||
<div id="infoDiv">
|
||||
|
||||
<div id="info1" class="active">
|
||||
<h2>Líneas de investigación</h2>
|
||||
<h3>Grado que se otorga:</h3>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Doctor en artes y diseño</li>
|
||||
</ul>
|
||||
<h4>Para obtener el grado en Doctor en Artes y Diseño se requiere cubrir lo siguiente: </h4>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Haber acreditado las actividades académicas previstas en los planes de trabajo semestrales en los plazos establecidos.</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Haber recibido evaluaciones semestrales favorables de parte del comité tutor al plan de trabajo.</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Haber obtenido la candidatura al grado de Doctor, emitida por el Comité Academico.</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Presentar la tesis y aprobar el exámen de grado, de acuerdo con lo que estipulen las Normas Operativas del Programa y en la normatividad vigente.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="info2">
|
||||
<h2>Perfiles</h2>
|
||||
<h3>Subtítulo 2</h3>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 1</li>
|
||||
</ul>
|
||||
<h4>Subtítulo 2</h4>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 2</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 3</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 4</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 5</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="info3">
|
||||
<h2>Requisitos de ingreso</h2>
|
||||
<h3>Subtítulo 3</h3>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 1</li>
|
||||
</ul>
|
||||
<h4>Subtítulo 3</h4>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 2</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 3</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 4</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 5</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="info4">
|
||||
<h2>Obtención de grado</h2>
|
||||
<h3>Subtítulo 4</h3>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 1</li>
|
||||
</ul>
|
||||
<h4>Subtítulo 4</h4>
|
||||
<ul>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 2</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 3</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 4</li>
|
||||
<li><span><i class="bi bi-chevron-double-right"></i></span> Elemento 5</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!--End #last section-->
|
||||
|
||||
|
||||
</main><!-- End #main -->
|
||||
|
||||
<!-- ======= Footer ======= -->
|
||||
<footer id="footer">
|
||||
@@ -180,7 +346,8 @@
|
||||
<script src="../assets/Ext/jquery.easing/jquery.easing.min.js"></script>
|
||||
<script src="../assets/Ext/owl.carousel/owl.carousel.min.js"></script>
|
||||
<script src="../assets/Ext/aos/aos.js"></script>
|
||||
|
||||
<script src="./assets/js/bar.js"></script>
|
||||
<script src="./assets/js/main.js"></script>
|
||||
<!-- Main JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user