diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 000000000..ff7b3e610 Binary files /dev/null and b/.DS_Store differ diff --git a/apple-pie/.DS_Store b/apple-pie/.DS_Store new file mode 100644 index 000000000..7d2c55d16 Binary files /dev/null and b/apple-pie/.DS_Store differ diff --git a/apple-pie/applepie.html b/apple-pie/applepie.html new file mode 100644 index 000000000..cec9101be --- /dev/null +++ b/apple-pie/applepie.html @@ -0,0 +1,86 @@ + + + + + + Apple Pie Recipe + + + + + 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. +
  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. +
  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/index.html b/apple-pie/index.html deleted file mode 100644 index a019c8262..000000000 --- a/apple-pie/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - 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. - - diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index 7a55b4df4..efc45c76c 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -1,24 +1,111 @@ -/* CSS RESET - do not remove */ -/* Reset default browser styles and provide a consistent starting point */ -html { - box-sizing: border-box; - font-size: 16px; + + + +.container{ + text-align: center; + font-size: 10px; + font-family: "helvetica", sans-serif; + + max-width: 800px; + margin: 40px auto; + padding: 0 20px +} + +body { + font-family: Helvetica, sans-serif; + background-color: #fff; + margin: 20; + padding: 20; + font-size: 20px; + font-weight: lighter; + + line-height: 1.6; +} +.heading { + background: url('/Users/aakritisharma/Desktop/lab-css-recipes-clone/apple-pie/images/apple-pie.jpg') no-repeat center center/cover; + height: 700px; + width: auto; + display: flex; + align-items: center; + justify-content: center; + color: white; + object-fit: cover; +} + + + p { + font-size: 30px; + font-family: "helvetica", sans-serif; + margin-bottom: 20px; + font-weight: lighter; +}git push origin master + +.firstimage { + display: flex; + gap: 20px; + font-size: 14px; + margin-bottom: 20px; +} +.Ingredients{ + margin: 0; + padding-left: 40px; + + margin-bottom: 30px; +} + +.secondimage { + + display: block; + margin: 20px auto; + max-width: 100%; +} + + + +.direction{ + margin: 0; + padding-left: 40px; + margin-bottom: 30px; } +h1, h2{ + margin: 0; + padding-left: 40px; + + margin-bottom: 30px; + +} + +ol { + list-style: none; +} + +ol > li { + + counter-increment: listcounter; +} + +ol > li::before { + + content: counter(listcounter) ")"; +} *, *:before, *:after { box-sizing: inherit; } -body, h1, h2, h3, h4, h5, h6, p, ol, ul { - margin: 0; - padding: 0; - font-weight: lighter; + +ul{ + list-style: none; + } -/* Set the font */ -body { - font-family: "Helvetica", sans-serif; + +ul > li::before { + + content: "-"; } -/* STYLES */ -/* Write your CSS below */ \ No newline at end of file + + + + diff --git a/french-soup/index.html b/french-soup/index.html index 9eb587ee6..cf85a5a8a 100644 --- a/french-soup/index.html +++ b/french-soup/index.html @@ -4,18 +4,61 @@ French Onion Soup Recipe - + + - French Onion Soup We have been trying French onion soup in restaurants for years and my family and friends agree - none can compare to my recipe for taste and simplicity of preparation. Ingredients 1/2 cup unsalted butter 2 - tablespoons olive oil 4 cups sliced onions 4 (10.5 ounce) cans beef broth 2 tablespoons dry sherry (optional) 1 - teaspoon dried thyme salt and pepper to taste 4 slices French bread 4 slices provolone cheese 2 slices Swiss cheese, - diced 1/4 cup grated Parmesan cheese Directions Melt butter with olive oil in an 8 quart stock pot on medium heat. - Add onions and continually stir until tender and translucent. Do not brown the onions. Add beef broth, sherry and - thyme. Season with salt and pepper, and simmer for 30 minutes. Heat the oven broiler. Ladle soup into oven safe - serving bowls and place one slice of bread on top of each (bread may be broken into pieces if you prefer). Layer - each slice of bread with a slice of provolone, 1/2 slice diced Swiss and 1 tablespoon Parmesan cheese. Place bowls - on cookie sheet and broil in the preheated oven until cheese bubbles and browns slightly. + +
+

French Onion Soup

+
+ +

We have been trying French onion soup in restaurants for + years and my + family and friends agree + none can compare to my recipe for taste and simplicity of + preparation.

+ + +
+ +

Ingredients

+
+ + +
+
+ +

Direction

+
+
    + +
  1. Melt butter with olive oil
  2. +
  3. 8 quart stock pot on medium heat.
  4. +
  5. Add onions and continually stir until tender and translucent.
  6. +
  7. Do not brown the onions
  8. +
  9. Add beef broth, sherry and thyme.
  10. +
  11. Season with salt and pepper, and simmer for 30 minutes
  12. +
  13. Ladle soup into oven safe serving bowls and place one slice of + bread on top of each.
  14. +
  15. Layer each slice of bread with a slice of provolone, 1/2 slice + diced Swiss and 1 tablespoon Parmesan cheese.
  16. + +
+ +
diff --git a/french-soup/styles/style.css b/french-soup/styles/style.css index 51ac59e60..1d1944ff4 100644 --- a/french-soup/styles/style.css +++ b/french-soup/styles/style.css @@ -7,3 +7,106 @@ html { font-family: 'Open Sans', sans-serif; font-size: 18px } + +.heading{ + background-image: url(/Users/aakritisharma/Desktop/lab-css-recipes-clone/french-soup/images/soup.jpg) ; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + height: 700px; + width: auto; + display: flex; + align-items: center; + justify-content:center; + color:white; + + object-fit: cover; +} + + + +.heading h2{ + text-align: center; + text-decoration: solid; + text-decoration: white; + font-family: Helvetica, sans-serif; +} + + + +body{ + margin: 50px; + padding-left: 50px; + padding-right: 50px; + font-family: sans-serif; +} + +.image { + + display: block; + align-items: center; + justify-content:center; + color:white; + object-fit: cover; + margin-left: auto; + margin-right: auto; + + + +} + +.intro { + text-align:inherit; + font-size: 24px; + font-family: sans-serif; + font-weight: lighter; + margin: 20px 0; +} + + +.Ingredients, .Direction{ + text-align:inherit; + font-size: 20px; + font-family: sans-serif; + font-weight: lighter; + margin-left: 0%; + padding-left: 20px; + padding-left: 0; + margin: 0; + +} + + +ul{ + list-style: none; +} + +ul > li::before { + + content: "-"; +} + + +h2{ + margin-top: 50px ; + font-weight:400; + margin-left: 0%; +} + + +ol { + list-style: none; +} + +ol > li { + + counter-increment: listcounter; +} + +ol > li::before { + + content: counter(listcounter) ")"; +} + + + diff --git a/lab-css-recipes-clone b/lab-css-recipes-clone new file mode 160000 index 000000000..27d9932a9 --- /dev/null +++ b/lab-css-recipes-clone @@ -0,0 +1 @@ +Subproject commit 27d9932a932abedd6d4f58c9a212a10c22f7e342