From 6fb09ae313cf0d1dd74c324a1846a07fd0810779 Mon Sep 17 00:00:00 2001 From: "Abigail M. Rodriguez" Date: Sun, 17 Oct 2021 21:48:50 -0500 Subject: [PATCH] feat| apple-pie recipe whit HTML & CCS --- apple-pie/index.html | 103 +++++++++++++++++++++++++++++---- apple-pie/src/styles/style.css | 77 ++++++++++++++++++++++-- 2 files changed, 164 insertions(+), 16 deletions(-) diff --git a/apple-pie/index.html b/apple-pie/index.html index 7d33866..9db03b9 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -5,17 +5,100 @@ Apple Pie Recipe + + - Apple Pies This was Juan Carlos 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 +

+
+
+ +
+
+
+
+

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

+
+ image recipe info +
+
+
+
+ +
+
+
+
+
+

+ 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 +
    • +
  • + 1/2 cup white sugar +
    • +
  • + 1/2 cup packed brown sugar +
    • +
  • + 8 Granny Smith apples - peeled, cored and sliced +
    • +
+
+ image cooking info +
+
+
+
+
+ +
+
+
+

+ Directions +

+
    +
  • + Preheat oven to 425 degrees F (220 degreesC). 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 (175degrees C). + Continue baking for 35 to 45 minutes, until apples are soft. +
    • +
+
+
+
+
diff --git a/apple-pie/src/styles/style.css b/apple-pie/src/styles/style.css index a1504fe..3bd7b55 100644 --- a/apple-pie/src/styles/style.css +++ b/apple-pie/src/styles/style.css @@ -1,9 +1,74 @@ -/*Some necessary adjustments*/ -h1,body,html,main { - margin: 0; -} + /*Import the font and set the default size*/ -html { +body { font-family: "Open Sans", sans-serif; - font-size: 18px; + /*font-size: 25px;*/ + margin: 0; + +} + +.intro{ + background-image: url(./../images/apple-pie.jpg); + height: 100vh; + background-size: cover; + display: flex; + align-items: center; + justify-content: center; + color: aliceblue; + font-size: 5em; + +} + +.description p { + /*padding: 45px;*/ + text-justify: distribute-all-lines; + border: 25px; + color: gray; + font-size: 20px; +} + +.description img{ + display: flex; + margin-left: auto; + margin-right: auto; +} + +.description{ + border-bottom: solid gray; + padding: 60px; + +} + +.ingredients h2{ + padding: 25px; + color: gray; +} +.ingredients ul{ + color: gray; + font-size: 15px; +} +.ingredients img{ + display: flex; + margin-left: auto; + margin-right: auto; +} +.ingredients{ + border-bottom: solid gray; + padding: 60px; +} + +.direction h2{ + padding: 25px; + color: gray; +} + +.direction ul{ + color: gray; + font-size: 15px; + list-style: decimal; +} + +.direction{ + padding: 60px; } +