From 175145061686d4292553adb67586fa602331ad58 Mon Sep 17 00:00:00 2001 From: Pablo Queiroz Date: Mon, 17 Nov 2025 15:38:24 +0000 Subject: [PATCH 1/2] lab finished --- apple-pie/index.html | 88 +++++++++++++++++++++---------- apple-pie/styles/style.css | 104 ++++++++++++++++++++++++++++++++++++- 2 files changed, 165 insertions(+), 27 deletions(-) diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..a4b576610 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -5,35 +5,71 @@ Apple Pie Recipe + + - Apple Pie +
+

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

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

+ + recipe-img + +
+ +
+ +
+

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
    • +
+ + cooking-img + +
+ +

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

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 (175 + degrees 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..ad2dd29a3 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -21,4 +21,106 @@ body { } /* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* Write your CSS below */ + + +#welcome { +background-image: url(../images/apple-pie.jpg); +height: 400px; +background-position: 0 0; +background-repeat: no-repeat; +background-size: cover; +} + +h1 { + text-align: center; + color: white; + padding-top: 160px; + font-size: 2.7em; +} + +h2{ + font-size: 1.5em; +} + +#presentation{ + padding-top: 80px; + align-content: center; + text-align: center; +} + +#presentation img { + padding: 30px; +} + +hr { + background-color: black; + height: 3px; + width: 80%; +} + +.description{ + font-size: 1.2em; + margin: 0 auto; + text-align: justify ; + width: 80%; + align-content: center; + +} + +#ingredients{ + font-size: 1em; + width: 80%; + margin: 0 auto; + text-align: center; +} + +#ingredients .subtitles{ + text-align: left; + font-size: 1.4em; + line-height: 50px; + font-weight: bold; +} + +#ingredients .ingredients-list{ + margin-left: 10px; + font-size: .8em; + text-align: left; + list-style:"-" ; +} + +#ingredients img { + padding-top: 50px; +} + +#ingredients hr{ + background-color: black; + height: 3px; + width: 100%; +} + +#directions{ + font-size: 1em; + width: 80%; + margin: 0 auto; + text-align: center; + padding-bottom: 50px; +} + +#directions .subtitles{ + text-align: left; + font-size: 1.4em; + line-height: 50px; + font-weight: bold; +} + +#directions .directions-list{ + font-size: 1.1em; + text-align: left; + list-style: decimal; + padding-left: 22px; +} + +#directions ol li::marker { + content: counter(list-item) ") "; +} \ No newline at end of file From 58113824958b721146e7dd7d6ec380f3d4118226 Mon Sep 17 00:00:00 2001 From: Pablo Queiroz Date: Mon, 17 Nov 2025 16:35:32 +0000 Subject: [PATCH 2/2] labs-finished-2 --- apple-pie/index.html | 1 + french-soup/index.html | 76 ++++++++++++++++++--- french-soup/styles/style.css | 129 +++++++++++++++++++++++++++++++++-- 3 files changed, 189 insertions(+), 17 deletions(-) diff --git a/apple-pie/index.html b/apple-pie/index.html index a4b576610..120c5d1f1 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -28,6 +28,7 @@

Apple Pie

+

Ingredients

    diff --git a/french-soup/index.html b/french-soup/index.html index 9eb587ee6..272e6b268 100644 --- a/french-soup/index.html +++ b/french-soup/index.html @@ -5,17 +5,71 @@ 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-img + +
    + +
    + +
    + +

    Ingredients

    +
      +
    • 2 cup unsalted butter
      • +
    • 2 tablespoons olive oil
      • +
    • 4 cups sliced onions
      • +
    • 4 (10.5 ounce) cans beef broth
      • +
    • 2 tablespoons dry sherry (optional)
      • +
    • 1teaspoon dried thyme
      • +
    • salt and pepper to taste
      • +
    • 4 slices French bread
      • +
    • 4 slices provolone cheese
      • +
    • 2 slices Swiss cheese, dice
      • +
    • 1/4 cup grated Parmesan cheese
      • +
    + cooking-img + +
    + +

    + +
    + +

    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. +
      4. +
    4. + 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. +
      5. + + diff --git a/french-soup/styles/style.css b/french-soup/styles/style.css index 51ac59e60..422774057 100644 --- a/french-soup/styles/style.css +++ b/french-soup/styles/style.css @@ -1,9 +1,126 @@ -/*Some necessary adjustments*/ -h1, body, html, main { +/* CSS RESET - do not remove */ +/* Reset default browser styles and provide a consistent starting point */ +html { + box-sizing: border-box; + font-size: 16px; +} + +*, *:before, *:after { + box-sizing: inherit; +} + +body, h1, h2, h3, h4, h5, h6, p, ol, ul { margin: 0; + padding: 0; + font-weight: lighter; } -/*Import the font and set the default size*/ -html { - font-family: 'Open Sans', sans-serif; - font-size: 18px + +/* Set the font */ +body { + font-family: "Helvetica", sans-serif; +} + +/* STYLES */ +/* Write your CSS below */ + + +#welcome { + background-image: url(../images/soup.jpg); + height: 400px; + background-position: 0 0; + background-repeat: no-repeat; + background-size: cover; +} + +h1 { + text-align: center; + color: white; + padding-top: 160px; + font-size: 2.7em; +} + +h2{ + font-size: 1.5em; +} + +#presentation{ + padding-top: 80px; + align-content: center; + text-align: center; +} + +#presentation img { + padding: 30px; +} + +hr { + background-color: black; + height: 3px; + width: 80%; +} + +.description{ + font-size: 1.2em; + margin: 0 auto; + text-align: justify ; + width: 80%; + align-content: center; + +} + +#ingredients{ + font-size: 1em; + width: 80%; + margin: 0 auto; + text-align: center; +} + +#ingredients .subtitles{ + text-align: left; + font-size: 1.4em; + line-height: 50px; + font-weight: bold; +} + +#ingredients .ingredients-list{ + margin-left: 10px; + font-size: .8em; + text-align: left; + list-style:"-" ; +} + +#ingredients img { + padding-top: 50px; +} + +#ingredients hr{ + background-color: black; + height: 3px; + width: 100%; +} + +#directions{ + font-size: 1em; + width: 80%; + margin: 0 auto; + text-align: center; + padding-bottom: 50px; +} + +#directions .subtitles{ + text-align: left; + font-size: 1.4em; + line-height: 50px; + font-weight: bold; +} + +#directions .directions-list{ + font-size: 1.1em; + text-align: left; + list-style: decimal; + padding-left: 22px; } + +#directions ol li::marker { + content: counter(list-item) ") "; +} \ No newline at end of file