18 Commits

Author SHA1 Message Date
ahernandez dc642225b4 Agregacion de estilos y nuevas vistas 2024-10-12 22:39:00 -06:00
ahernandez ebdba6cab1 Ajustes en tabs (ya funciona el cambio entre cursos) 2024-09-18 20:47:51 -06:00
ahernandez 3a1578e417 cds 2024-09-18 20:22:39 -06:00
ahernandez 0431f80e7e Implementacionde navbar, tabla de cursos regulares y estilos 2024-09-17 19:04:42 -06:00
ahernandez e8941c8809 cambio de estilos y mejora de vista 2024-09-15 20:33:46 -06:00
ahernandez f517c4f735 agregar carrouse 2024-09-15 19:09:36 -06:00
ahernandez 844520911e cambios en computo 2024-09-15 18:45:32 -06:00
ahernandez 5dbf7565dd Inicio cursos de computo 2024-09-09 21:28:31 -06:00
ahernandez 2135bd801c pre-actualizacion 2024-09-04 22:17:07 -06:00
ahernandez fbf733c0b0 actualizacion de rama 2024-09-01 22:25:23 -06:00
ahernandez 8ab49cf785 x 2024-09-01 21:35:51 -06:00
ahernandez 4bb0620368 Actualizacion contacto 2024-08-27 22:55:01 -06:00
ahernandez d423c2b639 botones 2024-08-27 22:33:26 -06:00
ahernandez d363fdf66b Se agrego seccion de contacto responsiva 2024-08-26 21:27:44 -06:00
ahernandez 734f4f4aa2 Actualizacion de rama 2024-08-26 19:01:17 -06:00
ahernandez 10ecef4d3b > 2024-08-25 20:29:33 -06:00
AldairN afc4729b41 cambios en el background de css 2024-08-19 20:54:44 -06:00
AldairN 474d273971 Se agrego el container principal y se modifico el background de estilo .css 2024-08-19 20:50:28 -06:00
11 changed files with 2455 additions and 12 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 447 KiB

+412
View File
@@ -0,0 +1,412 @@
#computo {
width: 100%;
height: 93vh;
background: url("../Computo/cedetec_01.png") top center;
background-size: cover;
position: relative;
}
#computo:before {
content: "";
background: rgba(0,0,0,0.527);
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
#computo .container {
position: relative;
padding-top: 10%;
text-align: center;
}
#computo h1 {
font-size: 36px;
font-weight: 700;
line-height: 40px;
color: #1e3c70;
}
#computo h1 span {
color: #bb8800;
}
#computo 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;
}
#computo h2 span {
color: #ffc451;
}
#computo .icon-box {
/*padding: ;*/
transition: ease-in-out 0.3s;
border: 1px solid rgba(255, 255, 255, 0.3);
text-align: center;
height: 250px;
}
#computo .icon-box i {
font-size: 32px;
line-height: 1;
color: #ffc451;
}
#computo .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);
}
#computo .icon-box h3 a {
color: #fff;
transition: ease-in-out 0.3s;
}
#computo .icon-box h3 a:hover {
color: #1e3c70;
}
#computo .icon-box:hover {
border-color: #1e3c70;
}
@media (min-width: 1024px) {
#computos {
background-attachment: fixed;
}
}
@media (max-width: 768px) {
#computos {
height: 80vh;
}
#computos h1 {
font-size: 28px;
line-height: 36px;
}
#computos h2 {
font-size: 20px;
line-height: 24px;
}
#computos .navbar-toggler {
font-size: 13px;
padding: 0px;
border: none;
padding: 8px;
}
}
#computo .text-container {
padding: 3rem;
}
#computo .transparent-cart {
padding: 1.7rem;
background: rgba(255, 255, 255, 0.08);
border-radius: 5px;
height: 100%;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
position: relative;
}
#computo .transparent-cart::before{
content: "";
width: 60px;
height: 60px;
position: absolute;
top: 10px;
left: 10px;
border-left: 6px solid #1e3c70;
border-top: 6px solid #1e3c70;
border-radius: 3px;
}
#computo .transparent-cart::after{
content: "";
width: 60px;
height: 60px;
position: absolute;
bottom: 10px;
right: 10px;
border-right: 6px solid #1e3c70;
border-bottom: 6px solid #1e3c70;
border-radius: 3px;
}
#computo .transparent-cart2{
padding: 1.7rem;
background: rgba(14, 26, 80, 0.479);
border-radius: 5px;
height: 100%;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
box-shadow: 0 4px 30px rgba(7, 26, 194, 0.418);
position: relative;
}
#computo .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;
}
#Center div .contenido-centrado {
text-align: center;
}
#Centro ul li a {
color: #bb8800;
}
#computo .cta-btn:hover {
background: #fff;
border-color: #fff;
color: #fff;
}
#myTab .active {
color: #bb8800;
}
#myTab{
color: #fff;
}
#Entresemana .table th {
text-align: center;
background-color: #1e3c70;
color: rgb(255, 255, 255);
}
#Entresemana .table tr td {
color: #1e3c70;
text-align: center;
}
#Entresemana .container {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
#Entresemana .contenedor {
padding: 10px;
overflow-x: scroll !important;
height: fit-content;
/*flex-wrap: nowrap !important;*/
}
#Entresemana ul li {
width: fit-content;
}
#Entresemana ul li a {
text-decoration: none;
padding: 5px;
/* border: 1px solid #000; */
width: fit-content;
padding: 10px !important;
color:#bb8800;
}
#tab-Entresemana .active {
color:#1e3c70;
}
@media (max-width: 991px) {
#Entresemana div .contendor {
overflow-x: hidden;
}
}
.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;
}
#Navbar{
background: url(../assets/img/bg/solid.png);
height: 60px;
}
#Navbar ul li a{
color: #ffffff;
}
#Navbar ul li a:hover{
color: #1e3c70;
}
#myTabContent{
padding-left: 10px !important;
}
#myTabContent ul li a{
color: #bb8800;
}
#myTabContent ul li a:hover{
color: #1e3c70;
}
#myTabContent .active{
color: #1e3c70;
}
.mt-2{
margin-top: .5rem !important;
}
#tab-cursos{
font-size: x-large;
}
.tab-content .active{
display: block;
}
#Center .div-flex .active {
color: #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 p {
color: #000;
}
@media (max-width: 992px) {
#Center .div-flex {
display: block;
}
#Center .div-flex .active {
border-bottom: 2px solid #bb8800;
}
}
@media (min-width: 993px) {
#Center .div-flex {
display: flex;
}
.div-flex .line {
border-bottom: 2px solid #bb8800;
}
#Center .div-flex .boxx nav .nav-item {
margin-top: 10px;
}
}
@media (max-width: 992px) {
#Center .normal .nav-link {
border: 0;
padding: 10px;
}
}
#Center .boxx {
height: 8vh;
margin-right: 10px;
text-align: center;
align-items: center;
}
#Center .color {
color: #bb8800;
}
#Center .contenido-centrado-negro {
text-align: center;
color: #000;
border-bottom: 2px solid #bb8800;
margin: 35px 0px;
border-top: 2px solid #bb8800;
padding: 10px 0px;
}
#Center .row {
margin: 1rem;
padding: 1rem;
border-bottom: #b3b1b1 solid 2px;
}
#Center .accordion-body a i {
color: #000;
}
#Center .accordion-body a {
color: #bb8800;
}
#Center div .line-accor {
border-bottom: 2px solid #bb8800;
}
#Center .accordion-header .collapsed {
background-color: #ffffff;
color: #000000;
}
#Center .accordion-header button {
background-color: #bb8800;
color: #ffffff;
}
#Center .div-flex .active {
box-shadow: 2px 2px 2px 2px #b3b1b1;
border-color: #b3b1b1;
}
#Center .accordion-button:focus {
box-shadow: 2px 2px 2px 2px #b3b1b1;
border-color: #b3b1b1;
}
#Center .icon-box {
/*padding: ;*/
transition: ease-in-out 0.3s;
border: 1px solid rgba(255, 255, 255, 0.3);
text-align: center;
height: 250px;
}
+196
View File
@@ -0,0 +1,196 @@
#hero {
width: 100%;
height: 93vh;
background: url("../Computo/cedetec_01.png") top center;
background-size: cover;
position: relative;
}
#Center div .contenido-centrado {
text-align: center;
}
#hero .transparent-cart {
padding: 1.7rem;
background: rgba(255, 255, 255, 0.08);
border-radius: 5px;
height: 100%;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
position: relative;
}
#hero .transparent-cart ::after {
content: "";
width: 60px;
height: 60px;
position: absolute;
bottom: 10px;
right: 10px;
border-right: 6px solid #1e3c70;
border-bottom: 6px solid #1e3c70;
border-radius: 3px;
}
#hero .transparent-cart ::before {
content: "";
width: 60px;
height: 60px;
position: absolute;
top: 10px;
left: 10px;
border-left: 6px solid #1e3c70;
border-top: 6px solid #1e3c70;
border-radius: 3px;
}
#hero .transparent-cart2{
padding: 1.7rem;
background: rgba(14, 26, 80, 0.479);
border-radius: 5px;
height: 100%;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
box-shadow: 0 4px 30px rgba(7, 26, 194, 0.418);
position: relative;
}
#hero .carousel h3 {
color:#bb8800;
font-size: xx-large;
font-weight: bold;
}
#hero .carousel h4 {
color: #bb8800;
font-size: xx-large;
font-weight: bold;
}
#hero .carousel p {
color: white
}
#Center ul li a {
color: #1e3c70;
}
#Center .div-flex .active {
color: #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 p {
color: #000;
}
@media (max-width: 992px) {
#Center .div-flex {
display: block;
}
#Center .div-flex .active {
border-bottom: 2px solid #bb8800;
}
}
@media (min-width: 993px) {
#Center .div-flex {
display: flex;
}
.div-flex .line {
border-bottom: 2px solid #bb8800;
}
#Center .div-flex .boxx nav .nav-item {
margin-top: 10px;
}
}
@media (max-width: 992px) {
#Center .normal .nav-link {
border: 0;
padding: 10px;
}
}
#Center .boxx {
height: 8vh;
margin-right: 10px;
text-align: center;
align-items: center;
}
#Center .color {
color: #bb8800;
}
#Center .contenido-centrado-negro {
text-align: center;
color: #000;
border-bottom: 2px solid #bb8800;
margin: 35px 0px;
border-top: 2px solid #bb8800;
padding: 10px 0px;
}
#Center .row {
margin: 1rem;
padding: 1rem;
border-bottom: #b3b1b1 solid 2px;
}
#Center .accordion-body a i {
color: #000;
}
#Center .accordion-body a {
color: #bb8800;
}
#Center div .line-accor {
border-bottom: 2px solid #bb8800;
}
#Center .accordion-header .collapsed {
background-color: #ffffff;
color: #000000;
}
#Center .accordion-header button {
background-color: #bb8800;
color: #ffffff;
}
#Center .div-flex .active {
box-shadow: 2px 2px 2px 2px #b3b1b1;
border-color: #b3b1b1;
}
#Center .accordion-button:focus {
box-shadow: 2px 2px 2px 2px #b3b1b1;
border-color: #b3b1b1;
}
#Center .icon-box {
/*padding: ;*/
transition: ease-in-out 0.3s;
border: 1px solid rgba(255, 255, 255, 0.3);
text-align: center;
height: 250px;
}
#hero .icon-box i {
font-size: 32px;
line-height: 1;
color: #ffc451;
}
#hero .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);
}
#hero .icon-box h3 a {
color: #fff;
transition: ease-in-out 0.3s;
}
#hero .icon-box h3 a:hover {
color: #1e3c70;
}
#hero .icon-box:hover {
border-color: #1e3c70;
}
+175
View File
@@ -0,0 +1,175 @@
#computo {
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;
}
#computo .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;
}
#computo .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;
}
#computo .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;
}
#computo .carousel h3 {
color: #1e3c70;
font-size: xx-large;
font-weight: bold;
}
#computo .carousel h4 {
color: #1e3c70;
font-size: xx-large;
font-weight: bold;
}
#computo .carousel p {
color: black;
}
#Center ul li a {
color: #1e3c70;
}
#Center .div-flex .active {
color: #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 p {
color: #000;
}
@media (max-width: 992px) {
#Center .div-flex {
display: block;
}
#Center .div-flex .active {
border-bottom: 2px solid #bb8800;
}
}
@media (min-width: 993px) {
#Center .div-flex {
display: flex;
}
.div-flex .line {
border-bottom: 2px solid #bb8800;
}
#Center .div-flex .boxx nav .nav-item{
margin-top: 10px;
}
}
@media (max-width: 992px) {
#Center .normal .nav-link {
border: 0;
padding: 10px;
}
}
#Center .boxx {
height: 8vh;
margin-right: 10px;
text-align: center;
align-items: center;
}
#Center .color {
color: #bb8800;
}
#Center .contenido-centrado-negro {
text-align: center;
color: #000;
border-bottom: 2px solid #bb8800;
margin: 35px 0px;
border-top: 2px solid #bb8800;
padding: 10px 0px;
}
#Center .row {
margin: 1rem;
padding: 1rem;
border-bottom: #b3b1b1 solid 2px;
}
#Center .accordion-body a i {
color: #000;
}
#Center .accordion-body a {
color:#bb8800;
}
#Center div .line-accor {
border-bottom: 2px solid #bb8800;
}
#Center .accordion-header .collapsed {
background-color: #ffffff;
color:#000000;
}
#Center .accordion-header button {
background-color: #bb8800;
color:#ffffff;
}
#Center .div-flex .active {
box-shadow: 2px 2px 2px 2px #b3b1b1;
border-color: #b3b1b1;
}
#Center .accordion-button:focus {
box-shadow:2px 2px 2px 2px #b3b1b1;
border-color: #b3b1b1;
}
+870
View File
@@ -0,0 +1,870 @@
<!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.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">
<div class="container" data-aos="fade-up">
<div class="row justify-content-between align-items-center" data-aos="fade-up" data-aos-delay="150">
<div class="col-lg-6 col-sm-12 transparent-cart">
<h1 class="" style="text-align: center; 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 transparent-cart2"
>
<h3 style="color: #ffc115;">¿Quiénes somos?</h3>
<p style="text-align: justify;">
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.
</p>
</div>
<div class="carousel-item transparent-cart2">
<h4 style="color: #ffc115;">Misión</h4>
<p style="text-align: justify;">
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 transparent-cart2">
<h4 style="color: #ffc115;">Visión</h4>
<p style="text-align: justify;">
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 id="Navbar" class="container-fluid align-content-center">
<ul id="myTab" class="nav tab 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-fluid ">
<!-- Inicio de los tabs del nav -->
<div class="tab-content" id="myTabContent">
<!-- Incio del primer Tab -->
<div class="tab-pane fade show active" id="convocatoria" role="tabpanel" aria-labelledby="convocatoria-tab">
<div class="container-xxl">
<div class="row">
<h3 class="color">
<i class="bx bx-book"></i>
<strong>Cursos</strong>
</h3>
<!-- Incio del Tab -->
<div class="div-flex">
<!-- Nav de cursos -->
<div class="col-12 col-md-4 boxx">
<ul class="nav d-lg-block flex-nowrap">
<li class="nav-item">
<a
id="regulares-tab"
data-toggle="tab"
role="tablist"
href="#regulares"
class="nav-link active line rounded"
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 rounded"
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 class="pt-2">
<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>
</div>
</div>
<!-- Inicio del Tab de temario -->
<div
class="tab-pane fade"
id="temario"
role="tabpanel"
aria-labelledby="temario-tab"
>
<div class="row">
<h3 class="color">
<i class="bx bx-book"></i>
<strong>Temario</strong>
</h3>
<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 line-accor">
<a
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
target="_blank"
>
<i class="bx bx-file"></i>
Excel
</a>
</div>
<div class="accordion-body">
<a
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
target="_blank"
>
<i class="bx bx-file"></i>
Excel-2
</a>
</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"
>
<i class="bx bx-file"></i>
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"
>
Programación
</button>
</h2>
<div
id="panelsStayOpen-collapseThree"
class="accordion-collapse collapse"
>
<div class="accordion-body">Temario</div>
</div>
</div>
</div>
</div>
</div>
<!-- Inicio del Tab de registro -->
<div
class="tab-pane fade"
id="registro"
role="tabpanel"
aria-labelledby="registro-tab"
>
<div class="row">
<!-- Inicio del Tab de registro -->
<h3 class="color">
<i class="bx bx-notepad"></i>
<strong>Registro</strong>
</h3>
</div>
</div>
<!-- Inicio del Tab de avisos e informes -->
<div
class="tab-pane fade"
id="avisos"
role="tabpanel"
aria-labelledby="avisos-tab"
>
<div class="row">
<!-- Inicio del Tab de avisos e informes -->
<h3 class="color">
<i class="bx bx-phone"></i>
<strong>Informes</strong>
</h3>
<div class="justify-content-center contenido-centrado-negro">
<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>
</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>
+787
View File
@@ -0,0 +1,787 @@
<!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.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-center align-items-center"
data-aos="fade-up"
data-aos-delay="150"
>
<div class="col-sm-12 col-md-6 transparent-cart">
<h1 style="font-size: 4vh; 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"
style="font-size: medium"
>
<div class="carousel-inner">
<div class="carousel-item active transparent-cart2">
<h3 style="color: #ffc115;">¿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 transparent-cart2">
<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 transparent-cart2">
<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-xxl">
<div class="row">
<h3 class="color">
<i class="bx bx-book"></i>
<strong>Cursos</strong>
</h3>
<!-- Incio del Tab -->
<div class="div-flex">
<!-- Nav de cursos -->
<div class="col-12 col-md-4 boxx">
<ul class="nav d-lg-block flex-nowrap">
<li class="nav-item">
<a
id="regulares-tab"
data-toggle="tab"
role="tablist"
href="#regulares"
class="nav-link active line rounded"
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 rounded"
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 class="pt-2">
<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>
<div class="row">
<!-- Inicio del Tab de temario -->
<h3 class="color">
<i class="bx bx-book"></i>
<strong>Temario</strong>
</h3>
<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 line-accor">
<a
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
target="_blank"
>
<i class="bx bx-file"></i>
Excel
</a>
</div>
<div class="accordion-body">
<a
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
target="_blank"
>
<i class="bx bx-file"></i>
Excel-2
</a>
</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"
>
<i class="bx bx-file"></i>
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"
>
Programación
</button>
</h2>
<div
id="panelsStayOpen-collapseThree"
class="accordion-collapse collapse"
>
<div class="accordion-body">Temario</div>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Inicio del Tab de registro -->
<h3 class="color">
<i class="bx bx-notepad"></i>
<strong>Registro</strong>
</h3>
</div>
<div class="row">
<!-- Inicio del Tab de avisos e informes -->
<h3 class="color">
<i class="bx bx-phone"></i>
<strong>Informes</strong>
</h3>
<div class="justify-content-center contenido-centrado-negro">
<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>
</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>
+3 -3
View File
@@ -566,7 +566,7 @@ Hero
}
#hero:before {
content: "";
background: rgba(255, 255, 255, 0.3);
background: rgba(0, 0, 0, 0.527);
position: absolute;
bottom: 0;
top: 0;
@@ -589,13 +589,13 @@ Hero
}
#hero h2 {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(30, 60, 112, 0.8);
/*background-color: rgba(30, 60, 112, 0.8);*/
margin: 10px 0 0 0;
font-size: 22px;
padding: 4px;
}
#hero .icon-box {
padding: ;
padding: 1;
transition: ease-in-out 0.3s;
border: 1px solid rgba(255, 255, 255, 0.3);
text-align: center;
+2 -2
View File
@@ -8,14 +8,14 @@
#idioma:before {
content: "";
background: rgba(255, 255, 255, 0.3);
background: rgba(95, 95, 95, 0.3);
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
#idioma .container {
position: relative;
padding-top: 10%;
+7 -6
View File
@@ -66,12 +66,12 @@
</div>
</header><!-- End Header -->
<!-- ======= Idioma Section ======= -->
<!-- ======= Hero 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">
<div class="col-lg-6 col-sm-12">
<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"
@@ -123,8 +123,9 @@
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- =========== Fin Idioma =========== -->
@@ -132,7 +133,7 @@
<section id="Centro" class="d-flex align-items-center justify-content-center">
<div class="container">
<div class="row">
<div class="col-lg-6 col-sm-12 line pr ms-4">
<div class="col-lg-6 col-sm-12 line pr ">
<h5 style="color: #bb8800; font-weight: 700;">
<i class="bx bx-world" style="color: #111110;"></i>
Centro de Enseñanzas de Idiomas
@@ -157,11 +158,11 @@
</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
Si te interesa aprender las cuatro 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">
<div class="col-lg-6 col-sm-12 ">
<p style="color: #1e3c70;">
El CEI ofrece cursos regulares (entre semana) y sabatinos, en ellos puedes estudiar las siguientes
lenguas:
+3 -1
View File
@@ -75,7 +75,9 @@
<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="...">
<a href="idiomas/index.html">
<img src="https://www.acatlan.unam.mx/images/1953.png" class="d-block w-100" alt="...">
</a>
</div>
<div class="carousel-item">
<img src="https://www.acatlan.unam.mx/images/1939.jpg" class="d-block w-100" alt="...">