diff --git a/apple-pie/index.html b/apple-pie/index.html index 970b1de..2bbfff4 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -4,18 +4,76 @@ 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! +

+
+ information about the recipe +
+
+ +
+

Ingredients

+ +
+ cooking information +
+
+ +
+

Directions

+ +
+
diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index e69de29..caca940 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -0,0 +1,88 @@ +@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); + +html { + font-family: 'Open Sans', sans-serif; + font-size: 18px +} + +* { + box-sizing: border-box; +} + +body { + margin: 0; +} + +ul{ + margin: 0; + padding:0; + list-style-type: none; +} + +h2 { + font-weight: 400; + font-size: 2em; +} + +.header-apple-pie { + background-image: url(../images/apple-pie.jpg); + height: 550px; + background-size: cover; + background-position: inherit; + + .header-tittle { + display: flex; + height: 100%; + justify-content: center; + align-items: center; + margin: 0; + color: white; + font-family: "Roboto", sans-serif; + font-weight: 400; + font-size: 6em; + } + +} + +.main { + margin: 50px 500px; + + .description-recipe { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + font-weight: 300; + font-size: 1.5rem; + border-bottom: solid 1px black; + } + + .ingredients { + margin-left: 30px; + font-weight: 300; + font-size: 1.4em; + margin-bottom: 20px; + } + + .ingredients-section { + border-bottom: solid 1px black; + } + + .cooking-info{ + display: flex; + justify-content: center; + margin-top: 50px; + margin-bottom: 10px; + } + + .direcctions-list{ + margin-left: 30px; + font-weight: 300; + font-size: 1.4rem; + + + } + +} + diff --git a/french-soup/index.html b/french-soup/index.html index 9eb587e..eac39ff 100644 --- a/french-soup/index.html +++ b/french-soup/index.html @@ -1,21 +1,77 @@ - + 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. +

+
+ information about the recipe +
+
+ +
+

Ingredients

+ +
+ cooking information +
+
+ +
+

Directions

+ +
+
+ \ No newline at end of file diff --git a/french-soup/styles/style.css b/french-soup/styles/style.css index 51ac59e..60d107d 100644 --- a/french-soup/styles/style.css +++ b/french-soup/styles/style.css @@ -1,9 +1,86 @@ -/*Some necessary adjustments*/ -h1, body, html, main { - margin: 0; -} -/*Import the font and set the default size*/ +@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); + html { font-family: 'Open Sans', sans-serif; font-size: 18px } + +* { + box-sizing: border-box; +} + +body { + margin: 0; +} + +ul{ + margin: 0; + padding:0; + list-style-type: none; +} + +h2 { + font-weight: 400; + font-size: 2em; +} + +.header-onion-soup{ + + background-image: url(../images/soup.jpg); + height: 550px; + background-size: cover; + background-position: center; + + .header-tittle { + display: flex; + height: 100%; + justify-content: center; + align-items: center; + margin: 0; + color: white; + font-family: "Roboto", sans-serif; + font-weight: 400; + font-size: 6em; + } + +} + +.main { + margin: 50px 500px; + + .description-recipe { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + font-weight: 300; + font-size: 1.5rem; + border-bottom: solid 1px black; + } + + .ingredients { + margin-left: 30px; + font-weight: 300; + font-size: 1.4em; + margin-bottom: 20px; + } + + .ingredients-section { + border-bottom: solid 1px black; + } + + .cooking-info{ + display: flex; + justify-content: center; + margin-top: 50px; + margin-bottom: 10px; + } + + .direcctions-list{ + margin-left: 30px; + font-weight: 300; + font-size: 1.4rem; + } + +}