diff --git a/starter-code/apple-pie-starter-code/css/main.css b/starter-code/apple-pie-starter-code/css/main.css index e69de29bb..ca9e5940d 100644 --- a/starter-code/apple-pie-starter-code/css/main.css +++ b/starter-code/apple-pie-starter-code/css/main.css @@ -0,0 +1,100 @@ +/*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 +} + +/* +.apples { + display: block; + width: 100%; + margin: auto; +} +*/ +hr { + width: 80%; + margin: 50px auto; + border-width: 3px; +} + +.container { + position: relative; + height: 100vh; + background-image: url('../images/apple-pie.jpg'); + background-repeat: no-repeat; + background-size: 1920px auto; +} + +.center { + color: #fff; + position: absolute; + top: 45%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 150px; +} + +.description { + font-size: 2.4em; + width: 80%; + margin: 140px auto 0 auto; +} + +.data { + width: 35%; + margin: 80px auto 50px auto; +} + +.data img { + width: 100%; + margin: 0 auto; +} + +.list { + width: 80%; + margin: 0 auto; +} + +h1 { + font-size: 2.5em; + margin: 60px 0; +} + +li { + font-size: 200%; +} + +ul { + list-style-type: none; +} + +.thirdSection { + margin-bottom: 180px; +} + +@media screen and (max-width:1400px) { + .description { + font-size: 160%; + } + + .center { + font-size: 550%; + } + + .container { + height: 700px; + background-size: 1400px auto; + } + + li { + font-size: 130%; + } + + h1 { + font-size: 190%; + } +} diff --git a/starter-code/apple-pie-starter-code/index.html b/starter-code/apple-pie-starter-code/index.html index 9c85ce748..0bd7f812d 100644 --- a/starter-code/apple-pie-starter-code/index.html +++ b/starter-code/apple-pie-starter-code/index.html @@ -2,34 +2,61 @@ 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 +
+
+ +
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!

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

Ingredients

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

Directions

+ +
+
-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. diff --git a/starter-code/french-onion-soup-starter-code/css/main.css b/starter-code/french-onion-soup-starter-code/css/main.css index 51ac59e60..55317b622 100644 --- a/starter-code/french-onion-soup-starter-code/css/main.css +++ b/starter-code/french-onion-soup-starter-code/css/main.css @@ -5,5 +5,98 @@ 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; +} + +/* +.soup { + display: block; + width: 100%; + margin: auto; +} +*/ +hr { + width: 80%; + margin: 50px auto; + border-width: 3px; +} + +.container { + position: relative; + height: 100vh; + background-image: url('../images/soup.jpg'); + background-repeat: no-repeat; + background-size: 1920px auto; +} + +.center { + width: 70%; + text-align: center; + color: #fff; + position: absolute; + top: 45%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 150px; +} + +.description { + font-size: 2.4em; + width: 80%; + margin: 140px auto 0 auto; +} + +.data { + width: 35%; + margin: 80px auto 50px auto; +} + +.data img { + width: 100%; + margin: 0 auto; +} + +.list { + width: 80%; + margin: 0 auto; +} + +h1 { + font-size: 2.5em; + margin: 60px 0; +} + +li { + font-size: 200%; +} + +ul { + list-style-type: none; +} + +.thirdSection { + margin-bottom: 180px; +} + +@media screen and (max-width:1400px) { + .description { + font-size: 170%; + } + + .center { + font-size: 550%; + } + + .container { + height: 700px; + background-size: 1400px auto; + } + + li { + font-size: 130%; + } + + h1 { + font-size: 190%; + } } diff --git a/starter-code/french-onion-soup-starter-code/index.html b/starter-code/french-onion-soup-starter-code/index.html index 0b1526144..a1961434a 100644 --- a/starter-code/french-onion-soup-starter-code/index.html +++ b/starter-code/french-onion-soup-starter-code/index.html @@ -1,43 +1,66 @@ - French Onion Soup Recipe - - + French Onion Soup + - - 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. +
+
+ +
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.

+
+ +
+
+
-Add beef broth, sherry and thyme. Season with salt and pepper, and simmer for 30 -minutes. +
+
+

Ingredients

+ +
+
+ +
+
+
-Heat the oven broiler. +
+
+

Directions

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