diff --git a/cursos-de-computo/assets/css/cursos-computo.css b/cursos-de-computo/assets/css/cursos-computo.css index afb60b6..c714e70 100644 --- a/cursos-de-computo/assets/css/cursos-computo.css +++ b/cursos-de-computo/assets/css/cursos-computo.css @@ -1,7 +1,74 @@ #hero { - background-image: none; + width: 100%; + height: 100vh; + background: linear-gradient(rgba(255, 255, 255, 0.000001), rgba(0, 0, 0, 0.7)), url("../css/img/cedetec.jpeg") top center; + background-size: cover; + position: relative; +} + +#Center div .contenido-centrado { + text-align: center; +} + +#hero .transparent-cart { + padding: 1.7rem; + background: rgba(128, 116, 116, 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: 40px; + height: 40px; + position: absolute; + bottom: 10px; + right: 10px; + border-right: 4px solid #bb8800; + border-bottom: 4px solid #bb8800; + border-radius: 3px; +} + +#hero .transparent-cart ::before{ + content: ""; + width: 40px; + height: 40px; + position: absolute; + top: 10px; + left: 10px; + border-left: 4px solid #bb8800; + border-top: 4px solid #bb8800; + border-radius: 3px; } -#Center div .contenido-centrado{ - text-align: center; +#hero .carousel h3 { + color: #1e3c70; +} + +#hero .carousel h4 { + color: #1e3c70; +} + +#hero .carousel p { + color:black; +} + +#Center ul li a { + color: #bb8800; +} + +#Center .active { + color: #1e3c70; + border-bottom: 2px solid #bb8800; +} + +#Center .b-ground { + background: url("../../../assets/img/bg/solid.png"); +} + +#Center table thead { + color:#ffff; + font-size: medium; } \ No newline at end of file diff --git a/cursos-de-computo/assets/css/img/cedetec.jpeg b/cursos-de-computo/assets/css/img/cedetec.jpeg new file mode 100644 index 0000000..6072207 Binary files /dev/null and b/cursos-de-computo/assets/css/img/cedetec.jpeg differ diff --git a/cursos-de-computo/index.html b/cursos-de-computo/index.html index 65bd75d..42aa141 100644 --- a/cursos-de-computo/index.html +++ b/cursos-de-computo/index.html @@ -87,11 +87,11 @@
-
+

Cursos de Computo

@@ -99,11 +99,11 @@ id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel" + style="font-size: small;" >

¿Quiénes somos?

@@ -182,8 +182,8 @@ id="Center" class="d-flex align-items-center justify-content-center flex-column pt-0" > -

-
    +
    +
    • - -
      - -
      -
      -
      -
      -

      - LUNES A VIERNES: Del 30 de septiembre al 12 de octubre - 2024
      - 2 hrs diarias -

      -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      CURSO Y HORARIOAPORTACIÓN
      - Intro. a la computación para 3era edad 20 hrs. -
      - 09 a 11 hrs (Presencial) -       		- UNAM: $ 1,720.00
      - EXUNAM: $ 2,295.00
      - EXTERNO: $ 2,870.00 -
      - Word básico 20 hrs.
      - 09 a 11 hrs (Presencial) -       		- UNAM: $ 1,720.00
      - EXUNAM: $ 2,295.00
      - EXTERNO: $ 2,870.00 -
      - Excel básico 25 hrs.
      - 09 a 11 hrs (Presencial)
      - 19 a 21 hrs (en línea) -       		- UNAM: $ 2,150.00
      - EXUNAM: $ 2,870.00
      - EXTERNO: $ 3,587.00 -
      - Excel avanzado 25 hrs.
      - 09 a 11 hrs (Presencial)
      - 19 a 21 hrs (en línea) -       		- UNAM: $ 2,150.00
      - EXUNAM: $ 2,870.00
      - EXTERNO: $ 3,587.00 -
      - Power Query y Power Pivot en Excel 20 hrs.
      - 19 a 21 hrs. (Presencial) -       		- UNAM: $ 1,720.00
      - EXUNAM: $ 2,295.00
      - EXTERNO: $ 2,870.00 -
      - Base de datos con SQL server básico 20 hrs.
      - 10 a 12 hrs (en línea) -       		- UNAM: $ 1,720.00
      - EXUNAM: $ 2,295.00
      - EXTERNO: $ 2,870.00 -
      - Python básico – intermedio 20 hrs.
      - 19 a 21 hrs (en línea) -       		- UNAM: $ 1,720.00
      - EXUNAM: $ 2,295.00
      - EXTERNO: $ 2,870.00 -
      - Ciberdelitos ¡Para todos! 10 hrs.
      - 17 a 19 hrs (en línea) -       		- UNAM: $ 860.00
      - EXUNAM: $ 1,147.50
      - EXTERNO: $ 1,435.00 -
      - Introducción a la programación 20 hrs.
      - 19 a 21 hrs (en línea) -       		- UNAM: $ 1,720.00
      - EXUNAM: $ 2,295.00
      - EXTERNO: $ 2,870.00 -
      - Análisis de datos con Python 20 hrs.
      - 19 a 21 hrs (en línea) -       		- UNAM: $ 1,720.00
      - EXUNAM: $ 2,295.00
      - EXTERNO: $ 2,870.00 -
      - Manejo de R en Python 20 hrs. 19 a 21 hrs (en línea) - - UNAM: $ 1,720.00
      - EXUNAM: $ 2,295.00
      - EXTERNO: $ 2,870.00 -
      - Niñas, niños y adolescentes en Ciberriesgo 10 hrs. -
      - 19 a 21 hrs (10 hrs en línea) -       		- UNAM: $ 860.00
      - EXUNAM: $ 1,147.50
      - EXTERNO: $ 1,435.00 -
      +
      + +
      +
      -
      -
      -

      Título 2

      + +
      +
      +
      +

      + LUNES A VIERNES: Del 30 de septiembre al 12 de octubre + 2024
      + 2 hrs diarias +

      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      CURSO Y HORARIOAPORTACIÓN
      + Intro. a la computación para 3era edad 20 hrs. +
      + 09 a 11 hrs (Presencial) +       		+ UNAM: $ 1,720.00
      + EXUNAM: $ 2,295.00
      + EXTERNO: $ 2,870.00 +
      + Word básico 20 hrs.
      + 09 a 11 hrs (Presencial) +       		+ UNAM: $ 1,720.00
      + EXUNAM: $ 2,295.00
      + EXTERNO: $ 2,870.00 +
      + Excel básico 25 hrs.
      + 09 a 11 hrs (Presencial)
      + 19 a 21 hrs (en línea) +       		+ UNAM: $ 2,150.00
      + EXUNAM: $ 2,870.00
      + EXTERNO: $ 3,587.00 +
      + Excel avanzado 25 hrs.
      + 09 a 11 hrs (Presencial)
      + 19 a 21 hrs (en línea) +       		+ UNAM: $ 2,150.00
      + EXUNAM: $ 2,870.00
      + EXTERNO: $ 3,587.00 +
      + Power Query y Power Pivot en Excel 20 hrs.
      + 19 a 21 hrs. (Presencial) +       		+ UNAM: $ 1,720.00
      + EXUNAM: $ 2,295.00
      + EXTERNO: $ 2,870.00 +
      + Base de datos con SQL server básico 20 hrs.
      + 10 a 12 hrs (en línea) +       		+ UNAM: $ 1,720.00
      + EXUNAM: $ 2,295.00
      + EXTERNO: $ 2,870.00 +
      + Python básico – intermedio 20 hrs.
      + 19 a 21 hrs (en línea) +       		+ UNAM: $ 1,720.00
      + EXUNAM: $ 2,295.00
      + EXTERNO: $ 2,870.00 +
      + Ciberdelitos ¡Para todos! 10 hrs.
      + 17 a 19 hrs (en línea) +       		+ UNAM: $ 860.00
      + EXUNAM: $ 1,147.50
      + EXTERNO: $ 1,435.00 +
      + Introducción a la programación 20 hrs.
      + 19 a 21 hrs (en línea) +       		+ UNAM: $ 1,720.00
      + EXUNAM: $ 2,295.00
      + EXTERNO: $ 2,870.00 +
      + Análisis de datos con Python 20 hrs.
      + 19 a 21 hrs (en línea) +       		+ UNAM: $ 1,720.00
      + EXUNAM: $ 2,295.00
      + EXTERNO: $ 2,870.00 +
      + Manejo de R en Python 20 hrs. 19 a 21 hrs (en + línea) + + UNAM: $ 1,720.00
      + EXUNAM: $ 2,295.00
      + EXTERNO: $ 2,870.00 +
      + Niñas, niños y adolescentes en Ciberriesgo 10 hrs. +
      + 19 a 21 hrs (10 hrs en línea) +       		+ UNAM: $ 860.00
      + EXUNAM: $ 1,147.50
      + EXTERNO: $ 1,435.00 +
      +
      +
      +
      +

      Título 2

      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      CURSO Y HORARIOAPORTACIÓN
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      CURSO Y HORARIOAPORTACIÓN
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      col 1col 2
      @@ -635,7 +642,7 @@ - + diff --git a/idiomas/assets/css/idiomas.css b/idiomas/assets/css/idiomas.css index 39f124f..fe2a7cd 100644 --- a/idiomas/assets/css/idiomas.css +++ b/idiomas/assets/css/idiomas.css @@ -1,262 +1,292 @@ #idioma { - width: 100%; - height: 100%; - background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../../assets/img/bg/alt-2.jpg") top center; - background-size: cover; - position: relative; + width: 100%; + height: 100%; + background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), + url("../../../assets/img/bg/alt-2.jpg") top center; + background-size: cover; + position: relative; } #idioma:before { - content: ""; - background: rgba(255, 255, 255, 0.3); - position: absolute; - bottom: 0; - top: 0; - left: 0; - right: 0; + content: ""; + background: rgba(255, 255, 255, 0.3); + position: absolute; + bottom: 0; + top: 0; + left: 0; + right: 0; } #idioma .container { - position: relative; - padding-top: 10%; - text-align: center; + position: relative; + padding-top: 10%; + text-align: center; } #idioma h1 { - font-size: 36px; - font-weight: 700; - line-height: 40px; - color: #1e3c70; + font-size: 36px; + font-weight: 700; + line-height: 40px; + color: #1e3c70; } #idioma h1 span { - color: #bb8800; + color: #bb8800; } #idioma h2 { - color: rgba(255, 255, 255, 0.9); - /* background-color: rgba(30, 60, 112, 0.8); */ - margin: 10px 0 0 0; - font-size: 22px; - padding: 4px; + color: rgba(255, 255, 255, 0.9); + /* background-color: rgba(30, 60, 112, 0.8); */ + margin: 10px 0 0 0; + font-size: 22px; + padding: 4px; } #idioma h2 span { - color: #ffc451; + color: #ffc451; } #idioma .icon-box { - /*padding: ;*/ - transition: ease-in-out 0.3s; - border: 1px solid rgba(255, 255, 255, 0.3); - text-align: center; - height: 250px; + /*padding: ;*/ + transition: ease-in-out 0.3s; + border: 1px solid rgba(255, 255, 255, 0.3); + text-align: center; + height: 250px; } #idioma .icon-box i { - font-size: 32px; - line-height: 1; - color: #ffc451; + font-size: 32px; + line-height: 1; + color: #ffc451; } #idioma .icon-box h3 { - font-weight: 700; - margin-top: auto; - padding: 0; - line-height: 1; - font-size: 20px; - line-height: 26px; - background-color: rgba(187, 136, 0, 0.8); + font-weight: 700; + margin-top: auto; + padding: 0; + line-height: 1; + font-size: 20px; + line-height: 26px; + background-color: rgba(187, 136, 0, 0.8); } #idioma .icon-box h3 a { - color: #fff; - transition: ease-in-out 0.3s; + color: #fff; + transition: ease-in-out 0.3s; } #idioma .icon-box h3 a:hover { - color: #1e3c70; + color: #1e3c70; } #idioma .icon-box:hover { - border-color: #1e3c70; + border-color: #1e3c70; } @media (min-width: 1024px) { - #idiomas { - background-attachment: fixed; - } + #idiomas { + background-attachment: fixed; + } } @media (max-width: 768px) { - #idiomas { - height: 80vh; - } + #idiomas { + height: 80vh; + } - #idiomas h1 { - font-size: 28px; - line-height: 36px; - } + #idiomas h1 { + font-size: 28px; + line-height: 36px; + } - #idiomas h2 { - font-size: 20px; - line-height: 24px; - } - - #idiomas .navbar-toggler { - font-size: 13px; - padding: 0px; - border: none; - padding: 8px; - } + #idiomas h2 { + font-size: 20px; + line-height: 24px; + } + #idiomas .navbar-toggler { + font-size: 13px; + padding: 0px; + border: none; + padding: 8px; + } } #idioma .text-container { - padding: 3rem; + padding: 3rem; } #idioma .transparent-cart { - padding: 1.7rem; - background: rgba(255, 255, 255, 0.08); - border-radius: 5px; - height: 100%; - backdrop-filter: blur(3px); - -webkit-backdrop-filter: blur(3px); - box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); - position: relative; -} + padding: 1.7rem; + background: rgba(255, 255, 255, 0.08); + border-radius: 5px; + height: 100%; + backdrop-filter: blur(3px); + -webkit-backdrop-filter: blur(3px); + box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); + position: relative; +} -#idioma .transparent-cart::before{ - content: ""; - width: 60px; - height: 60px; - position: absolute; - top: 10px; - left: 10px; - border-left: 2px solid #1e3c70; - border-top: 2px solid #1e3c70; - border-radius: 3px; - } - - - #idioma .transparent-cart::after{ - content: ""; - width: 60px; - height: 60px; - position: absolute; - bottom: 10px; - right: 10px; - border-right: 2px solid #1e3c70; - border-bottom: 2px solid #1e3c70; - border-radius: 3px; - } +#idioma .transparent-cart::before { + content: ""; + width: 60px; + height: 60px; + position: absolute; + top: 10px; + left: 10px; + border-left: 2px solid #1e3c70; + border-top: 2px solid #1e3c70; + border-radius: 3px; +} + +#idioma .transparent-cart::after { + content: ""; + width: 60px; + height: 60px; + position: absolute; + bottom: 10px; + right: 10px; + border-right: 2px solid #1e3c70; + border-bottom: 2px solid #1e3c70; + border-radius: 3px; +} #idioma .cta-btn { - font-weight: 600; - font-size: 12px; - letter-spacing: 1px; - padding: 4px 18px; - display: inline-flex; - border-radius: 18px; - transition: 0.2s; - margin-top: 10px; - border: 2px solid #bb8800; - color: #bb8800; + font-weight: 600; + font-size: 12px; + letter-spacing: 1px; + padding: 4px 18px; + display: inline-flex; + border-radius: 18px; + transition: 0.2s; + margin-top: 10px; + border: 2px solid #bb8800; + color: #bb8800; } #Centro ul li a { - color: #bb8800; + color: #1e3c70; } #idioma .cta-btn:hover { - background: #1e3c70; - border-color: #1e3c70; - color: #fff; -} + background: #1e3c70; + border-color: #1e3c70; + color: #fff; +} #myTab .active { - color: #1e3c70; + color: #bb8800; + border-bottom: 1px solid #bb8800; } #Contacto .table th { - text-align: center; - background-color: #1e3c70; - color: rgb(255, 255, 255); + text-align: center; + background-color: #1e3c70; + color: rgb(255, 255, 255); } #Contacto .table tr td { - color: #1e3c70; - text-align: center; + color: #1e3c70; + text-align: center; } #Contacto .container { - position: relative; - width: 100%; - padding-right: 15px; - padding-left: 15px; + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; } #Contacto .contenedor { - padding: 10px; - overflow-x: scroll !important; - height: fit-content; - flex-wrap: nowrap !important; + padding: 10px; + overflow-x: scroll !important; + height: fit-content; + flex-wrap: nowrap !important; } #Contacto ul li { - width: fit-content; + width: auto; } #Contacto ul li a { - text-decoration: none; - padding: 5px; - /* border: 1px solid #000; */ - width: fit-content; - padding: 10px !important; - color:#bb8800; -} + text-decoration: none; + padding: 5px; + /* border: 1px solid #000; */ + width: auto; + padding: 10px !important; + color: #bb8800; +} #tab-Contacto .active { - color:#1e3c70; + color: #1e3c70; } @media (max-width: 991px) { - #Contacto div .contendor { - overflow-x: hidden; - } + #Contacto div .contendor { + overflow-x: hidden; + } + + #Contacto .normal1 .nav-link { + border: 0; + padding: 15px; + } + + #Contacto .normal .nav-link.active { + color: #fff; + background: #048ad6; + } + + #Contacto .normal1 { + display: ; + height: 70px; + overflow: auto; + } } .line { - position: relative; + 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; + 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; -} + 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; -} + padding-right: 30px; +} +.pr p { + text-align: justify; +} + +#Centro .pr p { + text-align: justify; + padding: 4px 8px; +} + +#idioma .pr h3 i { + font-size: 28px; + vertical-align: middle; + margin-right: 8px; +} diff --git a/idiomas/assets/css/idiomas1.css b/idiomas/assets/css/idiomas1.css new file mode 100644 index 0000000..e69de29 diff --git a/idiomas/assets/css/idiomas1.less b/idiomas/assets/css/idiomas1.less new file mode 100644 index 0000000..e69de29 diff --git a/idiomas/index.html b/idiomas/index.html index 5ee2cf1..6c1c5a1 100644 --- a/idiomas/index.html +++ b/idiomas/index.html @@ -80,7 +80,7 @@
      - device-width +
      @@ -105,7 +105,7 @@ class="text-white d-flex aling-items-center gap_1 pt-3" style="color: rgba(255, 255, 255); text-align: justify" > - + Objetivo
      @@ -173,7 +173,10 @@ -
      +
      @@ -421,7 +424,7 @@
      +

      Contenido del segundo tab

      +