From 37a3fc8bdff39dab17da3adfeeb4676673c7d8f7 Mon Sep 17 00:00:00 2001 From: Kim Delgado Date: Mon, 1 Jul 2024 17:32:07 +0200 Subject: [PATCH 1/2] lab finished --- apple-pie/index.html | 98 ++++++++++++++++++++++-------------- apple-pie/styles/style.css | 90 +++++++++++++++++++++++++++++++-- french-soup/index.html | 73 ++++++++++++++++++++------- french-soup/styles/style.css | 88 ++++++++++++++++++++++++++++++++ 4 files changed, 290 insertions(+), 59 deletions(-) diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..0a43c46b1 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -1,39 +1,63 @@ - - - - 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

+
+ +
+

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

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 (175 + degrees C). Continue baking for 35 to 45 minutes, until apples are soft.
    4. +
+
+ + + \ No newline at end of file diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index 7a55b4df4..5777660e4 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -5,11 +5,22 @@ html { font-size: 16px; } -*, *:before, *:after { +*, +*:before, +*:after { box-sizing: inherit; } -body, h1, h2, h3, h4, h5, h6, p, ol, ul { +body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +ol, +ul { margin: 0; padding: 0; font-weight: lighter; @@ -21,4 +32,77 @@ body { } /* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* Write your CSS below */ +* { + font-family: 'Segoe UI' +} + +html { + margin-bottom: 10%; +} + +.apple-pie { + background-image: url("../images/apple-pie.jpg"); + background-position: 0 0; + background-repeat: no-repeat; + background-size: cover; + height: 500px; + text-align: center; + padding-top: 200px; +} + +#main-title { + color: white; + font-size: 50px; +} + +section { + margin-left: 20%; + margin-right: 20%; + margin-top: 5%; +} + +hr.solid { + border-top: 2px solid #a4a4a4; + margin-left: 20%; + margin-right: 20%; + margin-top: 2%; +} + +h2 { + padding-bottom: 5%; + font-weight: bolder; +} + +.center { + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; +} + +ul { + margin-bottom: 2%; + padding-inline-start: 20px; +} + +ul.dashed { + list-style-type: none; +} + +ul.dashed>li { + text-indent: -20px; +} + +ul.dashed>li:before { + content: "- "; + text-indent: -20px; +} + +ol { + padding-inline-start: 20px; +} + +p { + margin-bottom: 2%; +} \ No newline at end of file diff --git a/french-soup/index.html b/french-soup/index.html index 9eb587ee6..8a1df4c05 100644 --- a/french-soup/index.html +++ b/french-soup/index.html @@ -1,21 +1,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 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.

+ 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.
    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). Layereach 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. +
+
+ + + \ No newline at end of file diff --git a/french-soup/styles/style.css b/french-soup/styles/style.css index 51ac59e60..b4a442962 100644 --- a/french-soup/styles/style.css +++ b/french-soup/styles/style.css @@ -7,3 +7,91 @@ html { font-family: 'Open Sans', sans-serif; font-size: 18px } + +body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +ol, +ul { + margin: 0; + padding: 0; + font-weight: lighter; +} + +* { + font-family:'Segoe UI'; +} + +html { + margin-bottom: 10%; +} + +header { + background-image: url(../images/soup.jpg); + background-position: 0, 0; + background-repeat: no-repeat; + background-size: cover; + height: +} + +section { + margin-left: 20%; + margin-right: 20%; + margin-top: 5%; +} + +h2 { + padding-bottom: 5%; + font-weight: bolder; +} + +ul { + margin-bottom: 2%; +} + +ul.dashed { + list-style-type: none; +} + +ul.dashed > li { + text-indent: -20px; +} + +ul.dashed > li:before { + content: "- "; + text-indent: -20px; +} + +.apple-pie { + background-image: url("../images/apple-pie.jpg"); + background-position: 0 0; + background-repeat: no-repeat; + background-size: cover; + height: 500px; + text-align: center; + padding-top: 200px; +} + +#main-title { + color: white; + font-size: 50px; +} + +hr.solid { + border-top: 2px solid #a4a4a4; + margin-left: 20%; + margin-right: 20%; + margin-top: 2%; +} + +.center { + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; +} \ No newline at end of file From c282c9e56d2c36eec8c8b4b48dec8f2098911ca2 Mon Sep 17 00:00:00 2001 From: Kim Delgado Date: Mon, 1 Jul 2024 17:40:34 +0200 Subject: [PATCH 2/2] lab finished finsihed --- french-soup/index.html | 4 ++- french-soup/styles/style.css | 65 ++++++++++++++++++------------------ 2 files changed, 36 insertions(+), 33 deletions(-) diff --git a/french-soup/index.html b/french-soup/index.html index 8a1df4c05..ec21f4774 100644 --- a/french-soup/index.html +++ b/french-soup/index.html @@ -10,7 +10,9 @@ -
French Onion Soup
+
+

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.

diff --git a/french-soup/styles/style.css b/french-soup/styles/style.css index b4a442962..2ef8040c4 100644 --- a/french-soup/styles/style.css +++ b/french-soup/styles/style.css @@ -24,19 +24,26 @@ ul { } * { - font-family:'Segoe UI'; + font-family: 'Segoe UI' } html { margin-bottom: 10%; } -header { - background-image: url(../images/soup.jpg); - background-position: 0, 0; +.soup { + background-image: url("../images/soup.jpg"); + background-position: 0 0; background-repeat: no-repeat; background-size: cover; - height: + height: 500px; + text-align: center; + padding-top: 200px; +} + +#main-title { + color: white; + font-size: 50px; } section { @@ -45,53 +52,47 @@ section { margin-top: 5%; } +hr.solid { + border-top: 2px solid #a4a4a4; + margin-left: 20%; + margin-right: 20%; + margin-top: 2%; +} + h2 { padding-bottom: 5%; font-weight: bolder; } +.center { + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; +} + ul { margin-bottom: 2%; + padding-inline-start: 20px; } ul.dashed { list-style-type: none; } -ul.dashed > li { +ul.dashed>li { text-indent: -20px; } -ul.dashed > li:before { +ul.dashed>li:before { content: "- "; text-indent: -20px; } -.apple-pie { - background-image: url("../images/apple-pie.jpg"); - background-position: 0 0; - background-repeat: no-repeat; - background-size: cover; - height: 500px; - text-align: center; - padding-top: 200px; -} - -#main-title { - color: white; - font-size: 50px; +ol { + padding-inline-start: 20px; } -hr.solid { - border-top: 2px solid #a4a4a4; - margin-left: 20%; - margin-right: 20%; - margin-top: 2%; -} - -.center { - display: block; - margin-left: auto; - margin-right: auto; - width: 50%; +p { + margin-bottom: 2%; } \ No newline at end of file