291 lines
11 KiB
HTML
291 lines
11 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="../Computo/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="computo" 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 transparent-cart align-items-center">
|
|
<h1 class="" style="text-align: justify; color: #ffc115;"><i class="bx bx-laptop"></i>
|
|
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"
|
|
>
|
|
<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>
|
|
|
|
<!--
|
|
<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">
|
|
lunes a Viernes
|
|
</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>
|
|
-->
|
|
<!--entresemana
|
|
<div class="tab-content mt-2" id="myTabContent">
|
|
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
|
|
<div class="border-bottom">
|
|
<h3 style="color:#ffffff">Entresemana</h3>
|
|
</div>
|
|
<p style="color: #ffffff;">lunes a viernes: del 30 de septiembre al 12 de octubre</p>
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">
|
|
Curso y horario
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-sm-12 justify-content-center">
|
|
<h5 style="color: #ffc115; text-align: center;">Mision</h5>
|
|
<div class="line ms-3">
|
|
<p style="font-size: large; padding: 10px;">
|
|
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>
|
|
</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>
|
|
</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> |