From 52f302fa0aa6c68e80900e848dbef636ffa7f83e Mon Sep 17 00:00:00 2001 From: Samrogrammer Date: Mon, 10 Feb 2025 12:14:55 +0530 Subject: [PATCH 1/2] done --- apple-pie/index.html | 45 ++++++++++++++++------ apple-pie/style.css | 92 ++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 125 insertions(+), 12 deletions(-) create mode 100644 apple-pie/style.css diff --git a/apple-pie/index.html b/apple-pie/index.html index 970b1de..a42e4dc 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -4,18 +4,39 @@ Apple Pie Recipe - + - Apple Pies 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

+

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!

+
+ Recipe Information +
+
+

Ingredients

+ +
+ cooking Information +
+
+

Directions

+
    +
  1. Preheat oven to 425°F (220°C).
    2. +
  2. Melt the butter in a saucepan...
    3. + +
+ + diff --git a/apple-pie/style.css b/apple-pie/style.css new file mode 100644 index 0000000..f56be9e --- /dev/null +++ b/apple-pie/style.css @@ -0,0 +1,92 @@ +/* Global Settings */ +body { + margin: 0; + font-family: 'Proxima Nova Soft', sans-serif; + line-height: 1.6; + background-color: #f9f9f9; /* Subtle background for contrast */ + color: #333; +} + +/* Hero Section */ +h1 { + background-image: url('images/apple-pie.jpg'); /* Ensure this path is correct */ + background-size: cover; + background-position: center; + height: 85vh; /* Adjust this for the height of the hero section */ + display: flex; + justify-content: center; + align-items: center; + color: white; + font-size: 4rem; + font-weight: 300; + margin: 0; + text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); /* Add depth to the text */ +} + +/* Description Section */ +h2 { + text-align: center; + font-size: 1.5rem; + font-weight: lighter; + color: #555; + margin: 30px auto; + width: 70%; + line-height: 1.8; +} +.cooking-info { + text-align: center; + margin: 20px auto; /* Adds spacing around the section */ +} + +.cooking-info img { + width: 300px; /* Adjust the size as needed */ + height: auto; /* Maintains aspect ratio */ + display: flex; /* Centers the image inside the section */ + margin: 30px auto; /* Centers the section itself */ +} + +hr { + border: none; /* Remove default browser styling */ + border-top: 6px solid #ccc; /* Add a light gray line */ + margin: 20px 0; /* Add spacing above and below the line */ + width: 70%; /* Optional: control the width of the line */ + margin-left: auto; /* Center the line */ + margin-right: auto; /* Center the line */ + +} +/* Ingredients and Directions Section */ +h3 { + font-size: 1.2rem; + color: #333; + margin: 30px auto ; + width: 70%; + text-align: left; + border-radius: 10px; +} + +ul, ol { + margin: 20px auto; + width: 70%; + list-style-position: inside; + font-size: 1rem; + line-height: 1.8; + color: #555; + padding: 10px; + background: #f9f9f9; + border-radius: 10px; + +} + +/* Buttons and Icons */ +button, .icons { + display: flex; + justify-content: center; + margin: 20px auto; +} + +/* Additional Styling */ +.container { + margin: auto; + max-width: 1200px; + padding: 20px; +} From 61afc08617147f5a81229c6cf36e4e845a30fc24 Mon Sep 17 00:00:00 2001 From: Samrogrammer Date: Mon, 10 Feb 2025 12:26:04 +0530 Subject: [PATCH 2/2] Added recipe clone changes --- apple-pie/styles/style.css | 0 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 apple-pie/styles/style.css diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css deleted file mode 100644 index e69de29..0000000