From 4bd90c7663aaeefe20f3409bb2c8a942f19eb106 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mar=C3=ADa?= Date: Mon, 21 Apr 2025 19:15:13 +0200 Subject: [PATCH] ejercicios terminados --- apple-pie/index.html | 71 ++++++++++++++++++++++++------------ apple-pie/styles/style.css | 58 ++++++++++++++++++++++++++--- french-soup/index.html | 59 ++++++++++++++++++++++++------ french-soup/styles/style.css | 53 +++++++++++++++++++++++++-- 4 files changed, 197 insertions(+), 44 deletions(-) diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..be354f4c2 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -3,37 +3,60 @@ + 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! +
+

Apple Pie

+
- 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. +
+

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!

- 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. +
+ recipe-info +
+ +
- 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. +
+
+

Ingredients

+ +
+ cooking-info +
+
+
+ +
+

Directions

+
    +
  1. 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. +
    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. Pour slowly so + that it does not run off. +
    3. +
  3. Bake 15 minutes in the preheated oven. Reduce the temperature to 350 degrees F (175degrees 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..cb8253976 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -5,20 +5,68 @@ html { font-size: 16px; } -*, *:before, *:after { + *, *:before, *:after { box-sizing: inherit; } body, h1, h2, h3, h4, h5, h6, p, ol, ul { - margin: 0; + margin: 5px; padding: 0; font-weight: lighter; } -/* Set the font */ +/* STYLES */ +/* Write your CSS below */ + body { + margin: 0; + color: #333; + background-color: #fff; +} + + + +html { font-family: "Helvetica", sans-serif; + font-size: 18px; } -/* STYLES */ -/* Write your CSS below */ \ No newline at end of file + + +.hero { + background-image: url("/apple-pie/images/apple-pie.jpg"); + background-size: cover; + background-position: center; + height: 500px; + display: flex; + justify-content: center; + align-items: center; +} + +.hero h1 { + color: white; + font-size: 50px; +} + +section { + max-width: 800px; + margin: 0px auto; + padding: 40px; + +} + +.details img { + display: flex; + text-align: center; +} + +.ingredients ul { + padding-left: 20px; + padding-bottom: 35px; +} + +.directions ol { + padding-left: 20px; + padding-bottom: 35px; + +} \ No newline at end of file diff --git a/french-soup/index.html b/french-soup/index.html index 9eb587ee6..b2b392ba5 100644 --- a/french-soup/index.html +++ b/french-soup/index.html @@ -3,19 +3,56 @@ + French Onion Soup Recipe - + - French Onion Soup We have been trying French onion soup in restaurants for years and my family and friends agree - none can compare to my recipe for taste and simplicity of preparation. Ingredients 1/2 cup unsalted butter 2 - tablespoons olive oil 4 cups sliced onions 4 (10.5 ounce) cans beef broth 2 tablespoons dry sherry (optional) 1 - teaspoon dried thyme salt and pepper to taste 4 slices French bread 4 slices provolone cheese 2 slices Swiss cheese, - diced 1/4 cup grated Parmesan cheese Directions Melt butter with olive oil in an 8 quart stock pot on medium heat. - Add onions and continually stir until tender and translucent. Do not brown the onions. Add beef broth, sherry and - thyme. Season with salt and pepper, and simmer for 30 minutes. Heat the oven broiler. Ladle soup into oven safe - serving bowls and place one slice of bread on top of each (bread may be broken into pieces if you prefer). Layer - each slice of bread with a slice of provolone, 1/2 slice diced Swiss and 1 tablespoon Parmesan cheese. Place bowls - on cookie sheet and broil in the preheated oven until cheese bubbles and browns slightly. +
+

French Onion Soup

+
+ + +
+

We have been trying French onion soup in restaurants for years and my family and friends agree none can compare to my recipe for taste and simplicity of preparation.

+
+ Recipe-info +
+
+ +
+ +
+

Ingredients

+ + + Cooking-info + +
+ +
+ +
+

Directions

+
    +
  1. Melt butter with olive oil in an 8 quart stock pot on medium heat. Add onions and continually stir until tender and translucent. Do not brown the onions.
    2. +
  2. Add beef broth, sherry and thyme. Season with salt and pepper, and simmer for 30 minutes.
    3. +
  3. Heat the oven broiler. Ladle soup into oven safe serving bowls and place one slice of bread on top of each (bread may be broken into pieces if you prefer). + Layer each slice of bread with a slice of provolone, 1/2 slice diced Swiss and 1 tablespoon Parmesan cheese. Place bowls on cookie sheet and broil in the preheated oven until cheese bubbles and browns slightly. +
    4. +
+
diff --git a/french-soup/styles/style.css b/french-soup/styles/style.css index 51ac59e60..d8ebb6cb1 100644 --- a/french-soup/styles/style.css +++ b/french-soup/styles/style.css @@ -1,9 +1,54 @@ /*Some necessary adjustments*/ -h1, body, html, main { - margin: 0; +body { + body { + margin: 0; + color: #333; + background-color: #fff; + font-weight: lighter; + } + } /*Import the font and set the default size*/ html { - font-family: 'Open Sans', sans-serif; - font-size: 18px + font-family: "Helvetica", sans-serif; + font-size: 18px; } + +.hero { + background-image: url('/french-soup/images/soup.jpg'); + background-size: cover; + background-position: center; + height: 500px; + display: flex; + justify-content: center; + align-items: center; +} + +.hero h1 { + color: white; + font-size: 36px; + +} + +section { + max-width: 800px; + margin: 20px auto; + padding: 10px; + +} + +.details { + display: flex; + text-align: center; +} + +.ingredients ul { + padding-left: 20px; + padding-bottom: 35px; +} + +.directions ol { + padding-left: 20px; + padding-bottom: 35px; + +} \ No newline at end of file