diff --git a/apple-pie/index.html b/apple-pie/index.html index 970b1de..9cdc0d1 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -5,17 +5,62 @@ Apple Pie Recipe + - Apple Pies 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. + +
+

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

Ingredients

+
+
+ +
+ +
+ Cooking Information +
+
+
+
+ +
+

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. +
  3. 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.
  4. +
  5. 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.
  6. +
+
diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index e69de29..3598208 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -0,0 +1,116 @@ +.banner { + position: relative; + text-align: center; + color: white; +} + +.banner img { + width: 100%; + height: auto; +} +.banner-text { + text-align: center; + color: #fff; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-family: 'Arial', sans-serif; + font-size: 2em; + font-weight: lighter; +} + +.paragraph1 { + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: center; + justify-content: center; + align-items: center; + margin: 20px; + font-family: 'Aptos', sans-serif; + font-size: 1.4em; + color: darkslategrey; + text-emphasis: none; + text-align: center; + text-align: justify; + vertical-align: middle; + padding: 0 200px; + +} + +.paragraph1 img { + width: 100%; + height: auto; + max-width: 400px; + border-radius: 10px; +} + +.horizontal-line { + border: 1 solid #ccc; + height: 1px; + size: 10px; + background: #ccc; + margin: 20px 210px; +} +.header2 { + font-family: 'Aptos', sans-serif; + font-size: 1em; + color: darkslategrey; + text-align: start; + margin-top: 20px; + margin-bottom: 10px; + padding: 0 210px; +} + +.paragraph2 { + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: start; + margin: 20px; + font-family: 'Aptos', sans-serif; + font-size: 1em; + color: darkslategrey; + text-emphasis: none; + text-align: start; + padding: 0 100px; +} + +.ingredients-list { + list-style-type: disc; + padding-left: 20px; + margin: 10px 100px; +} + +.cook-info-img { + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} + +.header3 { + font-family: 'Aptos', sans-serif; + font-size: 1em; + color: darkslategrey; + text-align: start; + margin-top: 20px; + margin-bottom: 10px; + padding: 0 210px; +} + +.paragraph3 { + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: start; + margin: 20px; + font-family: 'Aptos', sans-serif; + font-size: 1em; + color: darkslategrey; + text-emphasis: none; + text-align: start; + padding: 0 180px; +}