diff --git a/02 - HTML/programas/3.-layoutYRutas.html b/02 - HTML/programas/3.-layoutYRutas.html index fc98a2a..0dc0dea 100644 --- a/02 - HTML/programas/3.-layoutYRutas.html +++ b/02 - HTML/programas/3.-layoutYRutas.html @@ -27,8 +27,6 @@ nav { float: left; width: 30%; - height: 300px; - /* only for demonstration, should be removed */ background: #ccc; padding: 20px; } @@ -43,7 +41,6 @@ padding: 20px; width: 70%; background-color: #f1f1f1; - height: 300px; } /* Clear floats after the columns */ @@ -85,12 +82,14 @@

Ciudades

  • Londres
  • Paris
  • Tokyo
    • +
  • NY

    • Londres

    Londres es la capital de Inglaterra y es la ciudad más popular del Reino Unido, es la ciudad mas poblada con 13 millones de habitantes en su área metropolitana

    + london
    diff --git a/02 - HTML/programas/Tacos El Jefe.png b/02 - HTML/programas/Tacos El Jefe.png new file mode 100644 index 0000000..b6bc105 Binary files /dev/null and b/02 - HTML/programas/Tacos El Jefe.png differ diff --git a/02 - HTML/programas/tacosElJefe.html b/02 - HTML/programas/tacosElJefe.html new file mode 100644 index 0000000..31d9e5e --- /dev/null +++ b/02 - HTML/programas/tacosElJefe.html @@ -0,0 +1,137 @@ + + + + + + + Tacos el Jefe + + +
    +

    Tacos el Jefe, desde 2022

    +
    + +
    + Logo tacos el jefe + +

    Menú

    +

    Tacos grandes

    +

    Todos incluyen nopales y cebollas

    + + +

    Tacos pequeños

    +

    Con cilantro y cebolla

    + + +

    Especiales

    +

    Haz tu combo con refresco por $10 más

    +
    +
    Labrador .................... $40
    +
    - Tortilla de maiz con pollo asado
    +
    Pastor Aleman .................... $40
    +
    - Tortilla de harina con carne de res y queso
    +
    Pug .................... $40
    +
    - Tortilla de maiz con chuleta
    +
    Adoptado .................... $40
    +
    - Tortilla de maiz con Pastor
    +
    +
    + +
    + +
    +

    Ubicación

    +

    Sucursales

    + + + + + + + + + + + + + + + + + + + + + +
    NombreUbicaciónHorarios
    CentroAntonio Solis 166, ObreraL - D 24H
    SurCuauhtémoc E, Ignacio Allende 134L - D 5pm - 3am
    NorteSara 4537, Guadalupe TepeyacM - D 5pm - 3am
    +
    + +
    + +
    +

    Pedidos

    +

    Haz tu pedido aquí

    + +
    +

    ¿De qué taquería quieres?

    + + +

    ¿De qué tacos quieres?

    + + + +
    + + + +
    + + + +
    + + + +
    + + +
    + +

    + +
    + + +

    + +
    + + +

    +
    + + + +

    +
    +
    + + + + \ No newline at end of file diff --git a/03 - CSS/programas/1.-selectores.html b/03 - CSS/programas/1.-selectores.html index 7bcb27a..7fd01a4 100644 --- a/03 - CSS/programas/1.-selectores.html +++ b/03 - CSS/programas/1.-selectores.html @@ -6,6 +6,7 @@ Selectores -

    Header simple

    Header con id Titulo

    Parrafo simple

    diff --git a/03 - CSS/programas/2.-colores.css b/03 - CSS/programas/2.-colores.css index 993bf25..969449b 100644 --- a/03 - CSS/programas/2.-colores.css +++ b/03 - CSS/programas/2.-colores.css @@ -15,7 +15,7 @@ p{ } .colorRGBA{ - color: rgba(93, 217, 94, 0.6); + color: rgba(93, 217, 93, 0.5); } .colorHEX{ diff --git a/03 - CSS/programas/2.-colores.html b/03 - CSS/programas/2.-colores.html index 77109be..64b4123 100644 --- a/03 - CSS/programas/2.-colores.html +++ b/03 - CSS/programas/2.-colores.html @@ -16,5 +16,7 @@

    Código de colores CSS

    Prueba color HEX

    Prueba color HSL

    +

    H1 en rojo

    + diff --git a/03 - CSS/programas/3.-fondos.css b/03 - CSS/programas/3.-fondos.css index cfe3e17..c35064f 100644 --- a/03 - CSS/programas/3.-fondos.css +++ b/03 - CSS/programas/3.-fondos.css @@ -16,7 +16,7 @@ div{ .fondoOpacidad{ background-color: #5d0c0c; - opacity: 0.6; + opacity: 0.4; } .fondoImagen{ @@ -46,7 +46,6 @@ div{ .fondoCompleto{ background-image: url("../images/fondo2.jpg"); - background-repeat: no-repeat; background-position: center; background-size: cover; } diff --git a/03 - CSS/programas/4.-textos.css b/03 - CSS/programas/4.-textos.css index f157f7c..ee5288e 100644 --- a/03 - CSS/programas/4.-textos.css +++ b/03 - CSS/programas/4.-textos.css @@ -53,5 +53,4 @@ .link{ text-decoration: none; color: black; - } diff --git a/03 - CSS/programas/flexbox.css b/03 - CSS/programas/flexbox.css new file mode 100644 index 0000000..424f352 --- /dev/null +++ b/03 - CSS/programas/flexbox.css @@ -0,0 +1,22 @@ +*{ + font-family: Arial, Helvetica, sans-serif; +} + +.contenedor{ + min-height: 400px; + background-color: #697070; + display: flex; + justify-content: space-around; + align-items: center; + flex-wrap: wrap; +} + +.elemento{ + height: 200px; + width: 200px; + background-color: #911a3c; + border-color: #fff; + border-width: 5px; + border-style: solid; + padding: 10px; +} \ No newline at end of file diff --git a/03 - CSS/programas/flexbox.html b/03 - CSS/programas/flexbox.html new file mode 100644 index 0000000..3861d4c --- /dev/null +++ b/03 - CSS/programas/flexbox.html @@ -0,0 +1,20 @@ + + + + + + + Flexbox + + + +
    +
    +

    Hola explorers 1

    +
    +
    +
    +
    + + + \ No newline at end of file diff --git a/03 - CSS/programas/mobile.css b/03 - CSS/programas/mobile.css new file mode 100644 index 0000000..9ce5361 --- /dev/null +++ b/03 - CSS/programas/mobile.css @@ -0,0 +1,48 @@ +*{ + font-family: Arial, Helvetica, sans-serif; +} + +.container{ + background-color: blue; + height: 400px; +} + +.container-div{ + background-color: red; + width: 200px; + height: 200px; +} + +.parrafo{ + font-size: 15; + font-weight: bold; +} + +@media (max-width: 600px) { + .container{ + background-color: green; + display: flex; + justify-content: center; + align-items: center; + } + + .container-div{ + height: 250; + background-color: orange; + } + + .parrafo{ + text-align: center; + } +} + +@media (max-width: 900px) and (min-width:600px) { + .container{ + background-color: pink; + } + + .parrafo{ + font-size: 20; + font-weight: 200; + } +} \ No newline at end of file diff --git a/03 - CSS/programas/mobile.html b/03 - CSS/programas/mobile.html new file mode 100644 index 0000000..dc301e3 --- /dev/null +++ b/03 - CSS/programas/mobile.html @@ -0,0 +1,18 @@ + + + + + + + pantallas móviles + + + +
    +
    +

    Hola explorers, ¿cómo están?

    +
    +
    + + + \ No newline at end of file