From 52d83380e5ae2c4b4f639927b4676528a0da9dc2 Mon Sep 17 00:00:00 2001 From: Sevda Kahraman Date: Mon, 16 Jun 2025 17:22:41 +0200 Subject: [PATCH] done --- apple-pie/index.html | 113 +++++++++++++++++++++++++------------ apple-pie/styles/style.css | 74 +++++++++++++++++++++++- 2 files changed, 148 insertions(+), 39 deletions(-) diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..457147752 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -1,39 +1,78 @@ - - - - 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!

+ +
+ +
+ +
+
+ + + + +
+

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. +
  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..4999c65c0 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -1,8 +1,11 @@ /* CSS RESET - do not remove */ /* Reset default browser styles and provide a consistent starting point */ + html { box-sizing: border-box; font-size: 16px; + margin: 0; + padding: 0; } *, *:before, *:after { @@ -17,8 +20,75 @@ body, h1, h2, h3, h4, h5, h6, p, ol, ul { /* Set the font */ body { - font-family: "Helvetica", sans-serif; + font-family: "Roboto", sans-serif; + color: #333; + margin-bottom: 50px; } /* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* Write your CSS below */ + +/*header*/ + .header-class { + background-image: url("../images/apple-pie.jpg"); + background-size: cover; + background-position: center; + color: white; + + height: 400px; + display: flex; + justify-content: center; + align-items: center; + text-align: center; + margin: 50px auto 0 auto; + max-width: 800px +} + +#header-title { + font-size: 50px; + } + + +/*section*/ +section { + padding: 10px ; + margin: 50px auto 0 auto; + max-width: 700px +} + +.section-title { + margin: 0 0 20px 0 +} + + #cooking-info { + margin: 20px 0 0 140px; + display: flex; + justify-content: center; + } + +#recipe-info { + margin: 20px 0 0 140px; + display: flex; + justify-content: center; + } + + +.image-class { + width: 300px; + height: auto; + display: flex; + justify-content: center; + } + + +/*list*/ +ul { list-style: '- '; } + + +ol { + list-style: none; +} + +ol>li:before { + content: attr(seq) ") "; +} \ No newline at end of file