Implementacionde navbar, tabla de cursos regulares y estilos
This commit is contained in:
+42
-9
@@ -185,39 +185,42 @@
|
||||
}
|
||||
|
||||
#myTab .active {
|
||||
color: #1e3c70;
|
||||
color: #bb8800;
|
||||
}
|
||||
#myTab{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#Contacto .table th {
|
||||
#Entresemana .table th {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
#Contacto .table tr td {
|
||||
#Entresemana .table tr td {
|
||||
color: #1e3c70;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#Contacto .container {
|
||||
#Entresemana .container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#Contacto .contenedor {
|
||||
#Entresemana .contenedor {
|
||||
padding: 10px;
|
||||
overflow-x: scroll !important;
|
||||
height: fit-content;
|
||||
flex-wrap: nowrap !important;
|
||||
}
|
||||
|
||||
#Contacto ul li {
|
||||
#Entresemana ul li {
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
#Contacto ul li a {
|
||||
#Entresemana ul li a {
|
||||
text-decoration: none;
|
||||
padding: 5px;
|
||||
/* border: 1px solid #000; */
|
||||
@@ -226,12 +229,12 @@
|
||||
color:#bb8800;
|
||||
}
|
||||
|
||||
#tab-Contacto .active {
|
||||
#tab-Entresemana .active {
|
||||
color:#1e3c70;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
#Contacto div .contendor {
|
||||
#Entresemana div .contendor {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
@@ -269,3 +272,33 @@
|
||||
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;
|
||||
}
|
||||
+475
-243
@@ -1,283 +1,515 @@
|
||||
<!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" />
|
||||
<link rel="stylesheet" href="computo.css">
|
||||
</head>
|
||||
|
||||
<!-- 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">
|
||||
<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 -->
|
||||
<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>
|
||||
<!-- ======= 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>
|
||||
<button
|
||||
class="carousel-control-prev"
|
||||
type="button"
|
||||
data-bs-target="#carouselExampleControls"
|
||||
data-bs-slide="prev"
|
||||
<div class="col-12 col-md-6">
|
||||
<div
|
||||
id="carouselExampleControls"
|
||||
class="carousel slide"
|
||||
data-bs-ride="carousel"
|
||||
>
|
||||
<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 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>
|
||||
</div>
|
||||
</section>
|
||||
<!-- End Hero -->
|
||||
|
||||
<!--
|
||||
<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
|
||||
<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>
|
||||
-->
|
||||
<!--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>
|
||||
<div class="container justify-content-center">
|
||||
<div class="row">
|
||||
<!-- 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">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 align-content-center">
|
||||
<ul id="tab-cursos" class="nav d-flex d-lg-block contenedor list-unstyled">
|
||||
<li class="nav-item">
|
||||
<a id="home2-tab" class="nav-link active" data-toggle="tab" href="#home2" role="tab" aria-controls="home2"
|
||||
aria-selected="true">
|
||||
Cursos Regulares
|
||||
</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">
|
||||
Cursos Sabatinos
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<div class="tab-content mt-2" id="Entresemana">
|
||||
<table class="table">
|
||||
<p style="font-size: large; text-align: center;">
|
||||
LUNES A VIERNES: Del 30 de septiembre al 12 de octubre 2024 <br>
|
||||
2 hrs diarias
|
||||
</p>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
CURSO Y HORARIO
|
||||
</th>
|
||||
<th scope="col">
|
||||
APORTACIÓN
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="table-group-divider">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Inicio del Tab de temario -->
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
id="temario"
|
||||
role="tabpanel"
|
||||
aria-labelledby="temario-tab"
|
||||
>
|
||||
<p>Contenido de 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 avisos</p>
|
||||
</div>
|
||||
</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 -->
|
||||
</section>
|
||||
</main>
|
||||
<!-- End #main -->
|
||||
|
||||
<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">
|
||||
<!-- ======= 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>
|
||||
<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>
|
||||
<img
|
||||
src="../assets/img/escudos/unam-nacion-blanco.png"
|
||||
style="width: 150px; margin: 15px auto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
</ul>
|
||||
</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>
|
||||
<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>
|
||||
|
||||
</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 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>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- End Footer -->
|
||||
|
||||
</footer><!-- End Footer -->
|
||||
<a href="#" class="back-to-top"><i class="icofont-swoosh-up"></i></a>
|
||||
|
||||
<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>
|
||||
<!-- 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>
|
||||
Reference in New Issue
Block a user