diff --git a/apple-pie-starter-code/css/main.css b/apple-pie-starter-code/css/main.css index e69de29bb..f9c33c0ab 100644 --- a/apple-pie-starter-code/css/main.css +++ b/apple-pie-starter-code/css/main.css @@ -0,0 +1,42 @@ +body { + font-family: 'Roboto', sans-serif; + font-weight: 300; +} + +header { +background-image: url("/Users/jasoncuellar/code/labs/lab-css-recipes-clone/apple-pie-starter-code/images/apple-pie.jpg"); +background-position: 0 0; +background-repeat: no-repeat; +background-size: cover; +line-height: 450px; +text-align: center; +} + +ul { + list-style-type: none; +} + +h1 { + color: white; + font-size: 65px; + font-family: 'Roboto', sans-serif; + font-weight: 400; +} + +.container { + margin: 0 120px 0; + +} +.images-center1 { + + padding: 10px 170px 10px; + height: 60px; +} +.images-center2 { + + padding: 10px 180px 10px 180px; + height: 60px; +} +.image-container { + text-align: center; +} diff --git a/apple-pie-starter-code/index.html b/apple-pie-starter-code/index.html index 9c85ce748..6ef54c46b 100644 --- a/apple-pie-starter-code/index.html +++ b/apple-pie-starter-code/index.html @@ -1,35 +1,68 @@ - - 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! + + Apple Pie Recipe + + + -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 + +
+

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

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

+

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

+
+
+
+ cooking info +
+
+
+
+

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/french-onion-soup-starter-code/css/main.css b/french-onion-soup-starter-code/css/main.css index 51ac59e60..1b13a64be 100644 --- a/french-onion-soup-starter-code/css/main.css +++ b/french-onion-soup-starter-code/css/main.css @@ -1,9 +1,53 @@ -/*Some necessary adjustments*/ +/* Some necessary adjustments h1, body, html, main { margin: 0; } /*Import the font and set the default size*/ -html { +/* html { font-family: 'Open Sans', sans-serif; font-size: 18px +} */ + +body { + font-family: 'Roboto', sans-serif; + font-weight: 300; } + +header { +background-image: url("/Users/jasoncuellar/code/labs/lab-css-recipes-clone/french-onion-soup-starter-code/images/soup.jpg"); +background-position: 0 0; +background-repeat: no-repeat; +background-size: cover; +line-height: 450px; +text-align: center; +} + +ul { + list-style-type: none; +} + +h1 { + color: white; + font-size: 65px; + font-family: 'Roboto', sans-serif; + font-weight: 400; +} + +.container { + margin: 0 120px 0; + +} +.images-center1 { + + padding: 10px 170px 10px; + height: 60px; +} +.images-center2 { + + padding: 10px 180px 10px 180px; + height: 60px; +} +.image-container { + text-align: center; +} + diff --git a/french-onion-soup-starter-code/index.html b/french-onion-soup-starter-code/index.html index 0b1526144..0caeb597d 100644 --- a/french-onion-soup-starter-code/index.html +++ b/french-onion-soup-starter-code/index.html @@ -1,43 +1,79 @@ - - French Onion Soup Recipe - - - - - - French Onion Soup + + French Onion Soup Recipe + + + - 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. + +
+

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

+

Ingredients

+
    +
  • -1/2 cup unsalted butter
    • +
  • -12 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
    • +
+

+
+
+
+ cooking info +
+
+
+
+

Directions

+
    +
  1. + Add beef broth, sherry and thyme. Season with salt and pepper, and simmer for 30 + minutes. +
    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. +
+
+
+
+