cidwa
554 lines
19 KiB
HTML
554 lines
19 KiB
HTML
<!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-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"
|
|
data-aos="fade-up"
|
|
data-aos-delay="150"
|
|
>
|
|
<div class="col-12 col-md-6">
|
|
<h1>Cursos de Computo</h1>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<div
|
|
id="carouselExampleControls"
|
|
class="carousel slide"
|
|
data-bs-ride="carousel"
|
|
>
|
|
<div class="carousel-inner">
|
|
<div
|
|
class="carousel-item active"
|
|
style="background-color: black"
|
|
>
|
|
<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">
|
|
<ul class="nav d-flex justify-content-between w-100">
|
|
<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 d-flex"
|
|
id="convocatoria"
|
|
role="tabpanel"
|
|
aria-labelledby="convocatoria-tab"
|
|
>
|
|
<!-- 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="tab"
|
|
href="#regulares"
|
|
class="nav-link active"
|
|
aria-controls="regulares"
|
|
aria-selected="true"
|
|
>
|
|
Cursos Regulares</a
|
|
>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
id="sabatinos"
|
|
data-toggle="tab"
|
|
role="tab"
|
|
href="#sabatinos"
|
|
class="nav-link"
|
|
aria-controls="sabatinos"
|
|
aria-selected="false"
|
|
>Cursos Sabatinos</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-12 col-md-8 tab-content" id="cursosTab">
|
|
<div
|
|
class="tab-pane fade show active"
|
|
id="regulares"
|
|
role="tabpanel"
|
|
aria-labelledby="regulares-tab"
|
|
>
|
|
<div>
|
|
<p class="mb-0">Título</p>
|
|
</div>
|
|
<table class="table">
|
|
<thead>
|
|
<th scope="col">CURSO Y HORARIO</th>
|
|
<th scope="col">APORTACIÓN</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="tab-pane fade"
|
|
id="sabatinos"
|
|
role="tabpanel"
|
|
aria-labelledby="sabatinos-tab"
|
|
>
|
|
<div>
|
|
<p class="mb-0">Título 2</p>
|
|
</div>
|
|
<table class="table">
|
|
<thead>
|
|
<th scope="col">CURSO Y HORARIO</th>
|
|
<th scope="col">APORTACIÓN</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 1</td>
|
|
<td>col 2</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Inicio del Tab de temario -->
|
|
<div
|
|
class="tab-pane fade"
|
|
id="temario"
|
|
role="tabpanel"
|
|
aria-labelledby="temario-tab"
|
|
>
|
|
<p>Temario</p>
|
|
</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"
|
|
>
|
|
<p>Contenido de Temario</p>
|
|
</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>
|