diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..bdf6d3e62 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -1,39 +1,68 @@ - - - - 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!

+
+
+ Cooking-image +
+ +
+

Ingridients

+
+
+
  • 1 recipe pastry for a 9 inch double crust pie
    • +
  • 1/2 cup unsalted butter
    • +
  • 3 tablespoons all-purpose flour
    • +
  • 1/4 cup water
    • +
  • 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
    • + +
    +
    +
    + receipe-image +
    + +
    +

    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..4a1b71556 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 */ + +body { + font-family: "Georgia", serif; + /* Example of a serif font */ +} + +.main-header { + background-image: url(/apple-pie/images/apple-pie.jpg); + padding: 200px; + background-size: cover; + background-position: center; + text-align: center; + padding: 200px; + + .main-title { + font-size: 2.5rem; + color: #fff; + } +} + +} +.ingridients { + text-align: left; /* Align text to the left */ + padding-left: 10px; /* Adds space on the left */ + max-width: 700px; /* Optional: limits how wide the content goes */ + margin: 0 auto; + margin-top: 60px; + margin-bottom: 10px; +} +.description { + white-space: pre-line; + margin-top: 40px; + text-align: left; + padding-left: 100px; /* adjust as needed */ + padding-right: auto; + +} +.list-ingridients { + text-align: left; /* Align text to the left */ + padding-left: 10px; /* Adds space on the left */ + max-width: 700px; /* Optional: limits how wide the content goes */ + margin: 0 auto; + margin-top: 40px; + +} +.gray-line { + border: none; + height: 3px; + background-color: gray; + width: 700px; /* length of the line */ + margin-top: 50px; + margin-bottom: 40px; +} +.directions { + margin-bottom: 30px; + text-align: left; + padding-left: 100px; /* adjust as needed */ + padding-right: auto; +} + .list-directions { + margin-top: 800px; + adding-left: 10px; /* Adds space on the left */ + max-width: 700px; /* Optional: limits how wide the content goes */ + margin: 0 auto; +} +.gray-line { + border: none; + height: 3px; + background-color: gray; + width: 700px; /* length of the line */ + margin-top: 50px; + margin-bottom: 40px; +} \ No newline at end of file