diff --git a/apple-pie-starter-code/css/main.css b/apple-pie-starter-code/css/main.css index e69de29bb..807ba8f54 100644 --- a/apple-pie-starter-code/css/main.css +++ b/apple-pie-starter-code/css/main.css @@ -0,0 +1,61 @@ +/*Some necessary adjustments*/ +h1, body, html, main { + margin: 0; + } + /*Import the font and set the default size*/ +html { + font-family: 'Open Sans', sans-serif; + font-size: 18px; +} + +#apple { + background: url(../images/apple-pie.jpg); + background-repeat: no-repeat; + background-size: cover; + height: 500px; + width: 100%; + padding-top: 0; + +} + +#apple h1 { + color: white; + text-align: center; + padding-top: 250px; + font-size: 3.5em; +} + +#intro, #ingredients, #directions { + margin-left: 10%; + margin-right: 10%; + padding-top: 50px; +} + +#ingredients h1 { + padding-bottom: 15px; +} + +#intro, #ingredients { + border-bottom: 2px gray solid; + padding-bottom: 50px; +} + +#ingredients ul { + margin: 0; + list-style-type: none; + } + +#ingredients ul > li:before { + content: "–"; /* add dash */ + position: absolute; + margin-left: -1.1em; + } + + +img{ + margin: 0 auto; + display: flex; + padding-top: 20px; + width: 65%; + height: auto; + } \ No newline at end of file diff --git a/apple-pie-starter-code/index.html b/apple-pie-starter-code/index.html index 9c85ce748..393c7abbb 100644 --- a/apple-pie-starter-code/index.html +++ b/apple-pie-starter-code/index.html @@ -2,34 +2,54 @@ 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! +

+ 1 hour 30 minutes, 8 servings, 512 calories +
+
+

Ingredients

+ +
+ prep for 30 minutes, cook for 1 hour, ready in 1 hour 30 minutes +
+ +
+
+

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/french-onion-soup-starter-code/css/main.css b/french-onion-soup-starter-code/css/main.css index 51ac59e60..4aa5d281b 100644 --- a/french-onion-soup-starter-code/css/main.css +++ b/french-onion-soup-starter-code/css/main.css @@ -5,5 +5,58 @@ h1, body, html, main { /*Import the font and set the default size*/ html { font-family: 'Open Sans', sans-serif; - font-size: 18px + font-size: 18px; } + + +#onion { + background: url(../images/soup.jpg); + background-repeat: no-repeat; + background-size: cover; + height: 500px; + width: 100%; + padding-top: 0; + +} + +#onion h1 { + color: white; + text-align: center; + padding-top: 250px; + font-size: 3.5em; +} + +#intro, #ingredients, #directions { + margin-left: 10%; + margin-right: 10%; + padding-top: 50px; +} + +#ingredients h1 { + padding-bottom: 15px; +} + +#intro, #ingredients { + border-bottom: 2px gray solid; + padding-bottom: 50px; +} + +#ingredients ul { + margin: 0; + list-style-type: none; +} + +#ingredients ul > li:before { + content: "–"; /* add dash */ + position: absolute; + margin-left: -1.1em; +} + + +img{ + margin: 0 auto; + display: flex; + padding-top: 20px; + width: 65%; + height: auto; +} \ No newline at end of file diff --git a/french-onion-soup-starter-code/index.html b/french-onion-soup-starter-code/index.html index 0b1526144..a58b3f700 100644 --- a/french-onion-soup-starter-code/index.html +++ b/french-onion-soup-starter-code/index.html @@ -5,39 +5,50 @@ + - 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. +

+ 1 hour 30 minutes, 8 servings, 512 calories +
+
+

Ingredients

+ + prep for 30 minutes, cook for 1 hour, ready in 1 hour 30 minutes +
+
+

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. +
  3. Add beef broth, sherry and thyme. Season with salt and pepper, and simmer for 30 + minutes.
  4. +
  5. Heat the oven broiler.
  6. +
  7. 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.
  8. +
+