From b132dd9c096e45214ef7e770a67283c81afb382b Mon Sep 17 00:00:00 2001 From: Federico Mendez Date: Mon, 10 Nov 2025 23:45:59 +0100 Subject: [PATCH] done --- apple-pie/index.html | 89 +++++++++++++++++++++++--------------- apple-pie/styles/style.css | 65 +++++++++++++++++++++------- 2 files changed, 103 insertions(+), 51 deletions(-) diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..6bafc689b 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -1,39 +1,56 @@ - - - - Apple Pie Recipe - - - - Apple Pie - - This was my grandmother's apple pie recipe. I have never seen another one quite like it. It will always - be my favorite and has won me several first place prizes in local competitions. I hope it becomes one of your - favorites as well! - - Ingredients - - 1 recipe pastry for a 9 inch double crust pie - 1/2 cup unsalted butter - 3 tablespoons all-purpose flour - 1/4 cup water - 3 tablespoons all-purpose flour - 1/4 cup water 1/2 cup white sugar - 1/2 cup packed brown sugar - 8 Granny Smith apples - peeled, cored and sliced - - Directions - - Preheat oven to 425 degrees F (220 degrees C).Melt the butter in a saucepan. Stir in flour to form a paste. Add water, white sugar and brown sugar, and bring - to a boil. Reduce temperature and let simmer. - - Place the bottom crust in your pan. Fill with apples, mounded - slightly. Cover with a lattice work crust. Gently pour the sugar and butter liquid over the crust. Pour slowly so - that it does not run off. - - Bake 15 minutes in the preheated oven. Reduce the temperature to 350 degrees F (175 - degrees C). Continue baking for 35 to 45 minutes, until apples are soft. - + + + + Apple Pie Recipe + + + + + +
+

Apple Pie

+

The traditional homemade apple pie recipe

+
+ + +
+ + +
+

+ This was my grandmother's apple pie recipe. I have never seen another one quite like it. + It will always be my favorite and has won me several first place prizes in local competitions. + I hope it becomes one of your favorites as well! +

+
+ + +
+ + +

Ingredients

+ + + +
+ + +

Directions

+
    +
  1. Preheat oven to 425°F (220°C). Melt the butter in a saucepan. Stir in flour to form a paste. Add water, white sugar and brown sugar, and bring to a boil. Reduce temperature and let simmer.
    2. +
  2. Place the bottom crust in your pan. Fill with apples, mounded slightly. Cover with a lattice work crust. Gently pour the sugar and butter liquid over the crust slowly.
    3. +
  3. Bake 15 minutes in the preheated oven. Reduce the temperature to 350°F (175°C). Continue baking for 35 to 45 minutes, until apples are soft.
    4. +
+ + diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index 7a55b4df4..213a5ff94 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -1,24 +1,59 @@ -/* CSS RESET - do not remove */ -/* Reset default browser styles and provide a consistent starting point */ -html { +/* RESET */ +* { + margin: 0; + padding: 0; box-sizing: border-box; - font-size: 16px; } -*, *:before, *:after { - box-sizing: inherit; +body { + font-family: "Helvetica", sans-serif; + line-height: 1.6; + padding: 20px; } -body, h1, h2, h3, h4, h5, h6, p, ol, ul { - margin: 0; - padding: 0; - font-weight: lighter; +/* HEADER CON IMAGEN DE FONDO */ +.hero { + width: 100%; + height: 500px; /* altura visible del header */ + background-image: url('../images/apple-pie.jpg'); /* ajusta la ruta */ + background-size: cover; /* que cubra toda la sección */ + background-position: center; /* centrada */ + display: flex; + flex-direction: column; + justify-content: center; /* centra verticalmente el texto */ + align-items: center; /* centra horizontalmente el texto */ + color: white; + text-align: center; + text-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } -/* Set the font */ -body { - font-family: "Helvetica", sans-serif; +/* LÍNEA HORIZONTAL CENTRADA */ +.linea-media { + border: none; + height: 2px; + background-color: #ccc; + width: 50%; + margin: 20px auto; } -/* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* DESCRIPCIÓN */ +.description { + margin: 20px 0; +} + +/* LISTA NUMERADA PERSONALIZADA */ +.numeros { + list-style: none; + counter-reset: item; + padding-left: 0; +} + +.numeros li { + counter-increment: item; + margin-bottom: 10px; +} + +.numeros li::before { + content: counter(item) ") "; + font-weight: normal; +}