diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..4c7ff40f6 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5502 +} diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..6ca16d87f 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -5,35 +5,71 @@ 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 - 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 +
+
+

+ 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! +

+
- Directions +
+ recipe information +
- 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. +
+

Ingredients

+ +
- 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. +
+ cooking information +
+ +
+ +
+

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. +
+
+
diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index 7a55b4df4..e5ce1d324 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -5,11 +5,22 @@ html { font-size: 16px; } -*, *:before, *:after { +*, +*:before, +*:after { box-sizing: inherit; } -body, h1, h2, h3, h4, h5, h6, p, ol, ul { +body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +ol, +ul { margin: 0; padding: 0; font-weight: lighter; @@ -21,4 +32,81 @@ body { } /* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* Write your CSS below */ + +body { + background: white; + padding: 20px; +} + +.all-contents { + margin-left: 10%; + margin-right: 10%; +} + +section { + margin-bottom: 40px; +} + +.header-container { + background-image: url("../images/apple-pie.jpg"); + height: 500px; + padding-top: 200px; +} + +h1 { + color: white; + text-align: center; + font-size: 100px; +} + +p { + text-align: center; + font-size: 20px; + padding-left: 20%; + padding-right: 20%; +} + +img { + display: block; + margin: auto; + width: 500px; +} + +hr { + margin-bottom: 40px; +} + +.ingredients h2 { + margin-bottom: 10px; +} + +.ingredients ul { + list-style-type:none; + color: rgb(78, 77, 77); +} + +.ingredients li::before { + content: "-"; + margin-left: 25px; +} + +.directions h2 { + margin-bottom: 10px; +} + +.directions ol { + list-style-type: none; + counter-reset: list; + color: rgb(78, 77, 77); +} + +.directions li::before { + counter-increment: list; + content: counter(list) ") "; + margin-left: 25px; +} + +li { + margin-bottom: 4px; +} \ No newline at end of file diff --git a/french-soup/index.html b/french-soup/index.html index 9eb587ee6..5142e45e9 100644 --- a/french-soup/index.html +++ b/french-soup/index.html @@ -5,17 +5,74 @@ 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.! +

+
+ +
+ recipe information +
+ +
+ +
+

Ingredients

+ +
+ +
+ cooking information +
+ +
+ +
+

Directions

+
    +
  1. + 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. +
    2. +
  2. + Add beef broth, sherry and thyme. Season with salt and pepper, and + simmer for 30 minutes. +
    3. +
  3. Heat the oven broiler.
    4. +
  4. + 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. +
    5. +
+
+
diff --git a/french-soup/styles/style.css b/french-soup/styles/style.css index 51ac59e60..4bc59fa61 100644 --- a/french-soup/styles/style.css +++ b/french-soup/styles/style.css @@ -1,9 +1,92 @@ /*Some necessary adjustments*/ -h1, body, html, main { +h1, +body, +html, +main { margin: 0; } /*Import the font and set the default size*/ html { - font-family: 'Open Sans', sans-serif; - font-size: 18px + font-family: "Open Sans", sans-serif; + font-size: 18px; +} + +body { + background: white; + padding: 20px; +} + +.all-contents { + margin-left: 10%; + margin-right: 10%; +} + +section { + margin-bottom: 40px; +} + +.header-container { + background-image: url("../images/soup.jpg"); + height: 500px; + padding-top: 300px; + background-repeat: no-repeat; + background-size: cover; +} + +h1 { + color: white; + text-align: center; + font-size: 100px; +} + +p { + text-align: center; + font-size: 20px; + padding-left: 20%; + padding-right: 20%; +} + +img { + display: block; + margin: auto; + width: 500px; +} + +hr { + margin-bottom: 40px; +} + +.ingredients h2 { + margin-bottom: 10px; +} + +.ingredients ul { + list-style-type: none; + color: rgb(78, 77, 77); +} + +.ingredients li::before { + content: "-"; + margin-left: 25px; +} + +.directions h2 { + margin-bottom: 10px; +} + +.directions ol { + list-style-type: none; + counter-reset: list; + list-style-position: inside; + color: rgb(78, 77, 77); +} + +.directions li::before { + counter-increment: list; + content: counter(list) ") "; + margin-left: 25px; +} + +li { + margin-bottom: 4px; }