Compare commits
29 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 duncan
|
94d00d1a99 | ||
|
duncan
|
2c7f40604a | ||
|
duncan
|
ee6f4960e5 | ||
|
duncan
|
01069d0d7c | ||
|
duncan
|
1bd4337272 | ||
 Duncan Zuriel Suriano
|
bbfb6abe4b | ||
 cidwa
|
c56a79c5e1 | ||
|
cidwa
|
1d0edaec0b | ||
|
cidwa
|
1bce5e1185 | ||
|
cidwa
|
2cd9f73623 | ||
|
cidwa
|
5409e5aa80 | ||
|
cidwa
|
5652d770fa | ||
|
cidwa
|
403b306b72 | ||
|
cidwa
|
685a638b52 | ||
|
cidwa
|
e8998808a7 | ||
|
cidwa
|
d345a58b3b | ||
|
cidwa
|
7137dca5f3 | ||
|
Duncan Zuriel Suriano
|
67c41fec20 | ||
|
Duncan Zuriel Suriano
|
aebcd3258f | ||
|
Duncan Zuriel Suriano
|
983f2d5540 | ||
|
Duncan Zuriel Suriano
|
a834e480dc | ||
|
Duncan Zuriel Suriano
|
2eea1cf50a | ||
|
Duncan Zuriel Suriano
|
f1afe16008 | ||
|
Duncan Zuriel Suriano
|
929084289e | ||
|
Duncan Zuriel Suriano
|
0c681a800b | ||
|
Duncan Zuriel Suriano
|
d18a57aa33 | ||
|
Duncan Zuriel Suriano
|
3854b8de1b | ||
|
Duncan Zuriel Suriano
|
574512d6b4 | ||
|
Duncan Zuriel Suriano
|
12338d36b5 |
@@ -0,0 +1,105 @@
|
||||
#hero {
|
||||
width: 100%;
|
||||
height: 93vh;
|
||||
background: linear-gradient(rgba(255, 217, 0, 0.1), rgba(255, 247, 0, 0.096)), url("../css/img/cedetec.jpeg") top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
#Center div .contenido-centrado {
|
||||
text-align: center;
|
||||
}
|
||||
#hero .transparent-cart {
|
||||
padding: 1.7rem;
|
||||
background: rgba(112, 112, 112, 0.027);
|
||||
border-radius: 5px;
|
||||
height: 100%;
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.082);
|
||||
position: relative;
|
||||
}
|
||||
#hero .transparent-cart ::after {
|
||||
content: "";
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
border-right: 6px solid #bb8800;
|
||||
border-bottom: 6px solid #bb8800;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#hero .transparent-cart ::before {
|
||||
content: "";
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
border-left: 6px solid #bb8800;
|
||||
border-top: 6px solid #bb8800;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#hero .carousel h3 {
|
||||
color: #1e3c70;
|
||||
font-size: xx-large;
|
||||
font-weight: bold;
|
||||
}
|
||||
#hero .carousel h4 {
|
||||
color: #1e3c70;
|
||||
font-size: xx-large;
|
||||
font-weight: bold;
|
||||
}
|
||||
#hero .carousel p {
|
||||
color: black;
|
||||
}
|
||||
#Center ul li a {
|
||||
color: #bb8800;
|
||||
}
|
||||
#Center .div-flex .active {
|
||||
color: #1e3c70;
|
||||
border-bottom: 2px solid #bb8800;
|
||||
}
|
||||
#Center .nav-tabs .active {
|
||||
color: #1e3c70;
|
||||
background-color: #ffff;
|
||||
}
|
||||
#Center .b-ground {
|
||||
background: url("../../../assets/img/bg/solid.png");
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#Center table thead {
|
||||
color: #ffff;
|
||||
font-size: medium;
|
||||
}
|
||||
#Center .tab-pane p {
|
||||
color: #000;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
#Center .div-flex {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media (min-width: 993px) {
|
||||
#Center .div-flex {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
#Center .normal {
|
||||
height: 47px;
|
||||
overflow-x: auto !important;
|
||||
flex-direction: column;
|
||||
column-gap: 20px;
|
||||
}
|
||||
#Center .normal .nav-link {
|
||||
border: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
#avisos .contenido-centrado {
|
||||
text-align: center;
|
||||
border-bottom: 2px solid #bb8800;
|
||||
margin: 35px 0px;
|
||||
border-top: 2px solid #bb8800;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
@@ -0,0 +1,124 @@
|
||||
#hero {
|
||||
width: 100%;
|
||||
height: 93vh;
|
||||
background: linear-gradient(rgba(255, 217, 0, 0.1), rgba(255, 247, 0, 0.096)),
|
||||
url("../css/img/cedetec.jpeg") top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#Center div .contenido-centrado {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#hero .transparent-cart {
|
||||
padding: 1.7rem;
|
||||
background: rgba(112, 112, 112, 0.027);
|
||||
border-radius: 5px;
|
||||
height: 100%;
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.082);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#hero .transparent-cart ::after {
|
||||
content: "";
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
border-right: 6px solid #bb8800;
|
||||
border-bottom: 6px solid #bb8800;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#hero .transparent-cart ::before {
|
||||
content: "";
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
border-left: 6px solid #bb8800;
|
||||
border-top: 6px solid #bb8800;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#hero .carousel h3 {
|
||||
color: #1e3c70;
|
||||
font-size: xx-large;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#hero .carousel h4 {
|
||||
color: #1e3c70;
|
||||
font-size: xx-large;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#hero .carousel p {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#Center ul li a {
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#Center .div-flex .active {
|
||||
color: #1e3c70;
|
||||
border-bottom: 2px solid #bb8800;
|
||||
}
|
||||
|
||||
#Center .nav-tabs .active {
|
||||
color: #1e3c70;
|
||||
background-color: #ffff;
|
||||
}
|
||||
|
||||
#Center .b-ground {
|
||||
background: url("../../../assets/img/bg/solid.png");
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#Center table thead {
|
||||
color: #ffff;
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
#Center .tab-pane p {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
#Center .div-flex {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 993px) {
|
||||
#Center .div-flex {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
#Center .normal {
|
||||
height: 47px;
|
||||
overflow-x: auto !important;
|
||||
flex-direction: column;
|
||||
column-gap: 20px;
|
||||
}
|
||||
|
||||
#Center .normal .nav-link {
|
||||
border: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#avisos .contenido-centrado {
|
||||
text-align: center;
|
||||
border-bottom: 2px solid #bb8800;
|
||||
margin: 35px 0px;
|
||||
border-top: 2px solid #bb8800;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 286 KiB |
@@ -0,0 +1,842 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
||||
|
||||
<title>FES Acatlán</title>
|
||||
<meta content="" name="descriptison" />
|
||||
<meta content="" name="keywords" />
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="../assets/img/icon/icon.png" rel="icon" />
|
||||
<link href="../assets/img/icon/icon.png" rel="apple-touch-icon" />
|
||||
|
||||
<!-- Ext CSS -->
|
||||
<link
|
||||
href="../assets/Ext/bootstrap/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link href="../assets/Ext/icofont/icofont.min.css" rel="stylesheet" />
|
||||
<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="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
|
||||
rel="stylesheet"
|
||||
href="../cursos-de-computo/assets/css/cursos-de-computo.css"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<h1>FES <span>Acatlán</span></h1>
|
||||
|
||||
<nav class="nav-menu d-none d-lg-block">
|
||||
<ul>
|
||||
<li><a href="#">Normatividad</a></li>
|
||||
<li><a href="#">Tienda Acatlán</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- .nav-menu -->
|
||||
</div>
|
||||
<div class="container">
|
||||
<nav class="nav-menu-2 d-none d-lg-block">
|
||||
<ul>
|
||||
<li><a href="#">Inicio</a></li>
|
||||
<li><a href="#">Licenciaturas</a></li>
|
||||
<li><a href="#">Posgrados</a></li>
|
||||
<li><a href="#">Investigación</a></li>
|
||||
<li><a href="#">Cursos y Diplomados</a></li>
|
||||
<li><a href="#">Otros</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- .nav-menu -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- End Header -->
|
||||
|
||||
<!-- ======= Hero Section ======= -->
|
||||
<section id="hero" class="d-flex align-items-center justify-content-center">
|
||||
<div class="container" data-aos="fade-up">
|
||||
<div
|
||||
class="row justify-content-center align-items-center"
|
||||
data-aos="fade-up"
|
||||
data-aos-delay="150"
|
||||
>
|
||||
<div class="col-12 col-md-6 transparent-cart">
|
||||
<h1 style="font-size: 4vh">Cursos de Computo</h1>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<div
|
||||
id="carouselExampleControls"
|
||||
class="carousel slide"
|
||||
data-bs-ride="carousel"
|
||||
style="font-size: medium"
|
||||
>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<h3>¿Quiénes somos?</h3>
|
||||
<p>
|
||||
El Área de Cursos del Centro de Desarrollo Tecnológico, se
|
||||
distingue por ser una de las más importantes y
|
||||
representativas en la Zona Norte del Área Metropolitana,
|
||||
como proveedora de conocimiento tecnológico y actualizado
|
||||
en: software, capacitación y certificaciones. La producción
|
||||
de los materiales, así como de los conocimientos que se
|
||||
manejan por parte del personal que labora en esta área es de
|
||||
consideración primordial para ofrecer un servicio de calidad
|
||||
y alto índice de satisfacción de acuerdo a las expectativas
|
||||
de los participantes, en cada una de sus actividades. Es de
|
||||
mencionar que el área tiene más de 15 años ofreciendo con
|
||||
renovado y constante servicio de capacitación, obteniendo
|
||||
logros alcanzados que pueden observarse en las diferentes
|
||||
certificaciones en las que ha participado como digno ejemplo
|
||||
de tecnología para apoyo a las diversas carreras de la
|
||||
Facultad, acuerdos de certificación en empresas que apoyan a
|
||||
los alumnos a lograr un mejor nivel laboral dadas las
|
||||
características del campo de aplicación de su licenciatura.
|
||||
</p>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<h4>Misión</h4>
|
||||
<p>
|
||||
Preparar a los usuarios en el uso correcto de las
|
||||
Tecnologías de la Información y Comunicación para que a
|
||||
través de ellas logren superarse y distinguirse de entre los
|
||||
demás al conjuntarlas con el conocimiento de su propia área
|
||||
de experiencia.
|
||||
</p>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<h4>Visión</h4>
|
||||
<p>
|
||||
Lograr una alfabetización digital que reduzca la brecha
|
||||
generacional entre los novicios y los expertos en el uso de
|
||||
las Tecnologías de la Información y Comunicación.
|
||||
</p>
|
||||
</div>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Hero -->
|
||||
|
||||
<main id="main">
|
||||
<section
|
||||
id="Center"
|
||||
class="d-flex align-items-center justify-content-center flex-column pt-0"
|
||||
>
|
||||
<div class="container-fluid b-ground">
|
||||
<ul class="nav nav-tabs d-flex justify-content-around w-100 normal">
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="convocatoria-tab"
|
||||
data-toggle="tab"
|
||||
role="tab"
|
||||
href="#convocatoria"
|
||||
class="nav-link active"
|
||||
aria-controls="convocatoria"
|
||||
aria-selected="true"
|
||||
>
|
||||
Convocatoria
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="temario-tab"
|
||||
data-toggle="tab"
|
||||
role="tab"
|
||||
href="#temario"
|
||||
class="nav-link"
|
||||
aria-controls="temario"
|
||||
aria-selected="false"
|
||||
>
|
||||
Temario
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="registro-tab"
|
||||
data-toggle="tab"
|
||||
role="tab"
|
||||
href="#registro"
|
||||
class="nav-link"
|
||||
aria-controls="registro"
|
||||
aria-selected="false"
|
||||
>
|
||||
Registro
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="avisos-tab"
|
||||
data-toggle="tab"
|
||||
role="tab"
|
||||
href="#avisos"
|
||||
class="nav-link"
|
||||
aria-controls="avisos"
|
||||
aria-selected="false"
|
||||
>
|
||||
Avisos e informes
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- Inicio de los tabs del nav -->
|
||||
<div class="tab-content mt-3" id="mainTab">
|
||||
<!-- Incio del primer Tab -->
|
||||
<div
|
||||
class="tab-pane fade show active"
|
||||
id="convocatoria"
|
||||
role="tabpanel"
|
||||
aria-labelledby="convocatoria-tab"
|
||||
>
|
||||
<div class="div-flex">
|
||||
<!-- Nav de cursos -->
|
||||
<div class="col-12 col-md-4">
|
||||
<ul class="nav d-lg-block">
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="regulares-tab"
|
||||
data-toggle="tab"
|
||||
role="tablist"
|
||||
href="#regulares"
|
||||
class="nav-link active"
|
||||
aria-controls="regulares"
|
||||
aria-selected="true"
|
||||
>
|
||||
Cursos Regulares</a
|
||||
>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
id="sabatinos-tab"
|
||||
data-toggle="tab"
|
||||
role="tablist"
|
||||
href="#sabatinos"
|
||||
class="nav-link"
|
||||
aria-controls="sabatinos"
|
||||
aria-selected="false"
|
||||
>Cursos Sabatinos</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Contenido de tab de cursos -->
|
||||
<div class="col-12 col-md-8 tab-content" id="cursosTab">
|
||||
<div
|
||||
class="tab-pane fade show active contenido-centrado"
|
||||
id="regulares"
|
||||
role="tablist"
|
||||
aria-labelledby="regulares-tab"
|
||||
>
|
||||
<div class="pt-2">
|
||||
<p
|
||||
class="mb-0 justify-content-center"
|
||||
style="color: #fff; background-color: #1e3c70"
|
||||
>
|
||||
LUNES A VIERNES: Del 30 de septiembre al 12 de octubre
|
||||
2024 <br />
|
||||
2 hrs diarias
|
||||
</p>
|
||||
</div>
|
||||
<table class="table justify-content-center">
|
||||
<thead style="background-color: #1e3c70">
|
||||
<th scope="col">CURSO Y HORARIO</th>
|
||||
<th scope="col">APORTACIÓN</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
Intro. a la computación para 3era edad <br />20
|
||||
hrs.
|
||||
<br />
|
||||
09 a 11 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Word básico <br />20 hrs. <br />
|
||||
09 a 11 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel básico <br />25 hrs. <br />
|
||||
09 a 11 hrs (Presencial) <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />EXUNAM: $ 2,870.00
|
||||
<br />EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel avanzado <br />25 hrs. <br />
|
||||
09 a 11 hrs (Presencial) <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />EXUNAM: $ 2,870.00
|
||||
<br />EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Power Query y Power Pivot en Excel <br />20 hrs.
|
||||
<br />
|
||||
19 a 21 hrs. (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Base de datos con SQL server básico <br />20 hrs.
|
||||
<br />
|
||||
10 a 12 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Python básico – intermedio <br />20 hrs. <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Ciberdelitos ¡Para todos! <br />10 hrs. <br />
|
||||
17 a 19 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 860.00 <br />EXUNAM: $ 1,147.50
|
||||
<br />EXTERNO: $ 1,435.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Introducción a la programación <br />20 hrs.
|
||||
<br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00<br />
|
||||
EXUNAM: $ 2,295.00 <br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Análisis de datos con Python <br />20 hrs. <br />
|
||||
19 a 21 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Manejo de R en Python <br />20 hrs. <br />19 a 21
|
||||
hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Niñas, niños y adolescentes en Ciberriesgo<br />
|
||||
10 hrs.
|
||||
<br />
|
||||
19 a 21 hrs (10 hrs en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 860.00 <br />EXUNAM: $ 1,147.50
|
||||
<br />EXTERNO: $ 1,435.00
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div
|
||||
class="tab-pane fade contenido-centrado"
|
||||
id="sabatinos"
|
||||
role="tablist"
|
||||
aria-labelledby="sabatinos-tab"
|
||||
>
|
||||
<div>
|
||||
<p
|
||||
class="mb-0 justify-content-center"
|
||||
style="color: #fff; background-color: #1e3c70"
|
||||
>
|
||||
SABATINOS: Del 19 de octubre al 16 de noviembre 2024
|
||||
<br />
|
||||
5 hrs por sesión
|
||||
</p>
|
||||
</div>
|
||||
<table class="table">
|
||||
<thead style="background-color: #1e3c70">
|
||||
<th scope="col">CURSO Y HORARIO</th>
|
||||
<th scope="col">APORTACIÓN</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
AutoCAD <br />
|
||||
20 hrs. <br />
|
||||
09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />
|
||||
EXUNAM: $ 2,295.00 <br />
|
||||
EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel básico<br />
|
||||
25 hrs. <br />09 a 14 hrs (Presencial o en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />EXUNAM: $ 2,870.00<br />
|
||||
EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Excel avanzado <br />25 hrs. <br />09 a 14 hrs
|
||||
(Presencial o en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 2,150.00 <br />EXUNAM: $ 2,870.00
|
||||
<br />EXTERNO: $ 3,587.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Power Query y Power Pivot en Excel <br />20 hrs.
|
||||
<br />09 a 14 hrs (Presencial o en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Base de datos con SQL server básico<br />
|
||||
20 hrs. <br />09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Base de datos con SQL server avanzado <br />20
|
||||
hrs.<br />
|
||||
09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Programación de Macros con Excel <br />20 hrs.<br />
|
||||
09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Seguridad de la información <br />20 hrs.<br />
|
||||
09 a 14 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Introducción a la Ciberseguridad <br />10 hrs.
|
||||
<br />09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 860.00 <br />EXUNAM: $ 1,147.50
|
||||
<br />EXTERNO: $ 1,435.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Ataques y defensas en Aplicaciones Web <br />20
|
||||
hrs. <br />09 a 14 hrs (Presencial)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Introducción a la programación <br />20 hrs.<br />
|
||||
09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00<br />
|
||||
EXUNAM: $ 2,295.00 <br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Python básico – intermedio <br />20 hrs. <br />09
|
||||
a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Análisis de datos con Python<br />
|
||||
20 hrs. <br />09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Programación interactiva para videojuegos con
|
||||
JOGL<br />
|
||||
20 hrs. <br />09 a 14 hrs (en línea)
|
||||
</td>
|
||||
<td>
|
||||
UNAM: $ 1,720.00 <br />EXUNAM: $ 2,295.00
|
||||
<br />EXTERNO: $ 2,870.00
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Inicio del Tab de temario -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="temario"
|
||||
role="tabpanel"
|
||||
aria-labelledby="temario-tab"
|
||||
>
|
||||
<div class="accordion" id="accordionPanelsStayOpenExample">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class="accordion-button"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#panelsStayOpen-collapseOne"
|
||||
aria-expanded="true"
|
||||
aria-controls="panelsStayOpen-collapseOne"
|
||||
>
|
||||
Excel
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="panelsStayOpen-collapseOne"
|
||||
class="accordion-collapse collapse show"
|
||||
>
|
||||
<div class="accordion-body">Temarios</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#panelsStayOpen-collapseTwo"
|
||||
aria-expanded="false"
|
||||
aria-controls="panelsStayOpen-collapseTwo"
|
||||
>
|
||||
Bases de Datos (SQL)
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="panelsStayOpen-collapseTwo"
|
||||
class="accordion-collapse collapse"
|
||||
>
|
||||
<div class="accordion-body">
|
||||
<p>
|
||||
<a
|
||||
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
|
||||
target="_blank"
|
||||
>Base de datos</a
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button
|
||||
class="accordion-button collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#panelsStayOpen-collapseThree"
|
||||
aria-expanded="false"
|
||||
aria-controls="panelsStayOpen-collapseThree"
|
||||
>
|
||||
Programción
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="panelsStayOpen-collapseThree"
|
||||
class="accordion-collapse collapse"
|
||||
>
|
||||
<div class="accordion-body">Temario</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Inicio del Tab de registro -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="registro"
|
||||
role="tabpanel"
|
||||
aria-labelledby="registro-tab"
|
||||
>
|
||||
<p>Contenido de registro</p>
|
||||
</div>
|
||||
|
||||
<!-- Inicio del Tab de avisos e informes -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="avisos"
|
||||
role="tabpanel"
|
||||
aria-labelledby="avisos-tab"
|
||||
>
|
||||
<div class="justify-content-center contenido-centrado">
|
||||
<p>
|
||||
<strong>Importante</strong>
|
||||
</p>
|
||||
<p>Para aplicar la aportación UNAM o EXALUMNO UNAM</p>
|
||||
<p>Únicamente se recibirán los siguientes documentos:</p>
|
||||
|
||||
<p><strong>INAPAM:</strong> Credencial INAPAM</p>
|
||||
<p>
|
||||
<strong>UNAM:</strong> Tira de materias del semestre vigente
|
||||
y credencial UNAM o INE
|
||||
</p>
|
||||
<p>
|
||||
<strong>EXALUMNO-UNAM:</strong> Credencial EXALUMNO UNAM,
|
||||
para tramitarla consulte:
|
||||
https://www.pveu.unam.mx/credencial.php
|
||||
</p>
|
||||
<p><strong>tel.:</strong> 55-5622-6186 o 55-5622-6057</p>
|
||||
</div>
|
||||
<div>
|
||||
<p><strong>FES Acatlán</strong></p>
|
||||
<a href="#">Centro de Desarrollo Tecnológico </a>
|
||||
<p>
|
||||
Av. Alcanfores y San Juan Totoltepec s/n Naucalpan, Edo. de
|
||||
México <br />
|
||||
<strong>e-mail:</strong> cursos@acatlan.unam.mx <br />
|
||||
<strong>Tels:</strong> 5623 1761 y 5623 1509
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<!-- End #main -->
|
||||
|
||||
<!-- ======= Footer ======= -->
|
||||
<footer id="footer">
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6 footer-newsletter">
|
||||
<h4>Redes Sociales</h4>
|
||||
Siguenos en:
|
||||
<div class="social-links mt-3">
|
||||
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
|
||||
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
|
||||
<a href="#" class="instagram"
|
||||
><i class="bx bxl-instagram"></i
|
||||
></a>
|
||||
<a href="#" class="google-plus"
|
||||
><i class="bx bxl-youtube"></i
|
||||
></a>
|
||||
</div>
|
||||
|
||||
<img
|
||||
src="../assets/img/escudos/unam-nacion-blanco.png"
|
||||
style="width: 150px; margin: 15px auto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-6 footer-links">
|
||||
<h4>Sitios de Interes</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-1</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-2</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-3</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-4</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-5</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-6</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-6 footer-links">
|
||||
<h4>Conoce más</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-1</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-2</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-3</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-4</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="footer-info">
|
||||
<h3>FES <span>Acatlán</span></h3>
|
||||
<p>
|
||||
Hecho en México, todos los derechos reservados 2021.
|
||||
<br /><br />
|
||||
Esta página puede ser reproducida con fines no lucrativos,
|
||||
siempre y cuando no se mutile, se cite la fuente completa y su
|
||||
dirección electrónica. De otra forma, requiere permiso previo
|
||||
por escrito de la institución.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- End Footer -->
|
||||
|
||||
<a href="#" class="back-to-top"><i class="icofont-swoosh-up"></i></a>
|
||||
|
||||
<!-- Ext JS -->
|
||||
<script src="../assets/Ext/jquery/jquery.min.js"></script>
|
||||
<script src="../assets/Ext/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<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>
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,959 +0,0 @@
|
||||
/* Variables */
|
||||
/* ==========
|
||||
General
|
||||
========== */
|
||||
body {
|
||||
color: #cccccc;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
p {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
/* ==========
|
||||
|
||||
========== */
|
||||
/* ==========
|
||||
Back to top button
|
||||
========== */
|
||||
.back-to-top {
|
||||
position: fixed;
|
||||
display: none;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
z-index: 99999;
|
||||
text-decoration: none;
|
||||
}
|
||||
.back-to-top i {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
background-color: #bb8800;
|
||||
color: #1e3c70;
|
||||
transition: all 0.4s;
|
||||
}
|
||||
.back-to-top i:hover {
|
||||
background-color: #1e3c70;
|
||||
color: #bb8800;
|
||||
}
|
||||
/* ==========
|
||||
aos animation delay mobile
|
||||
========== */
|
||||
@media screen and (max-width: 768px) {
|
||||
[data-aos-delay] {
|
||||
transition-delay: 0 !important;
|
||||
}
|
||||
}
|
||||
/* ==========
|
||||
Header
|
||||
========== */
|
||||
#header {
|
||||
transition: all 0.5s;
|
||||
z-index: 997;
|
||||
padding: 8px 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
background-color: rgba(20, 30, 48, 0.8);
|
||||
}
|
||||
#header .logo {
|
||||
max-height: 68px;
|
||||
margin: 3px 4px 0 0;
|
||||
}
|
||||
#header .logo-unam {
|
||||
max-height: 55px;
|
||||
}
|
||||
#header h1 {
|
||||
color: #1e3c70;
|
||||
font-weight: 900;
|
||||
font-size: 28px;
|
||||
color: #fff;
|
||||
}
|
||||
#header h1 span {
|
||||
color: #bb8800;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
#header {
|
||||
position: fixed;
|
||||
}
|
||||
#header .logo {
|
||||
max-height: 40px;
|
||||
margin: 0 2px 0 0;
|
||||
}
|
||||
#header .logo-unam {
|
||||
max-height: 40px;
|
||||
margin: 0 2px 0 0;
|
||||
}
|
||||
#header h1 {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
font-weight: 700;
|
||||
font-size: 22px;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
/* ==========
|
||||
Nav Menu
|
||||
========== */
|
||||
/* Desktop */
|
||||
.nav-menu ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.nav-menu > ul {
|
||||
display: flex;
|
||||
}
|
||||
.nav-menu > ul > li {
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
padding: 10px 0 10px 28px;
|
||||
}
|
||||
.nav-menu a {
|
||||
display: block;
|
||||
position: relative;
|
||||
color: #fff;
|
||||
transition: 0.3s;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.nav-menu a:hover {
|
||||
color: #ffc451;
|
||||
}
|
||||
.nav-menu > a {
|
||||
color: #ffc451;
|
||||
}
|
||||
.nav-menu li:hover > a {
|
||||
color: #ffc451;
|
||||
}
|
||||
.nav-menu .drop-down ul {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 14px;
|
||||
top: calc(100% + 30px);
|
||||
z-index: 99;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
|
||||
transition: 0.3s;
|
||||
}
|
||||
.nav-menu .drop-down ul a {
|
||||
padding: 10px 20px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
color: #151515;
|
||||
}
|
||||
.nav-menu .drop-down ul a:hover {
|
||||
color: #151515;
|
||||
background: #ffc451;
|
||||
}
|
||||
.nav-menu .drop-down ul .active > a {
|
||||
color: #151515;
|
||||
background: #ffc451;
|
||||
}
|
||||
.nav-menu .drop-down ul li:hover > a {
|
||||
color: #151515;
|
||||
background: #ffc451;
|
||||
}
|
||||
.nav-menu .drop-down:hover > ul {
|
||||
opacity: 1;
|
||||
top: 100%;
|
||||
visibility: visible;
|
||||
}
|
||||
.nav-menu .drop-down li {
|
||||
min-width: 180px;
|
||||
position: relative;
|
||||
}
|
||||
.nav-menu .drop-down > a:after {
|
||||
content: "\ea99";
|
||||
font-family: IcoFont;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.nav-menu .drop-down .drop-down ul {
|
||||
top: 0;
|
||||
left: calc(100% - 30px);
|
||||
}
|
||||
.nav-menu .drop-down .drop-down:hover > ul {
|
||||
opacity: 1;
|
||||
top: 0;
|
||||
left: 100%;
|
||||
}
|
||||
.nav-menu .drop-down .drop-down > a {
|
||||
padding-right: 35px;
|
||||
}
|
||||
.nav-menu .drop-down .drop-down > a:after {
|
||||
content: "\eaa0";
|
||||
font-family: IcoFont;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
}
|
||||
@media (max-width: 1366px) {
|
||||
.nav-menu .drop-down .drop-down ul {
|
||||
left: -90%;
|
||||
}
|
||||
.nav-menu .drop-down .drop-down:hover > ul {
|
||||
left: -100%;
|
||||
}
|
||||
.nav-menu .drop-down .drop-down > a:after {
|
||||
content: "\ea9d";
|
||||
}
|
||||
}
|
||||
/* Mobile Navigation */
|
||||
.mobile-nav-toggle {
|
||||
position: fixed;
|
||||
top: 15px;
|
||||
right: 10px;
|
||||
z-index: 9998;
|
||||
border: 0;
|
||||
background: none;
|
||||
font-size: 24px;
|
||||
transition: all 0.4s;
|
||||
outline: none !important;
|
||||
line-height: 1;
|
||||
cursor: pointer;
|
||||
text-align: right;
|
||||
}
|
||||
.mobile-nav-toggle i {
|
||||
color: #bb8800;
|
||||
}
|
||||
.mobile-nav {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
right: 55px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
z-index: 9999;
|
||||
overflow-y: auto;
|
||||
background: rgba(30, 60, 112, 0.9);
|
||||
transition: ease-in-out 0.2s;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.mobile-nav * {
|
||||
margin: 10px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.mobile-nav a {
|
||||
display: block;
|
||||
position: relative;
|
||||
color: #bb8800;
|
||||
padding: 10px 20px;
|
||||
font-weight: 700;
|
||||
outline: none;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.mobile-nav a:hover {
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
background: #ffc451;
|
||||
}
|
||||
.mobile-nav .active a {
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
background: #ffc451;
|
||||
}
|
||||
.mobile-nav li:hover a {
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
background: #ffc451;
|
||||
}
|
||||
.mobile-nav .drop-down > a {
|
||||
padding-right: 35px;
|
||||
}
|
||||
.mobile-nav .drop-down > a:after {
|
||||
content: "\ea99";
|
||||
font-family: IcoFont;
|
||||
padding-left: 10px;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
}
|
||||
.mobile-nav .drop-down ul {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
.mobile-nav .drop-down li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.mobile-nav .active.drop-down a:after {
|
||||
content: "\eaa1";
|
||||
}
|
||||
.mobile-nav-overly {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9997;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
transition: ease-in-out 0.2s;
|
||||
}
|
||||
.mobile-nav-active {
|
||||
overflow: hidden;
|
||||
}
|
||||
.mobile-nav-active .mobile-nav {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.mobile-nav-active .mobile-nav-toggle i {
|
||||
color: #fff;
|
||||
}
|
||||
/* ==========
|
||||
Nav Menu Sec
|
||||
========== */
|
||||
/* Desktop */
|
||||
.navbar-2 {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.navbar-2 a {
|
||||
transition: 0.3s;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.navbar-2 .dropdown-menu a:hover {
|
||||
background-color: #1e3c70;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar-2 .dropdown-item i:hover {
|
||||
color: goldenrod !important;
|
||||
}
|
||||
.navbar-2 i {
|
||||
color: goldenrod;
|
||||
font-size: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.nav-menu-2 ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.nav-menu-2 > ul {
|
||||
display: flex;
|
||||
}
|
||||
.nav-menu-2 > ul > li {
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
padding: 10px 0 10px 28px;
|
||||
}
|
||||
.nav-menu-2 a {
|
||||
display: block;
|
||||
position: relative;
|
||||
color: #fff;
|
||||
transition: 0.3s;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.nav-menu-2 a:hover {
|
||||
color: #ffc451;
|
||||
}
|
||||
.nav-menu-2 .active > a {
|
||||
color: #ffc451;
|
||||
}
|
||||
.nav-menu-2 li:hover > a {
|
||||
color: #ffc451;
|
||||
}
|
||||
.nav-menu-2 .drop-down ul {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 14px;
|
||||
top: calc(100% + 30px);
|
||||
z-index: 99;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
|
||||
transition: 0.3s;
|
||||
}
|
||||
.nav-menu-2 .drop-down ul a {
|
||||
padding: 10px 20px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
color: #151515;
|
||||
}
|
||||
.nav-menu-2 .drop-down ul a:hover {
|
||||
color: #151515;
|
||||
background: #ffc451;
|
||||
}
|
||||
.nav-menu-2 .drop-down ul .active > a {
|
||||
color: #151515;
|
||||
background: #ffc451;
|
||||
}
|
||||
.nav-menu-2 .drop-down ul li:hover > a {
|
||||
color: #151515;
|
||||
background: #ffc451;
|
||||
}
|
||||
.nav-menu-2 .drop-down:hover > ul {
|
||||
opacity: 1;
|
||||
top: 100%;
|
||||
visibility: visible;
|
||||
}
|
||||
.nav-menu-2 .drop-down li {
|
||||
min-width: 180px;
|
||||
position: relative;
|
||||
}
|
||||
.nav-menu-2 .drop-down > a:after {
|
||||
content: "\ea99";
|
||||
font-family: IcoFont;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.nav-menu-2 .drop-down .drop-down ul {
|
||||
top: 0;
|
||||
left: calc(100% - 30px);
|
||||
}
|
||||
.nav-menu-2 .drop-down .drop-down:hover > ul {
|
||||
opacity: 1;
|
||||
top: 0;
|
||||
left: 100%;
|
||||
}
|
||||
.nav-menu-2 .drop-down .drop-down > a {
|
||||
padding-right: 35px;
|
||||
}
|
||||
.nav-menu-2 .drop-down .drop-down > a:after {
|
||||
content: "\eaa0";
|
||||
font-family: IcoFont;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
}
|
||||
@media (max-width: 1366px) {
|
||||
.nav-menu-2 .drop-down .drop-down ul {
|
||||
left: -90%;
|
||||
}
|
||||
.nav-menu-2 .drop-down .drop-down:hover > ul {
|
||||
left: -100%;
|
||||
}
|
||||
.nav-menu-2 .drop-down .drop-down > a:after {
|
||||
content: "\ea9d";
|
||||
}
|
||||
}
|
||||
/* Mobile */
|
||||
.mobile-nav-2-toggle {
|
||||
position: fixed;
|
||||
top: 70px;
|
||||
right: 8px;
|
||||
z-index: 9998;
|
||||
border: 0;
|
||||
background: none;
|
||||
font-size: 24px;
|
||||
transition: all 0.4s;
|
||||
outline: none !important;
|
||||
line-height: 1;
|
||||
cursor: pointer;
|
||||
text-align: right;
|
||||
background-color: #1e3c70;
|
||||
padding: 8px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.mobile-nav-2-toggle i {
|
||||
color: #bb8800;
|
||||
}
|
||||
.mobile-nav-2 {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
right: 55px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
z-index: 9999;
|
||||
overflow-y: auto;
|
||||
background: rgba(30, 60, 112, 0.9);
|
||||
transition: ease-in-out 0.2s;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
padding: 10px 0;
|
||||
font-size: 1.2em;
|
||||
text-align: center;
|
||||
}
|
||||
.mobile-nav-2 * {
|
||||
margin: 10px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.mobile-nav-2 a {
|
||||
display: block;
|
||||
position: relative;
|
||||
color: #bb8800;
|
||||
padding: 10px 20px;
|
||||
font-weight: 700;
|
||||
outline: none;
|
||||
}
|
||||
.mobile-nav-2 a:hover {
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
background: #ffc451;
|
||||
}
|
||||
.mobile-nav-2 .active > a {
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
background: #ffc451;
|
||||
}
|
||||
.mobile-nav-2 li:hover > a {
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
background: #ffc451;
|
||||
}
|
||||
.mobile-nav-2 .drop-down > a {
|
||||
padding-right: 35px;
|
||||
}
|
||||
.mobile-nav-2 .drop-down > a:after {
|
||||
content: "\ea99";
|
||||
font-family: IcoFont;
|
||||
padding-left: 10px;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
}
|
||||
.mobile-nav-2 .drop-down ul {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
.mobile-nav-2 .drop-down li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.mobile-nav-2 .active.drop-down > a:after {
|
||||
content: "\eaa1";
|
||||
}
|
||||
.mobile-nav-2-overly {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9997;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
transition: ease-in-out 0.2s;
|
||||
}
|
||||
.mobile-nav-2-active {
|
||||
overflow: hidden;
|
||||
}
|
||||
.mobile-nav-2-active .mobile-nav-2 {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.mobile-nav-2-active .mobile-nav-2-toggle i {
|
||||
color: #fff;
|
||||
}
|
||||
/* ==========
|
||||
Hero
|
||||
========== */
|
||||
#hero {
|
||||
min-height: 100vh;
|
||||
background: url('../img/_DSC2981.jpg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
position: relative;
|
||||
}
|
||||
#hero::before {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
#hero #hero_container {
|
||||
min-height: 70vh;
|
||||
z-index: 3;
|
||||
padding: 30px;
|
||||
z-index: 10;
|
||||
margin-top: 120px;
|
||||
}
|
||||
#hero #hero_container h2 {
|
||||
font-size: 60px;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
color: #bb8800;
|
||||
margin-bottom: 25px;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#hero #hero_container p {
|
||||
font-size: 20px;
|
||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
margin: 25px 0;
|
||||
text-align: justify;
|
||||
}
|
||||
#hero #hero_container #container_btn {
|
||||
width: 60%;
|
||||
height: 150px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
#hero #hero_container #container_btn a {
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: white;
|
||||
border-radius: 5px;
|
||||
transition: all ease 0.3s;
|
||||
background: #1e3c70;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
#hero #hero_container #container_btn a:hover {
|
||||
background: #bb8800;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
#hero #hero_container {
|
||||
margin-top: 150px;
|
||||
}
|
||||
#hero #hero_container h2 {
|
||||
font-size: 43px;
|
||||
width: 100%;
|
||||
}
|
||||
#hero #hero_container p {
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
@media (max-width: 810px) {
|
||||
#hero #hero_container h2 {
|
||||
font-size: 35px;
|
||||
width: 100%;
|
||||
}
|
||||
#hero #hero_container p {
|
||||
font-size: 23px;
|
||||
}
|
||||
#hero #hero_container #container_btn {
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
#hero #hero_container #container_btn a {
|
||||
width: 40%;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 840px) {
|
||||
#hero #hero_container #container_btn a {
|
||||
width: 60%;
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 350px) {
|
||||
#hero #hero_container h2 {
|
||||
font-size: 18px;
|
||||
}
|
||||
#hero #hero_container p {
|
||||
font-size: 15px;
|
||||
}
|
||||
#hero #hero_container #container_btn a {
|
||||
width: 50%;
|
||||
height: 45px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 591px) {
|
||||
#hero #hero_container #container_btn a {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
/* ==========
|
||||
End hero
|
||||
========== */
|
||||
/* ==========
|
||||
Section
|
||||
========== */
|
||||
#courses {
|
||||
min-height: 82vh;
|
||||
}
|
||||
#courses #courses_content {
|
||||
min-height: 82vh;
|
||||
}
|
||||
#courses #courses_content h2 {
|
||||
margin: 30px 0 10px 0;
|
||||
width: 55%;
|
||||
border-bottom: solid 3px #bb8800;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 5px;
|
||||
color: #1e3c70;
|
||||
font-weight: 700;
|
||||
}
|
||||
#courses #courses_content h2 span {
|
||||
color: #bb8800;
|
||||
}
|
||||
#courses #courses_content #courses_column {
|
||||
min-height: 82vh;
|
||||
margin: 40px 0;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card {
|
||||
min-height: 82vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_img {
|
||||
width: 85%;
|
||||
min-height: 45vh;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content h3 {
|
||||
font-size: 1.5rem;
|
||||
width: 80%;
|
||||
margin: 10px auto;
|
||||
min-height: 90px;
|
||||
color: rgba(0, 0, 0, 0.9);
|
||||
font-weight: 600;
|
||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #content_schedules {
|
||||
min-height: 100px;
|
||||
width: 85%;
|
||||
margin-left: 25px;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #content_schedules p {
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
font-weight: 500;
|
||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #card_btn {
|
||||
width: 50%;
|
||||
min-height: 10vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #card_btn a {
|
||||
background: #1e3c70;
|
||||
width: 200px;
|
||||
height: 50px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 5px;
|
||||
transition: all ease 0.5s;
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #card_btn a:hover {
|
||||
color: #bb8800;
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
#courses #courses_content h2 {
|
||||
width: 80%;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_img {
|
||||
min-height: 30vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content h3 {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #content_schedules {
|
||||
min-height: 150px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 840px) {
|
||||
#courses {
|
||||
min-height: 50vh;
|
||||
}
|
||||
#courses #courses_content {
|
||||
min-height: 50vh;
|
||||
}
|
||||
#courses #courses_content h2 {
|
||||
width: 85%;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
#courses #courses_content #courses_column {
|
||||
min-height: 50vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card {
|
||||
min-height: 50vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_img {
|
||||
min-height: 20vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content h3 {
|
||||
font-size: 1.5rem;
|
||||
min-height: 135px;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #content_schedules {
|
||||
min-height: 120px;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #card_btn {
|
||||
width: 100%;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #card_btn a {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 769px) {
|
||||
#courses {
|
||||
min-height: 60vh;
|
||||
}
|
||||
#courses #courses_content {
|
||||
min-height: 60vh;
|
||||
}
|
||||
#courses #courses_content #courses_column {
|
||||
min-height: 60vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card {
|
||||
min-height: 60vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content h3 {
|
||||
min-height: 85px;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content #content_schedules {
|
||||
min-height: 80px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 508px) {
|
||||
#courses #courses_content h2 {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 390px) {
|
||||
#courses {
|
||||
min-height: 70vh;
|
||||
}
|
||||
#courses #courses_content {
|
||||
min-height: 70vh;
|
||||
}
|
||||
#courses #courses_content h2 {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
#courses #courses_content #courses_column {
|
||||
min-height: 70vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card {
|
||||
min-height: 70vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_img {
|
||||
min-height: 26vh;
|
||||
}
|
||||
#courses #courses_content #courses_column #courses_card #card_content h3 {
|
||||
font-size: 1.1rem;
|
||||
min-height: 50px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
/* ==========
|
||||
End Section
|
||||
========== */
|
||||
/* ==========
|
||||
Footer
|
||||
========== */
|
||||
#footer {
|
||||
background-color: black;
|
||||
padding: 0 0 30px 0;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
}
|
||||
#footer .footer-top {
|
||||
background: linear-gradient(rgba(2, 2, 2, 0.9), rgba(20, 30, 48, 0.9)), url("../img/bg/_DSC3031.jpg") fixed top;
|
||||
background-size: cover;
|
||||
border-bottom: 1px solid #222222;
|
||||
padding: 60px 0 30px 0;
|
||||
}
|
||||
#footer .footer-top .footer-info {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#footer .footer-top .footer-info h3 {
|
||||
font-size: 28px;
|
||||
margin: 0 0 20px 0;
|
||||
padding: 2px 0 2px 0;
|
||||
line-height: 1;
|
||||
font-weight: 700;
|
||||
}
|
||||
#footer .footer-top .footer-info h3 span {
|
||||
color: #bb8800;
|
||||
}
|
||||
#footer .footer-top .footer-info p {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
font-family: "Raleway", sans-serif;
|
||||
color: #fff;
|
||||
text-align: justify;
|
||||
}
|
||||
#footer .footer-top .social-links a {
|
||||
font-size: 18px;
|
||||
display: inline-block;
|
||||
background: #292929;
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
padding: 8px 0;
|
||||
margin-right: 4px;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
transition: 0.3s;
|
||||
}
|
||||
#footer .footer-top .social-links a:hover {
|
||||
background: #ffc451;
|
||||
color: #151515;
|
||||
text-decoration: none;
|
||||
}
|
||||
#footer .footer-top h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
#footer .footer-top .footer-links {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#footer .footer-top .footer-links ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#footer .footer-top .footer-links ul i {
|
||||
padding-right: 2px;
|
||||
color: #ffc451;
|
||||
font-size: 18px;
|
||||
line-height: 1;
|
||||
}
|
||||
#footer .footer-top .footer-links ul li {
|
||||
padding: 10px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
#footer .footer-top .footer-links ul li:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
#footer .footer-top .footer-links ul a {
|
||||
color: #fff;
|
||||
transition: 0.3s;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
}
|
||||
#footer .footer-top .footer-links ul a:hover {
|
||||
color: #ffc451;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 125 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.9 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 686 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 784 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 311 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 515 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
@@ -1,265 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
|
||||
<title>FES Acatlán</title>
|
||||
<meta content="" name="descriptison">
|
||||
<meta content="" name="keywords">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="../assets/img/icon/icon.png" rel="icon">
|
||||
<link href="../assets/img/icon/icon.png" rel="apple-touch-icon">
|
||||
|
||||
|
||||
<!-- Ext CSS -->
|
||||
<link href="../assets/Ext/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="../assets/Ext/icofont/icofont.min.css" rel="stylesheet">
|
||||
<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="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
|
||||
/>
|
||||
|
||||
<!-- Main CSS -->
|
||||
<link href="./assets/css/educacion.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../assets/Ext/bootstrap-icons/bootstrap-icons.css">
|
||||
|
||||
</head>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<h1>FES <span>Acatlán</span></h1>
|
||||
|
||||
|
||||
<nav class="nav-menu d-none d-lg-block">
|
||||
<ul>
|
||||
<li><a href="#">Normatividad</a></li>
|
||||
<li><a href="#">Tienda Acatlán</a></li>
|
||||
</ul>
|
||||
</nav><!-- .nav-menu -->
|
||||
|
||||
</div>
|
||||
<div class="container ">
|
||||
<nav class="nav-menu-2 d-none d-lg-block">
|
||||
<ul>
|
||||
<li><a href="#">Inicio</a></li>
|
||||
<li><a href="#">Licenciaturas</a></li>
|
||||
<li><a href="#">Posgrados</a></li>
|
||||
<li><a href="#">Investigación</a></li>
|
||||
<li><a href="#">Cursos y Diplomados</a></li>
|
||||
<li><a href="#">Otros</a></li>
|
||||
</ul>
|
||||
</nav><!-- .nav-menu -->
|
||||
</div>
|
||||
</header><!-- End Header -->
|
||||
|
||||
<!-- ======= Hero Section ======= -->
|
||||
<section id="hero">
|
||||
<div class="container-lg" id="hero_container" data-aos="fade-up"
|
||||
data-aos-duration="1500">
|
||||
<div id="container_content">
|
||||
<h2>centro de educación continua</h2>
|
||||
<p>El Centro de Educación Continua ofrece actividades académicas de calidad permitan atender y ofrecer soluciones integrales a las necesidades del entorno para la formación académica, actualización, capacitación y superación de profesionistas en distintas áreas del conocimiento tanto de la comunidad universitaria como a la comunidad externa.</p>
|
||||
|
||||
<p>Contamos con una oferta multidisciplinaria de cursos, diplomados y seminarios con contenidos actuales y de calidad; impartidos por destacados especialistas y docentes, en un ambiente de aprendizaje óptimo y de vanguardia. Cubriendo así las necesidades profesionales de ampliación y profundización de conocimientos, actualización, capacitación, especialización y superación académica de los profesionistas.</p>
|
||||
</div>
|
||||
<div id="container_btn">
|
||||
<a href="#">Cursos</a>
|
||||
<a href="#">Diplomados</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section><!-- End Hero -->
|
||||
|
||||
|
||||
<!---Section-->
|
||||
|
||||
<section id="courses" data-aos="zoom-out-down">
|
||||
<div class="container-lg" id="courses_content">
|
||||
<h2>EDUCACION CONTINUA - <span>DIPLOMADOS</span></h2>
|
||||
<div class="row flex-row" id="courses_column">
|
||||
<div class="col-md-6 col-12" id="courses_card">
|
||||
<div id="card_img">
|
||||
<img src="./assets/img/especializaciones-1.jpg" alt="">
|
||||
</div>
|
||||
|
||||
<div id="card_content">
|
||||
<h3>Estrategias de Inversión Bursátil y Gestión del Riesgo Financiero</h3>
|
||||
|
||||
<div id="content_schedules">
|
||||
<p>Inicio: 20 de Septiembre de 2024</p>
|
||||
<p>Horario: Viernes de 18:00 a 21:00 y Sábado de 08:00 a 13:00</p>
|
||||
</div>
|
||||
|
||||
<div id="card_btn">
|
||||
<a href="">Ver más</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col" id="courses_card">
|
||||
<div id="card_img">
|
||||
<img src="./assets/img/banner-licenciaturas.jpg" alt="">
|
||||
</div>
|
||||
|
||||
<div id="card_content">
|
||||
<h3>Arquitectura Contemporánea: Factores Geométricos, Estructura y Diseño Sustentable</h3>
|
||||
|
||||
<div id="content_schedules">
|
||||
<p>Inicio: 21 de septiembre de 2024</p>
|
||||
<p>Horario: viernes de 18:00 a 21:00 horas y se deberá cubrir 5 horas de trabajo en plataforma moodle (CETED).</p>
|
||||
</div>
|
||||
|
||||
<div id="card_btn">
|
||||
<a href="">Ver más</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="courses" data-aos="zoom-out-down">
|
||||
<div class="container-lg" id="courses_content">
|
||||
<h2>EDUCACION CONTINUA - <span>CURSOS</span></h2>
|
||||
<div class="row flex-row" id="courses_column">
|
||||
<div class="col-md-6 col-12" id="courses_card">
|
||||
<div id="card_img">
|
||||
<img src="./assets/img/especializaciones-1.jpg" alt="">
|
||||
</div>
|
||||
|
||||
<div id="card_content">
|
||||
<h3>Curso Intensivo de inglés básico PG1,PG2,PG3, PG4, PG5, PG6</h3>
|
||||
|
||||
<div id="content_schedules">
|
||||
<p>Inicio: 20 de septiembre de 2024</p>
|
||||
<p>Horario: viernes de 17:00 a 20:00 horas y sábados de 9:00 a 14:00 horas</p>
|
||||
</div>
|
||||
|
||||
<div id="card_btn">
|
||||
<a href="">Ver más</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col" id="courses_card">
|
||||
<div id="card_img">
|
||||
<img src="./assets/img/banner-licenciaturas.jpg" alt="">
|
||||
</div>
|
||||
|
||||
<div id="card_content">
|
||||
<h3>El Rol de Consultor: la Comunicación Política como Campo Disciplinario y Actividad Profesional</h3>
|
||||
|
||||
<div id="content_schedules">
|
||||
<p>Inicio: 21 de septiembre de 2024</p>
|
||||
<p>Horario: viernes de 18:00 a 21:00 horas y se deberá cubrir 5 horas de trabajo en plataforma moodle (CETED).</p>
|
||||
</div>
|
||||
|
||||
<div id="card_btn">
|
||||
<a href="">Ver más</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!---End section-->
|
||||
<!-- ======= Footer ======= -->
|
||||
<footer id="footer">
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
|
||||
<div class="col-lg-4 col-md-6 footer-newsletter">
|
||||
<h4>Redes Sociales</h4>
|
||||
Siguenos en:
|
||||
<div class="social-links mt-3">
|
||||
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
|
||||
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
|
||||
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
|
||||
<a href="#" class="google-plus"><i class='bx bxl-youtube' ></i></a>
|
||||
</div>
|
||||
|
||||
<img src="../assets/img/escudos/unam-nacion-blanco.png" style="width: 150px;; margin: 15px auto;">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-6 footer-links">
|
||||
<h4>Sitios de Interes</h4>
|
||||
<ul>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-1</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-2</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-3</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-4</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-5</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-6</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-6 footer-links">
|
||||
<h4>Conoce más</h4>
|
||||
<ul>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-1</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-2</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-3</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-4</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="footer-info">
|
||||
<h3>FES <span>Acatlán</span></h3>
|
||||
<p>
|
||||
Hecho en México, todos los derechos reservados 2021.
|
||||
<br><br> Esta página puede ser reproducida con fines no lucrativos, siempre y cuando no se mutile, se cite la fuente completa y su dirección electrónica. De otra forma, requiere permiso previo por escrito de la institución.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer><!-- End Footer -->
|
||||
|
||||
<a href="#" class="back-to-top"><i class="icofont-swoosh-up"></i></a>
|
||||
|
||||
<!-- Ext JS -->
|
||||
<script src="../assets/Ext/jquery/jquery.min.js"></script>
|
||||
<script src="../assets/Ext/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<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>
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,292 @@
|
||||
#idioma {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
|
||||
url("../../../assets/img/bg/alt-2.jpg") top center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#idioma:before {
|
||||
content: "";
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#idioma .container {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#idioma h1 {
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
line-height: 40px;
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#idioma h1 span {
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#idioma h2 {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
/* background-color: rgba(30, 60, 112, 0.8); */
|
||||
margin: 10px 0 0 0;
|
||||
font-size: 22px;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
#idioma h2 span {
|
||||
color: #ffc451;
|
||||
}
|
||||
|
||||
#idioma .icon-box {
|
||||
/*padding: ;*/
|
||||
transition: ease-in-out 0.3s;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
text-align: center;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
#idioma .icon-box i {
|
||||
font-size: 32px;
|
||||
line-height: 1;
|
||||
color: #ffc451;
|
||||
}
|
||||
|
||||
#idioma .icon-box h3 {
|
||||
font-weight: 700;
|
||||
margin-top: auto;
|
||||
padding: 0;
|
||||
line-height: 1;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
background-color: rgba(187, 136, 0, 0.8);
|
||||
}
|
||||
|
||||
#idioma .icon-box h3 a {
|
||||
color: #fff;
|
||||
transition: ease-in-out 0.3s;
|
||||
}
|
||||
|
||||
#idioma .icon-box h3 a:hover {
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#idioma .icon-box:hover {
|
||||
border-color: #1e3c70;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
#idiomas {
|
||||
background-attachment: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#idiomas {
|
||||
height: 80vh;
|
||||
}
|
||||
|
||||
#idiomas h1 {
|
||||
font-size: 28px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
#idiomas h2 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
#idiomas .navbar-toggler {
|
||||
font-size: 13px;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
#idioma .text-container {
|
||||
padding: 3rem;
|
||||
}
|
||||
|
||||
#idioma .transparent-cart {
|
||||
padding: 1.7rem;
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
border-radius: 5px;
|
||||
height: 100%;
|
||||
backdrop-filter: blur(3px);
|
||||
-webkit-backdrop-filter: blur(3px);
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#idioma .transparent-cart::before {
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
border-left: 2px solid #1e3c70;
|
||||
border-top: 2px solid #1e3c70;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#idioma .transparent-cart::after {
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
border-right: 2px solid #1e3c70;
|
||||
border-bottom: 2px solid #1e3c70;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#idioma .cta-btn {
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
padding: 4px 18px;
|
||||
display: inline-flex;
|
||||
border-radius: 18px;
|
||||
transition: 0.2s;
|
||||
margin-top: 10px;
|
||||
border: 2px solid #bb8800;
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#Centro ul li a {
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
#idioma .cta-btn:hover {
|
||||
background: #1e3c70;
|
||||
border-color: #1e3c70;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#myTab .active {
|
||||
color: #bb8800;
|
||||
border-bottom: 1px solid #bb8800;
|
||||
}
|
||||
|
||||
#Contacto .table th {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
#Contacto .table tr td {
|
||||
color: #1e3c70;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#Contacto .container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#Contacto .contenedor {
|
||||
padding: 10px;
|
||||
overflow-x: scroll !important;
|
||||
height: fit-content;
|
||||
flex-wrap: nowrap !important;
|
||||
}
|
||||
|
||||
#Contacto ul li {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#Contacto ul li a {
|
||||
text-decoration: none;
|
||||
padding: 5px;
|
||||
/* border: 1px solid #000; */
|
||||
width: auto;
|
||||
padding: 10px !important;
|
||||
color: #bb8800;
|
||||
}
|
||||
|
||||
#tab-Contacto .active {
|
||||
color: #1e3c70;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
#Contacto div .contendor {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
#Contacto .normal1 .nav-link {
|
||||
border: 0;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#Contacto .normal .nav-link.active {
|
||||
color: #fff;
|
||||
background: #048ad6;
|
||||
}
|
||||
|
||||
#Contacto .normal1 {
|
||||
display: ;
|
||||
height: 70px;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.line ::before {
|
||||
content: "";
|
||||
background-color: #bb8800;
|
||||
display: inline-block;
|
||||
width: 3px;
|
||||
height: 100%;
|
||||
left: -1rem;
|
||||
position: absolute;
|
||||
padding-top: 1rem;
|
||||
z-index: 400;
|
||||
}
|
||||
|
||||
.line ::after {
|
||||
content: "";
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -19px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
z-index: 999;
|
||||
border: 1px solid #1e3c70;
|
||||
}
|
||||
|
||||
.pr {
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.pr p {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
#Centro .pr p {
|
||||
text-align: justify;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
#idioma .pr h3 i {
|
||||
font-size: 28px;
|
||||
vertical-align: middle;
|
||||
margin-right: 8px;
|
||||
}
|
||||
+777
-167
@@ -1,189 +1,799 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<title>FES Acatlán</title>
|
||||
<meta content="" name="descriptison" />
|
||||
<meta content="" name="keywords" />
|
||||
|
||||
<title>FES Acatlán</title>
|
||||
<meta content="" name="descriptison">
|
||||
<meta content="" name="keywords">
|
||||
<!-- Favicons -->
|
||||
<link href="../assets/img/icon/icon.png" rel="icon" />
|
||||
<link href="../assets/img/icon/icon.png" rel="apple-touch-icon" />
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="../assets/img/icon/icon.png" rel="icon">
|
||||
<link href="../assets/img/icon/icon.png" rel="apple-touch-icon">
|
||||
<!-- Ext CSS -->
|
||||
<link
|
||||
href="../assets/Ext/bootstrap/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link href="../assets/Ext/icofont/icofont.min.css" rel="stylesheet" />
|
||||
<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="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
|
||||
/>
|
||||
|
||||
<!-- Main CSS -->
|
||||
<link href="../assets/css/main.css" rel="stylesheet" />
|
||||
|
||||
<!-- Ext CSS -->
|
||||
<link href="../assets/Ext/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="../assets/Ext/icofont/icofont.min.css" rel="stylesheet">
|
||||
<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="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
|
||||
/>
|
||||
<link rel="stylesheet" href="assets/css/idiomas.css" />
|
||||
</head>
|
||||
|
||||
<!-- Main CSS -->
|
||||
<link href="../assets/css/main.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ======= Header ======= -->
|
||||
<!--<header id="header" class="fixed-top ">-->
|
||||
<header id="header">
|
||||
<div class="container d-flex align-items-center justify-content-between">
|
||||
<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>
|
||||
|
||||
|
||||
<nav class="nav-menu d-none d-lg-block">
|
||||
<ul>
|
||||
<li><a href="#">Normatividad</a></li>
|
||||
<li><a href="#">Tienda Acatlán</a></li>
|
||||
</ul>
|
||||
</nav><!-- .nav-menu -->
|
||||
|
||||
</div>
|
||||
<div class="container ">
|
||||
<nav class="nav-menu-2 d-none d-lg-block">
|
||||
<ul>
|
||||
<li><a href="#">Inicio</a></li>
|
||||
<li><a href="#">Licenciaturas</a></li>
|
||||
<li><a href="#">Posgrados</a></li>
|
||||
<li><a href="#">Investigación</a></li>
|
||||
<li><a href="#">Cursos y Diplomados</a></li>
|
||||
<li><a href="#">Otros</a></li>
|
||||
</ul>
|
||||
</nav><!-- .nav-menu -->
|
||||
</div>
|
||||
</header><!-- End Header -->
|
||||
|
||||
<!-- ======= Hero Section ======= -->
|
||||
<section id="hero" class="d-flex align-items-center justify-content-center">
|
||||
<div class="container" data-aos="fade-up">
|
||||
|
||||
<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>
|
||||
<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>
|
||||
<nav class="nav-menu d-none d-lg-block">
|
||||
<ul>
|
||||
<li><a href="#">Normatividad</a></li>
|
||||
<li><a href="#">Tienda Acatlán</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- .nav-menu -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section><!-- End Hero -->
|
||||
|
||||
<main id="main">
|
||||
|
||||
|
||||
</main><!-- End #main -->
|
||||
|
||||
<!-- ======= Footer ======= -->
|
||||
<footer id="footer">
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
|
||||
<div class="col-lg-4 col-md-6 footer-newsletter">
|
||||
<h4>Redes Sociales</h4>
|
||||
Siguenos en:
|
||||
<div class="social-links mt-3">
|
||||
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
|
||||
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
|
||||
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
|
||||
<a href="#" class="google-plus"><i class='bx bxl-youtube' ></i></a>
|
||||
<nav class="nav-menu-2 d-none d-lg-block">
|
||||
<ul>
|
||||
<li><a href="#">Inicio</a></li>
|
||||
<li><a href="#">Licenciaturas</a></li>
|
||||
<li><a href="#">Posgrados</a></li>
|
||||
<li><a href="#">Investigación</a></li>
|
||||
<li><a href="#">Cursos y Diplomados</a></li>
|
||||
<li><a href="#">Otros</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- .nav-menu -->
|
||||
</div>
|
||||
</header>
|
||||
<!-- End Header -->
|
||||
|
||||
|
||||
<main id="main">
|
||||
<!-- ======= Idioma Section ======= -->
|
||||
<section
|
||||
id="idioma"
|
||||
class="d-flex align-items-center justify-content-center"
|
||||
>
|
||||
<div class="container" data-aos="fade-up">
|
||||
<div
|
||||
class="row justify-content-between"
|
||||
data-aos="fade-up"
|
||||
data-aos-delay="150"
|
||||
>
|
||||
<div class="col-lg-6 col-sm-12 pr">
|
||||
<h1 class="" style="text-align: justify; color: white">
|
||||
Idiomas Acatlán
|
||||
</h1>
|
||||
<h2 style="text-align: justify">
|
||||
<span>Cursos Regulares y Cursos Sabatinos</span>
|
||||
</h2>
|
||||
<h3
|
||||
class="text-white d-flex aling-items-center gap_1 pt-3"
|
||||
style="color: rgba(255, 255, 255); text-align: justify"
|
||||
>
|
||||
<i class="bx bx-book-reader bx-flip-horizontal"></i>
|
||||
Objetivo
|
||||
</h3>
|
||||
<div class="line ms-3">
|
||||
<p
|
||||
style="
|
||||
color: rgba(255, 255, 255);
|
||||
text-align: justify;
|
||||
font-size: medium;
|
||||
"
|
||||
>
|
||||
El centro de enseñanzas de idiomas (CEI) de la FES Acatlán
|
||||
tiene como obejtivo contribuir a la formación integral de la
|
||||
comunidad interna y externa de la Facultad a través de la
|
||||
enseñanza de idiomas. En esta labor, se incorporan actividades
|
||||
culturales en la lengua meta; en ella los alumnos practican el
|
||||
idioma y conocen la cultura de estos pueblos mientras
|
||||
disfrutan de las expresiones artisticas como danza, música,
|
||||
literatura, teatro, cine y muestras gastronómicas.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 justify-content-center">
|
||||
<div class="transparent-cart">
|
||||
<h5 style="color: #1e3c70; text-align: left">
|
||||
<i class="bx bx-world"></i>
|
||||
Convocatoria
|
||||
</h5>
|
||||
<div class="border-top">
|
||||
<h6 style="color: rgb(255, 255, 255); text-align: justify">
|
||||
<i class="bx bxs-time-five" style="color: #ffc115"></i>
|
||||
INSCRIPCIONES Y REINSCRIPCIONES CURSOS SABATINOS
|
||||
</h6>
|
||||
<p class="m-0" style="color: #ffc115; text-align: justify">
|
||||
Lorem ipsum dolor sit amet, consectetur adipinscing elit.
|
||||
</p>
|
||||
<p style="text-align: right">
|
||||
<a class="cta-btn" href="#">Ver más</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="border-top">
|
||||
<h6 style="color: rgb(255, 255, 255); text-align: justify">
|
||||
<i class="bx bxs-time-five" style="color: #ffc115"></i>
|
||||
Ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis auteirure dolor in reprehenderit in voluptate
|
||||
</h6>
|
||||
<p
|
||||
class=""
|
||||
style="
|
||||
color: #ffc115;
|
||||
font-size: medium;
|
||||
text-align: justify;
|
||||
"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipinscing elit.
|
||||
</p>
|
||||
<p style="text-align: right">
|
||||
<a class="cta-btn" href="#">Ver más</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img src="../assets/img/escudos/unam-nacion-blanco.png" style="width: 150px;; margin: 15px auto;">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-6 footer-links">
|
||||
<h4>Sitios de Interes</h4>
|
||||
<ul>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-1</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-2</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-3</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-4</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-5</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-6</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-6 footer-links">
|
||||
<h4>Conoce más</h4>
|
||||
<ul>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-1</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-2</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-3</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-4</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="footer-info">
|
||||
<h3>FES <span>Acatlán</span></h3>
|
||||
<p>
|
||||
Hecho en México, todos los derechos reservados 2021.
|
||||
<br><br> Esta página puede ser reproducida con fines no lucrativos, siempre y cuando no se mutile, se cite la fuente completa y su dirección electrónica. De otra forma, requiere permiso previo por escrito de la institución.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- =========== Fin Idioma =========== -->
|
||||
|
||||
|
||||
<!-- =========== Centro Section =========== -->
|
||||
<section
|
||||
id="Centro"
|
||||
class="d-flex align-items-center justify-content-center"
|
||||
>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-5 col-sm-12 line pr ms-4">
|
||||
<h5 style="color: #bb8800; font-weight: 700">
|
||||
<i class="bx bx-world" style="color: #111110"></i>
|
||||
Centro de Enseñanzas de Idiomas
|
||||
</h5>
|
||||
<h6 style="color: #1e3c70; font-weight: 600">
|
||||
Correo de Contacto
|
||||
</h6>
|
||||
<h6 style="color: #1e3c70; font-weight: 600">
|
||||
Secretaria Auxiliar:
|
||||
</h6>
|
||||
<h6 style="color: #1e3c70; font-weight: 600">Registro CEI:</h6>
|
||||
<p style="color: #1e3c70">
|
||||
El CEI lleva acabo estudios e investigaciones en la enseñanza de
|
||||
lenguas, para ello cuenta con el Seminario de Lingüistica
|
||||
Teórica y Aplicada (SELITA) formado por los docentes de los
|
||||
diversos departamentos. <br />
|
||||
Además, para apoyar la movilidad estudiantil, el CEI es sede
|
||||
aplicadora de exámenes de certificación internacional, entre
|
||||
ellos: el OSD de alemán, el CAPLE de portugués, el DELF de
|
||||
francés , el CILS de italiano y el TOELF, el FCE, el CAE, el
|
||||
TOYEC y el IELTS en inglés.
|
||||
</p>
|
||||
<h6 style="color: #1e3c70; font-weight: 600">Modalidades:</h6>
|
||||
<h6 style="color: #1e3c70; font-weight: 500">
|
||||
Comprensión de lectura (CL):
|
||||
</h6>
|
||||
<p style="color: #1e3c70">
|
||||
Si necesitas cumplir con el requisito de idioma que pide tu
|
||||
carrera, esta opción es para ti. Los cursos se enfocan al
|
||||
desarrollo de estrategias y comprensión de textos. consulta tus
|
||||
requisitos de idioma en tu licencitura.
|
||||
</p>
|
||||
<h6 style="color: #1e3c70; font-weight: 500">
|
||||
Plan Global (PG):
|
||||
</h6>
|
||||
<p style="color: #1e3c70">
|
||||
Si te interesa aprender las cutro habilidades básicas de un
|
||||
idioma: hablar, escribir, escuchar y leer, esta modalidad es tu
|
||||
opción.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 ps-4">
|
||||
<p style="color: #1e3c70">
|
||||
El CEI ofrece cursos regulares (entre semana) y sabatinos, en
|
||||
ellos puedes estudiar las siguientes lenguas:
|
||||
</p>
|
||||
<!-- nav de cursos -->
|
||||
<ul
|
||||
class="nav tabs justify-content-center"
|
||||
id="myTab"
|
||||
role="tablist"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
class="nav-link active"
|
||||
id="home-tab"
|
||||
data-toggle="tab"
|
||||
href="#home"
|
||||
role="tab"
|
||||
aria-controls="home"
|
||||
aria-selected="true"
|
||||
>
|
||||
Cursos Regulares
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
class="nav-link"
|
||||
id="profile-tab"
|
||||
data-toggle="tab"
|
||||
href="#profile"
|
||||
role="tab"
|
||||
aria-controls="profile"
|
||||
aria-selected="false"
|
||||
>
|
||||
Sabatinos
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- Fin del nav de cursos -->
|
||||
|
||||
<!-- Inicio de los tabs para cursos -->
|
||||
<div class="tab-content mt-2" id="myTabContent">
|
||||
<div
|
||||
class="tab-pane fade show active"
|
||||
id="home"
|
||||
role="tabpanel"
|
||||
aria-labelledby="home-tab"
|
||||
>
|
||||
<p style="color: black">
|
||||
<b>
|
||||
alemán, árabe, chino, español para extranjeros, francés,
|
||||
griego clásico, Hñähñu (otomí), inglés, italiano, japonés,
|
||||
latín, náhuatl, portugués, ruso.
|
||||
</b>
|
||||
</p>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Se abren dos convocatorias al año cercanas a las siguientes
|
||||
fechas:
|
||||
</p>
|
||||
<ul>
|
||||
<li style="color: black">
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
<b>Cursos de febrero:</b> se publica a mediados del mes
|
||||
de enero.
|
||||
</p>
|
||||
</li>
|
||||
<li style="color: black">
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
<b>Cursos de agosto:</b> se publica a finales del mes de
|
||||
junio.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Se imparten cursos de Plan Global, Comprensión Lectora y
|
||||
algunos cursos de cultura y aspectos de la Lengua.
|
||||
<br />
|
||||
<br />
|
||||
Generalmente se imparten cuatro horas de clase a la semana,
|
||||
dividida en dos días; o bien, el día viernes cuatro horas
|
||||
(PG) o seis horas (CL).
|
||||
<br />
|
||||
<br />
|
||||
<b>
|
||||
Para mayor información, revisa la convocatoria en la
|
||||
sección Isncripción Cursos Regulares.
|
||||
</b>
|
||||
</p>
|
||||
</div>
|
||||
<!-- Fin del primer tab para cursos -->
|
||||
|
||||
<!-- Inicio del segundo tab para cursos -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="profile"
|
||||
role="tabpanel"
|
||||
aria-labelledby="profile-tab"
|
||||
>
|
||||
<p style="color: black">
|
||||
<b>
|
||||
alemán, chino, coreano, finés, francés, inglés, italiano,
|
||||
japonés, latín, portugués y ruso.
|
||||
</b>
|
||||
</p>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Se abren tres convocatorias al año cercanas a las siguientes
|
||||
fechas:
|
||||
</p>
|
||||
<ul>
|
||||
<li style="color: black">
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
<b>Cursos en enero:</b> se publica a finales del mes de
|
||||
noviembre.
|
||||
</p>
|
||||
</li>
|
||||
<li style="color: black">
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
<b>Cursos en abril:</b> se publica a mediados del mes de
|
||||
marzo.
|
||||
</p>
|
||||
</li>
|
||||
<li style="color: black">
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
<b>Cursos en agosto:</b> se publica a finales del mes de
|
||||
junio.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<br />
|
||||
<p style="color: rgb(43, 42, 42)">Generalmente son:</p>
|
||||
<ul style="color: black">
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Cursos de 12 sábados:
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Matutinos de 9:00 a 13:00 horas.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Vespertinos de 14:00 a 18:00 horas.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
CL intensivo: 9:00 a 16:00 hrs.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul style="color: black">
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Cursos de 11 sábados:
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Matutinos de 9:00 a 13:30 horas.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
Vespertinos de 14:00 a 18:30 horas.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
CL intensivo: 9:00 a 16:30 hrs.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p style="color: rgb(43, 42, 42)">
|
||||
<b>
|
||||
Para mayor información, revisa la convocatoria en la
|
||||
sección Isncripción Cursos Sabatinos.
|
||||
</b>
|
||||
</p>
|
||||
</div>
|
||||
<!-- Fin del segundo tab para cursos -->
|
||||
</div>
|
||||
<!-- Fin de los tabs para cursos -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ========== Section Contacto ========== -->
|
||||
<secion
|
||||
id="Contacto"
|
||||
class="d-flex align-items-center justify-content-center"
|
||||
>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
<ul
|
||||
id="tab-Contacto"
|
||||
class="nav nav-tabs flex-column normal1"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
class="nav-link active"
|
||||
id="home2-tab"
|
||||
data-toggle="tab"
|
||||
href="#home2"
|
||||
role="tab"
|
||||
aria-controls="home2"
|
||||
aria-selected="true"
|
||||
>
|
||||
Contacto
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
class="nav-link"
|
||||
id="profile2-tab"
|
||||
data-toggle="tab"
|
||||
href="#profile2"
|
||||
role="tab"
|
||||
aria-controls="profile2"
|
||||
aria-selected="false"
|
||||
>
|
||||
Nuestros Idiomas
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
class="nav-link"
|
||||
id="profile3-tab"
|
||||
data-toggle="tab"
|
||||
href="#profile3"
|
||||
role="tab"
|
||||
aria-controls="profile3"
|
||||
aria-selected="false"
|
||||
>
|
||||
Cuotas
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
class="nav-link"
|
||||
id="profile4-tab"
|
||||
data-toggle="tab"
|
||||
href="#profile4"
|
||||
role="tab"
|
||||
aria-controls="profile4"
|
||||
aria-selected="false"
|
||||
>
|
||||
Excención y Cuota Preferenciales
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
class="nav-link"
|
||||
id="profile5-tab"
|
||||
data-toggle="tab"
|
||||
href="#profile5"
|
||||
role="tab"
|
||||
aria-controls="profile5"
|
||||
aria-selected="false"
|
||||
>
|
||||
Trámites
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
class="nav-link"
|
||||
id="profile6-tab"
|
||||
data-toggle="tab"
|
||||
href="#profile6"
|
||||
role="tab"
|
||||
aria-controls="profile6"
|
||||
aria-selected="false"
|
||||
>
|
||||
Exámen de Requisito
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
class="nav-link"
|
||||
id="profile7-tab"
|
||||
data-toggle="tab"
|
||||
href="#profile7"
|
||||
role="tab"
|
||||
aria-controls="profile7"
|
||||
aria-selected="false"
|
||||
>
|
||||
Traducciones
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-9">
|
||||
<!-- Inicio de los tabs -->
|
||||
<div class="tab-content mt-2" id="myTabContent">
|
||||
<!-- Inicio del primer tab -->
|
||||
<div
|
||||
class="tab-pane fade show active"
|
||||
id="home2"
|
||||
role="tabpanel"
|
||||
aria-labelledby="home2-tab"
|
||||
>
|
||||
<div class="border-bottom">
|
||||
<h3 style="color: #1e3c70">Contacto</h3>
|
||||
</div>
|
||||
<p style="color: #1e3c70">
|
||||
En caso de duadas o más información relacionados con tu
|
||||
idioma, contacta con con el área de tu interés:
|
||||
</p>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Área</th>
|
||||
<th scope="col">Contacto</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="table-group-divider">
|
||||
<tr>
|
||||
<td>Alemán y Ruso</td>
|
||||
<td>aleman@acatlan.unam.mx</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Árabe, Chino, Coreano y Japonés</td>
|
||||
<td>espanol@acatlan.unam.mx</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Francés</td>
|
||||
<td>
|
||||
frances@acatlan.unam.mx
|
||||
<br />
|
||||
WhatsApp: 5540936804
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Inglés</td>
|
||||
<td>
|
||||
ingles@acatlan.unam.mx
|
||||
<br />
|
||||
deptoingles@acatlan.unam.mx
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Italiano y Latín</td>
|
||||
<td>
|
||||
italiano@acatlan.unam.mx
|
||||
<br />
|
||||
WhatsApp: 5549266745
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Finés y Portugués</td>
|
||||
<td>portugues@acatlan.unam.mx</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
Registro y Certificación del
|
||||
<br />
|
||||
Centro de Enseñanzas de Idiomas
|
||||
</td>
|
||||
<td>registro@acatlan.unam.mx</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- Fin del primer tab -->
|
||||
|
||||
<!-- Inicio del segundo tab -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="profile2"
|
||||
role="tabpanel"
|
||||
aria-labelledby="profile2-tab"
|
||||
>
|
||||
<p>Contenido del segundo tab</p>
|
||||
</div>
|
||||
<!-- Fin del segundo tab -->
|
||||
|
||||
<!-- Inicio de tercer tab -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="profile3"
|
||||
role="tabpanel"
|
||||
aria-labelledby="profile3-tab"
|
||||
>
|
||||
<p>Contenido del tercer tab</p>
|
||||
</div>
|
||||
<!-- Fin del tercer tab -->
|
||||
|
||||
<!-- Inicio del cuarto tab -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="profile4"
|
||||
role="tabpanel"
|
||||
aria-labelledby="profile4-tab"
|
||||
>
|
||||
<p>Contenido del segundo tab</p>
|
||||
</div>
|
||||
<!-- Fin del cuarto tab -->
|
||||
|
||||
<!-- Inicio de quinto tab -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="profile5"
|
||||
role="tabpanel"
|
||||
aria-labelledby="profile5-tab"
|
||||
>
|
||||
<p>Contenido del tercer tab</p>
|
||||
</div>
|
||||
<!-- Fin del quinto tab -->
|
||||
|
||||
<!-- Inicio del sexto tab -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="profile6"
|
||||
role="tabpanel"
|
||||
aria-labelledby="profile6-tab"
|
||||
>
|
||||
<p>Contenido del segundo tab</p>
|
||||
</div>
|
||||
<!-- Fin del sexto tab -->
|
||||
|
||||
<!-- Inicio de septimo tab -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="profile7"
|
||||
role="tabpanel"
|
||||
aria-labelledby="profile7-tab"
|
||||
>
|
||||
<p>Contenido del tercer tab</p>
|
||||
</div>
|
||||
<!-- Fin del septimo tab -->
|
||||
</div>
|
||||
<!-- Fin de los tabs -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</secion>
|
||||
<!-- ========== Fin Contacto ========== -->
|
||||
</main>
|
||||
<!-- End #main -->
|
||||
|
||||
<!-- ======= Footer ======= -->
|
||||
<footer id="footer">
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6 footer-newsletter">
|
||||
<h4>Redes Sociales</h4>
|
||||
Siguenos en:
|
||||
<div class="social-links mt-3">
|
||||
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
|
||||
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
|
||||
<a href="#" class="instagram"
|
||||
><i class="bx bxl-instagram"></i
|
||||
></a>
|
||||
<a href="#" class="google-plus"
|
||||
><i class="bx bxl-youtube"></i
|
||||
></a>
|
||||
</div>
|
||||
|
||||
<img
|
||||
src="../assets/img/escudos/unam-nacion-blanco.png"
|
||||
style="width: 150px; margin: 15px auto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-6 footer-links">
|
||||
<h4>Sitios de Interes</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-1</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-2</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-3</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-4</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-5</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-6</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-6 footer-links">
|
||||
<h4>Conoce más</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-1</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-2</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-3</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="bx bx-chevron-right"></i> <a href="#">Link-4</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="footer-info">
|
||||
<h3>FES <span>Acatlán</span></h3>
|
||||
<p>
|
||||
Hecho en México, todos los derechos reservados 2021.
|
||||
<br /><br />
|
||||
Esta página puede ser reproducida con fines no lucrativos,
|
||||
siempre y cuando no se mutile, se cite la fuente completa y su
|
||||
dirección electrónica. De otra forma, requiere permiso previo
|
||||
por escrito de la institución.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- End Footer -->
|
||||
|
||||
<a href="#" class="back-to-top"><i class="icofont-swoosh-up"></i></a>
|
||||
|
||||
<!-- Ext JS -->
|
||||
<script src="../assets/Ext/jquery/jquery.min.js"></script>
|
||||
<script src="../assets/Ext/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<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>
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!-- <section class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-6"></div>
|
||||
<div class="col-12 col-lg-6">
|
||||
<ul class="nav tabs" id="myTab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home"
|
||||
aria-selected="true">Cursos Regulares</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile"
|
||||
aria-selected="false">Sabatinos</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content mt-2" id="myTabContent">
|
||||
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
|
||||
<h4>Contenido de Tab 1</h4>
|
||||
<p>Este es el contenido que aparece cuando seleccionas la primera pestaña.</p>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
|
||||
<h4>Contenido de Tab 2</h4>
|
||||
<p>Este es el contenido que aparece cuando seleccionas la segunda pestaña.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer><!-- End Footer -->
|
||||
|
||||
<a href="#" class="back-to-top"><i class="icofont-swoosh-up"></i></a>
|
||||
|
||||
<!-- Ext JS -->
|
||||
<script src="../assets/Ext/jquery/jquery.min.js"></script>
|
||||
<script src="../assets/Ext/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<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>
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</div>
|
||||
</section> -->
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
@@ -1,22 +0,0 @@
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const parentDivs = document.querySelectorAll('#parentDiv > div');
|
||||
const infoDivs = document.querySelectorAll('#infoDiv > div');
|
||||
|
||||
function setActiveDiv(index) {
|
||||
parentDivs.forEach(div => div.classList.remove('active'));
|
||||
infoDivs.forEach(div => div.classList.remove('active'));
|
||||
|
||||
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));
|
||||
});
|
||||
|
||||
setActiveDiv(0);
|
||||
});
|
||||
+28
-195
@@ -20,14 +20,13 @@
|
||||
<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/posgrados.css" rel="stylesheet">
|
||||
<link href="../assets/css/main.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
@@ -69,211 +68,46 @@
|
||||
</header><!-- End Header -->
|
||||
|
||||
<!-- ======= Hero Section ======= -->
|
||||
<section id="hero">
|
||||
<div class="container-lg" id="hero_container">
|
||||
<div class="row flex-row" id="information">
|
||||
<section id="hero" class="d-flex align-items-center justify-content-center">
|
||||
<div class="container" data-aos="fade-up">
|
||||
|
||||
<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='bx bx-book-reader bx-flip-horizontal bx-md'></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>
|
||||
<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 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>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section><!-- End Hero -->
|
||||
|
||||
<main id="main">
|
||||
<div class="container-md" id="main_container">
|
||||
<div class="row flex-row" id="main_information">
|
||||
<div class="col-lg-6 col-12" id="main_information_box1" data-aos="fade-up"
|
||||
data-aos-duration="2000">
|
||||
|
||||
<h2><i class='bx bx-book-reader bx-flip-horizontal bx-md'></i> <span>Dirigido a:</span> </h2>
|
||||
|
||||
<div id="main_box-line1">
|
||||
<p>Profesionales ya titulados con formación en torno a la imágen estática o en movimiento, las artes y artes visuales así como disciplinas afines con la educación y desarrollos plásticos en tercera dimensión</p>
|
||||
</div>
|
||||
|
||||
<div id="main_box-line1">
|
||||
|
||||
<p>El plan de estudios de doctorado busca cubrir los requerimientos que plantea un nuevo entorno cultural en donde la participación de los productores de imágenes visuales es cada vez más importantes. En este sentido, el plan de estudios tiende a una reverberación de la actividad del artista visual, el diseñador, el comunicador visual, el docente en artes y diseño, y el documentalista cinematográfico, manteniendo un equilibrio entre las artes, las humanidades y las cientas. Así mismo, pretende que el egresado del doctorado, a través de sus manifestaciones plásticas(producción) ofrezca el material para que otras disciplinas como la historia del arte, la filosofía, ciencias políticas, estudios latinoamericanos, continúen desarrollando investigaciones teóricas sobre lenguajes y el hecho artístico realizado en un momento determinado</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col" id="main_information_box2" data-aos="fade-up"
|
||||
data-aos-duration="2000">
|
||||
|
||||
<h2><i class='bx bx-book-reader bx-flip-horizontal bx-md'></i> <span>Campo laboral</span></h2>
|
||||
<div id="main_box-line2">
|
||||
<ul>
|
||||
<li>
|
||||
<i class="bi bi-chevron-right"></i> El ejercicio profesional, individual y grupal y su representación en espacios de exhibición públicos o privados
|
||||
</li>
|
||||
<li>
|
||||
<i class="bi bi-chevron-right"></i> La participación en centros de Investigación y producción artística, con financiamiento público o privado
|
||||
</li>
|
||||
<li>
|
||||
<i class="bi bi-chevron-right"></i> La realización de actividades docentes en el campo de las artes, el diseño y la comunicación visual, la docencia en artes y diseño, y el cine documental en centros educativos, públicos y privados
|
||||
</li>
|
||||
<li>
|
||||
<i class="bi bi-chevron-right"></i> La presentación de servicios especializados de asesoría, consultoría y gestión en los campos de conocimientos del programa
|
||||
</li>
|
||||
<li>
|
||||
<i class="bi bi-chevron-right"></i> La colaboración en publicaciones especializadas en el ámbito de la investigación en los campos de conocimiento del programa
|
||||
</li>
|
||||
<li>
|
||||
<i class="bi bi-chevron-right"></i> El intercambio de información en los campos de conocimiento del Programa, en foros y modalidades afines en el país y en el extranjero
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</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-->
|
||||
|
||||
|
||||
|
||||
<!-- ======= Footer ======= -->
|
||||
<footer id="footer">
|
||||
<div class="footer-top">
|
||||
@@ -346,7 +180,6 @@
|
||||
<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>
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
|
||||
@@ -0,0 +1,485 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
|
||||
<title>FES Acatlán</title>
|
||||
<meta content="" name="descriptison">
|
||||
<meta content="" name="keywords">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="assets/img/icon/icon.png" rel="icon">
|
||||
<link href="assets/img/icon/icon.png" rel="apple-touch-icon">
|
||||
|
||||
|
||||
<!-- Ext CSS -->
|
||||
<link href="assets/Ext/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="assets/Ext/icofont/icofont.min.css" rel="stylesheet">
|
||||
<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">
|
||||
|
||||
<!-- Main CSS -->
|
||||
<link href="assets/css/main.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ======= Header ======= -->
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<h1>FES <span>Acatlán</span></h1>
|
||||
|
||||
|
||||
<nav class="nav-menu d-none d-lg-block">
|
||||
<ul>
|
||||
<li><a href="#">Normatividad</a></li>
|
||||
<li><a href="#">Tienda Acatlán</a></li>
|
||||
</ul>
|
||||
</nav><!-- .nav-menu -->
|
||||
|
||||
</div>
|
||||
<div class="container ">
|
||||
<nav class="nav-menu-2 d-none d-lg-block">
|
||||
<ul>
|
||||
<li><a href="#">Inicio</a></li>
|
||||
<li><a href="#">Licenciaturas</a></li>
|
||||
<li><a href="#">Posgrados</a></li>
|
||||
<li><a href="#">Investigación</a></li>
|
||||
<li><a href="#">Cursos y Diplomados</a></li>
|
||||
<li><a href="#">Otros</a></li>
|
||||
</ul>
|
||||
</nav><!-- .nav-menu -->
|
||||
</div>
|
||||
</header><!-- Termina Header -->
|
||||
|
||||
<!-- ======= Hero ======= -->
|
||||
<section id="hero" class="d-flex align-items-center justify-content-center">
|
||||
<div class="container" data-aos="fade-up">
|
||||
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section><!-- Termina Hero -->
|
||||
|
||||
<main id="main">
|
||||
|
||||
<!-- ======= Notices Section ======= -->
|
||||
<section id="notices" class="notices">
|
||||
<div class="container" data-aos="fade-up">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 order-2 order-lg-2 mt-2 mt-lg-0" data-aos="fade-left" data-aos-delay="100">
|
||||
|
||||
<div class="section-title">
|
||||
<h2>Eventos Acatlán</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-6 align-items-stretch mt-4 mt-lg-0 bot-area" data-aos="zoom-in" data-aos-delay="300">
|
||||
<img src="assets/img/menu-areas/galery-idiomas.jpg" class="img-fluid">
|
||||
</div>
|
||||
|
||||
<div class="col-6 align-items-stretch mt-4 mt-lg-0 bot-area" data-aos="zoom-in" data-aos-delay="300">
|
||||
<img src="assets/img/menu-areas/galery-eventos.jpg" class="img-fluid">
|
||||
</div>
|
||||
|
||||
<div class="col-6 align-items-stretch mt-4 mt-lg-0 bot-area" data-aos="zoom-in" data-aos-delay="300">
|
||||
<img src="assets/img/menu-areas/galery-cultura.jpg" class="img-fluid">
|
||||
</div>
|
||||
|
||||
<div class="col-6 align-items-stretch mt-4 mt-lg-0 bot-area" data-aos="zoom-in" data-aos-delay="300">
|
||||
<img src="assets/img/menu-areas/galery-deportes.jpg" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 pt-4 pt-lg-0 order-1 order-lg-1 content" data-aos="fade-right" data-aos-delay="100">
|
||||
<div class="section-title">
|
||||
<h2>Avisos Acatlán</h2>
|
||||
</div>
|
||||
|
||||
<div class="pub-avisos">
|
||||
<p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
|
||||
<span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</i></span>
|
||||
<br>
|
||||
<p style="text-align: right;">
|
||||
<a class="cta-btn" href="#">Ver más</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="pub-avisos">
|
||||
<p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
|
||||
<span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </i></span>
|
||||
<br>
|
||||
<p style="text-align: right;">
|
||||
<a class="cta-btn" href="#">Ver más</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="pub-avisos">
|
||||
<p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
|
||||
<span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </i></span>
|
||||
<br>
|
||||
<p style="text-align: right;">
|
||||
<a class="cta-btn" href="#">Ver más</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="pub-avisos">
|
||||
<p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
|
||||
<span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </i></span>
|
||||
<br>
|
||||
<p style="text-align: right;">
|
||||
<a class="cta-btn" href="#">Ver más</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section><!-- Termina Notices section -->
|
||||
|
||||
|
||||
<!-- ======= Services Section ======= -->
|
||||
<section id="services" class="services">
|
||||
<div class="container" data-aos="fade-up">
|
||||
|
||||
<div class="section-title">
|
||||
<h2>Tramites y Servicios</h2>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
|
||||
<div class="icon-box" style="background-image: url(assets/img/servicios/Talleres-2.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;">
|
||||
<div class="accordion" id="accordion-alumno">
|
||||
<div class="card">
|
||||
<div class="card-header" id="headingOne">
|
||||
<h2 class="mb-0">
|
||||
<button class="btn btn-link btn-block text-left" type="button" data-bs-toggle="collapse" data-bs-target="#serv-alum" aria-expanded="true" aria-controls="collapseExample">
|
||||
Alumnos <i class='bx bx-chevron-down'></i>
|
||||
</button>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div id="serv-alum" class="collapse" aria-labelledby="serv-alum" data-parent="#serv-alum">
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><i class='bx bx-chevrons-right'></i>Servicios Escolares</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Servicio Social</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Bolsa de Trabajo</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Movilidad Estudiantil</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Titulación Licensiatura</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Titulación Posgrado</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>SIAE</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Sitio Educativo Acatlán</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>SUAyED</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Centro de Desarrollo Tecnologico</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Centro de Información y Documentación</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Centro de Enseñanza de Idiomas Babel</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Inscripcion de Laboratorios Ing. Civil</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Departamento de Atención a la Comunidad Estudiantil</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Cartilla de Seguridad</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Academic Writing</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="200">
|
||||
<div class="icon-box" style="background-image: url(assets/img/servicios/evaluacion.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: scroll;">
|
||||
|
||||
<div class="accordion" id="accordion-Academico">
|
||||
<div class="card">
|
||||
<div class="card-header" id="headingOne">
|
||||
<h2 class="mb-0">
|
||||
<button class="btn btn-link btn-block text-left" type="button" data-bs-toggle="collapse" data-bs-target="#serv-Academico" aria-expanded="true" aria-controls="serv-Academico">
|
||||
Académicos <i class='bx bx-chevron-down'></i>
|
||||
</button>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div id="serv-Academico" class="collapse" aria-labelledby="serv-Academico" data-parent="#serv-Academico">
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><i class='bx bx-chevrons-right'></i>Servicios Escolares</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Servicio Social</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Bolsa de Trabajo</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Movilidad Estudiantil</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Titulación Licensiatura</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Titulación Posgrado</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>SIAE</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Sitio Educativo Acatlán</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>SUAyED</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Centro de Desarrollo Tecnologico</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Centro de Información y Documentación</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Centro de Enseñanza de Idiomas Babel</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Inscripcion de Laboratorios Ing. Civil</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Departamento de Atención a la Comunidad Estudiantil</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Cartilla de Seguridad</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Academic Writing</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in" data-aos-delay="300">
|
||||
<div class="icon-box" style="background-image: url(assets/img/servicios/ejmplo1.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: scroll;">
|
||||
|
||||
<div class="accordion" id="accordion-Admin">
|
||||
<div class="card">
|
||||
<div class="card-header" id="headingOne">
|
||||
<h2 class="mb-0">
|
||||
<button class="btn btn-link btn-block text-left" type="button" data-bs-toggle="collapse" data-bs-target="#serv-Admin" aria-expanded="true" aria-controls="serv-Admin">
|
||||
Administrativos <i class='bx bx-chevron-down'></i>
|
||||
</button>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div id="serv-Admin" class="collapse" aria-labelledby="serv-Admin" data-parent="#serv-Admin">
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><i class='bx bx-chevrons-right'></i>Servicios Escolares</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Servicio Social</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Bolsa de Trabajo</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Movilidad Estudiantil</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Titulación Licensiatura</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Titulación Posgrado</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>SIAE</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Sitio Educativo Acatlán</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>SUAyED</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Centro de Desarrollo Tecnologico</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Centro de Información y Documentación</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Centro de Enseñanza de Idiomas Babel</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Inscripcion de Laboratorios Ing. Civil</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Departamento de Atención a la Comunidad Estudiantil</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Cartilla de Seguridad</li>
|
||||
<li><i class='bx bx-chevrons-right'></i>Academic Writing</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section><!-- Termina Services Section -->
|
||||
|
||||
|
||||
<!-- ======= Difusion Section ======= -->
|
||||
<section id="notices" class="notices">
|
||||
<div class="container" data-aos="fade-up">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 order-2 order-lg-2" data-aos="fade-left" data-aos-delay="100">
|
||||
|
||||
<div class="section-title">
|
||||
<h2>Difusión Acatlán</h2>
|
||||
</div>
|
||||
<div class="container" data-aos="zoom-in">
|
||||
<div class="pub-avisos" style="border-top: none;">
|
||||
<p style="text-align: center;">
|
||||
<a class="cta-btn" href="#">Ver Publicaciones</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="owl-carousel difusion-carousel">
|
||||
<div><img src="assets/img/difusion/notifes-1.png" alt=""> <br> <p>NotiFES 01-02-2022</p></div>
|
||||
<div><img src="assets/img/difusion/gaceta-1.jpg" alt=""> <br> <p>Gaceta - Enero</p></div>
|
||||
<div><img src="assets/img/difusion/figuras-1.jpg" alt=""> <br> <p>Figuras Vol. 3</p></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 pt-4 pt-lg-0 order-1 order-lg-1 content" data-aos="fade-right" data-aos-delay="100">
|
||||
<div class="section-title">
|
||||
<h2>Sala de Prensa</h2>
|
||||
</div>
|
||||
|
||||
<div class="pub-avisos">
|
||||
<p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
|
||||
<span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</i></span>
|
||||
<br>
|
||||
<p style="text-align: right;">
|
||||
<a class="cta-btn" href="#">Ver más</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="pub-avisos">
|
||||
<p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
|
||||
<span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </i></span>
|
||||
<br>
|
||||
<p style="text-align: right;">
|
||||
<a class="cta-btn" href="#">Ver más</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="pub-avisos">
|
||||
<p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
|
||||
<span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </i></span>
|
||||
<br>
|
||||
<p style="text-align: right;">
|
||||
<a class="cta-btn" href="#">Ver más</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="pub-avisos">
|
||||
<p><i class='bx bx-time-five'></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate</p>
|
||||
<span><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </i></span>
|
||||
<br>
|
||||
<p style="text-align: right;">
|
||||
<a class="cta-btn" href="#">Ver más</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section><!-- Termina Difusion Section -->
|
||||
|
||||
|
||||
|
||||
<!-- ======= Pages Section ======= -->
|
||||
<section id="pgint" class="pgint">
|
||||
|
||||
<div class="container" data-aos="zoom-in">
|
||||
<div class="section-title">
|
||||
<h2>Páginas de Interes</h2>
|
||||
</div>
|
||||
|
||||
<div class="owl-carousel pagint-carousel">
|
||||
<img src="assets/img/escudos/logo_pagina.png" alt="">
|
||||
<img src="assets/img/escudos/logo_pagina.png" alt="">
|
||||
<img src="assets/img/escudos/logo_pagina.png" alt="">
|
||||
<img src="assets/img/escudos/logo_pagina.png" alt="">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section><!-- Termina pages Section -->
|
||||
|
||||
</main><!-- End #main -->
|
||||
|
||||
<!-- ======= Footer ======= -->
|
||||
<footer id="footer">
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
|
||||
<div class="col-lg-4 col-md-6 footer-newsletter">
|
||||
<h4>Redes Sociales</h4>
|
||||
Siguenos en:
|
||||
<div class="social-links mt-3">
|
||||
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
|
||||
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
|
||||
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
|
||||
<a href="#" class="google-plus"><i class='bx bxl-youtube' ></i></a>
|
||||
</div>
|
||||
|
||||
<img src="assets/img/escudos/unam-nacion-blanco.png" style="width: 150px;; margin: 15px auto;">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-6 footer-links">
|
||||
<h4>Sitios de Interes</h4>
|
||||
<ul>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-1</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-2</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-3</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-4</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-5</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-6</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-6 footer-links">
|
||||
<h4>Conoce más</h4>
|
||||
<ul>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-1</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-2</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-3</a></li>
|
||||
<li><i class="bx bx-chevron-right"></i> <a href="#">Link-4</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="footer-info">
|
||||
<h3>FES <span>Acatlán</span></h3>
|
||||
<p>
|
||||
Hecho en México, todos los derechos reservados 2021.
|
||||
<br><br> Esta página puede ser reproducida con fines no lucrativos, siempre y cuando no se mutile, se cite la fuente completa y su dirección electrónica. De otra forma, requiere permiso previo por escrito de la institución.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer><!-- Termina Footer -->
|
||||
|
||||
<a href="#" class="back-to-top"><i class="icofont-swoosh-up"></i></a>
|
||||
|
||||
<!-- Ext JS -->
|
||||
<script src="assets/Ext/jquery/jquery.min.js"></script>
|
||||
<script src="assets/Ext/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<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>
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user