diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..f458c59ea 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -1,39 +1,72 @@ - - - - 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 + + + + + Apple Pie Recipe + + + + + + + + + + + +
+ +

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

Directions

+ +
+ + + \ No newline at end of file diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index 7a55b4df4..2bbc48575 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -2,23 +2,98 @@ /* Reset default browser styles and provide a consistent starting point */ html { box-sizing: border-box; - font-size: 16px; + font-size: 1rem; } *, *:before, *:after { box-sizing: inherit; } -body, h1, h2, h3, h4, h5, h6, p, ol, ul { - margin: 0; - padding: 0; - font-weight: lighter; -} - /* Set the font */ body { - font-family: "Helvetica", sans-serif; + font-family: "Roboto", sans-serif; + font-weight: 400; + font-style: normal; + color: rgb(56, 56, 56) +} + +hr { + margin: 0 2rem; } /* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* Write your CSS below */ + +#banner { + background-image: url(/apple-pie/images/apple-pie.jpg); + background-size: cover; + height: 24rem; + display: flex; + justify-content: center; + align-items: center; +} + +#bannerSoup { + background-image: url(/french-soup/images/soup.jpg); + background-size: cover; + height: 24rem; + display: flex; + justify-content: center; + align-items: center; +} + +#banner h1 { + color: white; + text-align: center; + font-weight: 200; + font-size: 3rem; +} + +#description { + text-align: center; + padding: 1rem 2rem; +} + +#description p { + padding-top: 2rem; + font-weight: 400; +} + +#description img { + height: 4em; + margin-top: 1rem; +} + +#recipe { + padding: 1rem 2rem; +} + +#recipe h3 { + margin-left: 2rem; +} + +#recipe ul{ + list-style-type:disc; +} + +#recipe img{ + height: 5em; + margin-top: 1rem; + text-align: center; +} + +.container { + text-align: center; +} + +#directions { + padding: 1rem 2rem; +} + +#directions h3 { + margin-left: 2rem; +} + +#directions ul{ + list-style-type: decimal; +} \ No newline at end of file diff --git a/french-soup/index.html b/french-soup/index.html index 9eb587ee6..97d3a3bb1 100644 --- a/french-soup/index.html +++ b/french-soup/index.html @@ -1,21 +1,75 @@ - - - - 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 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

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

Directions

+ +
+ + + \ No newline at end of file diff --git a/french-soup/styles/style.css b/french-soup/styles/style.css index 51ac59e60..64343b051 100644 --- a/french-soup/styles/style.css +++ b/french-soup/styles/style.css @@ -1,9 +1,99 @@ -/*Some necessary adjustments*/ -h1, body, html, main { - margin: 0; -} -/*Import the font and set the default size*/ +/* CSS RESET - do not remove */ +/* Reset default browser styles and provide a consistent starting point */ html { - font-family: 'Open Sans', sans-serif; - font-size: 18px + box-sizing: border-box; + font-size: 1rem; +} + +*, *:before, *:after { + box-sizing: inherit; +} + +/* Set the font */ +body { + font-family: "Roboto", sans-serif; + font-weight: 400; + font-style: normal; + color: rgb(56, 56, 56) +} + +hr { + margin: 0 2rem; +} + +/* STYLES */ +/* Write your CSS below */ + +#banner { + background-image: url(/apple-pie/images/apple-pie.jpg); + background-size: cover; + height: 24rem; + display: flex; + justify-content: center; + align-items: center; +} + +#bannerSoup { + background-image: url(/french-soup/images/soup.jpg); + background-size: cover; + height: 24rem; + display: flex; + justify-content: center; + align-items: center; +} + +#bannerSoup h1 { + color: white; + text-align: center; + font-weight: 200; + font-size: 3rem; +} + +#description { + text-align: center; + padding: 1rem 2rem; +} + +#description p { + padding-top: 2rem; + font-weight: 400; +} + +#description img { + height: 4em; + margin-top: 1rem; +} + +#recipe { + padding: 1rem 2rem; +} + +#recipe h3 { + margin-left: 2rem; +} + +#recipe ul{ + list-style-type:disc; +} + +#recipe img{ + height: 5em; + margin-top: 1rem; + text-align: center; +} + +.container { + text-align: center; +} + +#directions { + padding: 1rem 2rem; +} + +#directions h3 { + margin-left: 2rem; } + +#directions ul{ + list-style-type: decimal; +} \ No newline at end of file