diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 000000000..ec05baafe Binary files /dev/null and b/.DS_Store differ diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..c2a11d38e 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -3,37 +3,62 @@ + Apple Pie Recipe - Apple Pie +
+

Apple Pie

+
- This was my grandmother's apple pie recipe. I have never seen another one quite like it. It will always +
+ + +
+

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 + favorites as well!

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

+
    +
  1. 1 recipe pastry for a 9 inch double crust pie e
    2. +
  2. 1/2 cup unsalted butter
    3. +
  3. 3 tablespoons all-purpose flour
    4. +
  4. 1/4 cup water
    5. +
  5. 3 tablespoons all-purpose flour
    6. +
  6. 1/4 cup water 1/2 cup white sugar
    7. +
  7. 1/2 cup packed brown sugar
    8. +
  8. 8 Granny Smith apples - peeled, cored and sliced
    9. +
+ Cooking info +
+ +
- Place the bottom crust in your pan. Fill with apples, mounded +
+

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. - - 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. + that it does not run off.
    3. +
  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. +
  4. 1/4 cup water
    5. +
  5. 3 tablespoons all-purpose flour
    6. +
  6. 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.
    7. +
+
+ diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index 7a55b4df4..c487f62d0 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -10,7 +10,7 @@ html { } body, h1, h2, h3, h4, h5, h6, p, ol, ul { - margin: 0; + margin: 0px; padding: 0; font-weight: lighter; } @@ -21,4 +21,81 @@ 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; + background-position: center; + background-repeat: no-repeat; + height: 550px; + padding-top: 200px; +} +.header-container h1 { + text-align: center; + font-size: 6rem; + font-weight: 300; + color: white; +} + +h2 { + text-align: center; + width: 70%; + margin: 40px auto; + line-height: 1.6; + font-size: 2rem; + font-weight: 300; +} + +.separator-bar { + height: 2px; + background-color: lightgray; + margin: 40px 0; +} + +img { + display: block; + margin: 40px auto; + max-width: 80%; +} + +h3 { + text-align: left; + font-size: 2rem; + font-weight: 300; + margin-bottom: 20px; +} + +section ol { + width: 70%; + margin: 0 auto 40px auto; + line-height: 1.6; + font-size: 1.1rem; +} + +section ol li { + margin-bottom: 10px; +} + +.ingredients-list { + list-style: none; + padding-left: 0; +} + +.ingredients-list li::before { + content: "- "; +} + +.directions-list { + list-style: none; + padding-left: 0; + counter-reset: step-counter; +} + +.directions-list li { + counter-increment: step-counter; +} + +.directions-list li::before { + content: counter(step-counter) ") "; +} \ No newline at end of file