diff --git a/TP-Diagnostico b/TP-Diagnostico new file mode 160000 index 0000000..ac9ca96 --- /dev/null +++ b/TP-Diagnostico @@ -0,0 +1 @@ +Subproject commit ac9ca965221e9ac8c64ff6fefe67c91d653ae191 diff --git a/img/Granos-de-cafe-47009229_s.jpg b/img/Granos-de-cafe-47009229_s.jpg new file mode 100644 index 0000000..2ce0473 Binary files /dev/null and b/img/Granos-de-cafe-47009229_s.jpg differ diff --git a/img/hero2.jpg b/img/hero2.jpg new file mode 100644 index 0000000..f2060b8 Binary files /dev/null and b/img/hero2.jpg differ diff --git a/img/hero3.jpg b/img/hero3.jpg new file mode 100644 index 0000000..fb0b70a Binary files /dev/null and b/img/hero3.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..b70dd8a --- /dev/null +++ b/index.html @@ -0,0 +1,185 @@ + + + + + + + Tu mejor café + + + + + +
+ +
+ +
+

Bienvenido a la guía del café definitivo

+

Esto es un paso a paso para preparar un buen café.

+ +
+

El Café: Más que una Bebida, un Ritual Global

+

+ El café es una de las bebidas más consumidas en el mundo, pero su importancia trasciende el simple hecho de + despertarnos por la mañana. Se ha convertido en un motor económico, un objeto de estudio científico y, sobre + todo, un catalizador social que une a las personas en bares, oficinas y hogares. +

+
+ +
+ Granos de café +
+ +
+
+

Ingredientes necesarios

+
    +
  • Café en grano o molido
    • +
  • Agua mineral
    • +
  • Azúcar o endulzante (opcional)
    • +
  • Leche (opcional)
    • +
+
+
+

Pasos para la preparación

+
    +
  1. Hervir el agua hasta que alcance los 90°C.
    2. +
  2. Colocar el filtro en la cafetera y añadir el café.
    3. +
  3. Verter el agua caliente lentamente sobre el café.
    4. +
  4. Esperar 4 minutos para la infusión completa.
    5. +
  5. Servir en una taza y disfrutar.
    6. +
+
+
+ +
+

Comparativa de Métodos

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
MétodoTipo de MoliendaResultado en Taza
EspressoFinaIntenso, con cuerpo y crema persistente.
Prensa FrancesaGruesaSabor robusto, aceitoso y con textura.
V60 / GoteoMedia-FinaLimpio, resalta la acidez y notas frutales.
Moka (Italiana)Media-FinaFuerte, concentrado y amargo clásico.
Cold BrewMuy GruesaSuave, baja acidez y dulce natural.
+ Nota: La calidad del agua influye hasta en un 98% en el sabor final. +
+
+ +
+ + Más información sobre el café + +
+ +
+ +
+

Formulario de Inscripción

+
+
+
+ + +
+
+ + +
+
+ +
+ +
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+
+ + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..3d774e7 --- /dev/null +++ b/style.css @@ -0,0 +1,143 @@ +/* Configuración General */ +:root { + --cafe-oscuro: #3c2a21; + --cafe-medio: #5e4226; + --cafe-claro: #d4a373; + --crema: #faedcd; + --blanco-hueso: #fefae0; +} + +body { + background-color: var(--blanco-hueso); + color: var(--cafe-oscuro); + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + line-height: 1.6; +} + +/* Encabezados */ +h1, h2, h3 { + color: var(--cafe-oscuro); + font-weight: 700; + margin-top: 20px; +} + +h1 { + border-bottom: 3px solid var(--cafe-claro); + display: inline-block; + padding-bottom: 5px; +} + +/* Navegación */ +.navbar { + background-color: var(--cafe-oscuro) !important; + margin-bottom: 30px; +} + +.navbar-brand { + color: var(--crema) !important; + font-weight: bold; + text-transform: uppercase; +} + +/* Imágenes */ +img.container { + display: block; + border-radius: 15px; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); + margin-top: 20px; + margin-bottom: 30px; + height: auto; + object-fit: cover; + max-height: 400px; +} + +/* Listas */ +ul, ol { + background: white; + padding: 20px 40px; + border-radius: 10px; + box-shadow: 2px 2px 10px rgba(0,0,0,0.05); +} + +li { + margin-bottom: 10px; +} + +/* Tablas (Personalizando las clases de Bootstrap) */ +.table { + margin-top: 30px; + background-color: white; + border-radius: 10px; + overflow: hidden; + border: none !important; +} + +.table thead { + background-color: var(--cafe-medio); + color: white; +} + +/* Formulario */ +form { + background-color: white; + padding: 30px; + border-radius: 15px; + box-shadow: 0 10px 25px rgba(0,0,0,0.1); + margin-bottom: 50px; +} + +input[type="text"], +input[type="email"], +input[type="number"], +select, +textarea { + width: 100%; + padding: 10px; + border: 1px solid #ddd; + border-radius: 5px; + margin-top: 5px; +} + +input:focus, textarea:focus { + outline: none; + border-color: var(--cafe-claro); + box-shadow: 0 0 5px var(--cafe-claro); +} + +button[type="submit"] { + background-color: var(--cafe-medio); + color: white; + border: none; + padding: 12px 30px; + border-radius: 5px; + cursor: pointer; + font-size: 1.1rem; + transition: background 0.3s ease; +} + +button[type="submit"]:hover { + background-color: var(--cafe-oscuro); +} + +/* Footer */ +footer { + background-color: var(--cafe-oscuro); + color: var(--crema); + padding: 20px 0; + margin-top: 40px; + text-align: center; +} + +/* Enlaces */ +a.container { + display: inline-block; + color: var(--cafe-medio); + text-decoration: none; + font-weight: bold; + margin-top: 20px; +} + +a.container:hover { + color: var(--cafe-claro); + text-decoration: underline; +} \ No newline at end of file