diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..caefdf1e9 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -4,36 +4,48 @@ 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 +
+

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

+ +
+
+

Ingredients

+ +
+ +
+
+

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. - Place the bottom crust in your pan. Fill with apples, mounded +
  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. + that it does not run off.
  4. - 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. +
  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 7a55b4df4..b7c146519 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -10,8 +10,8 @@ html { } body, h1, h2, h3, h4, h5, h6, p, ol, ul { - margin: 0; - padding: 0; + margin: 15px; + padding: 10; font-weight: lighter; } @@ -21,4 +21,61 @@ body { } /* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* Write your CSS below */ + .header-container { + background-image: url("../images/apple-pie.jpg"); + background-size: cover; + color: white; + width: 100%; + padding: 250px; + text-align: center; + font-size: 50px; +} + +h2 { + text-align: center; + margin: 20px; + font-size: 20px; +} + +img { + display: block; + margin-left: auto; + margin-right: auto; + width: 25%; +} + +div { + background-color: black; + height: 1px; + width: 10; +} + +h3 { + margin: 20px; + font-size: 18px; +} +.ingredients { + padding: 20px; + border-radius: 5px; +} + +.line { + list-style: none; +} + +.line li::before { + content: "- "; +} + +ol { + list-style-type: none; +} + +ol > li { + counter-increment: listcounter; +} + +ol li::before { + content: counter(listcounter) ")"; +} \ No newline at end of file