diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..6f3a2913e --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..cd8d293d2 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -4,36 +4,70 @@ 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 - - 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! +

+
+ recipe info +
+
+
+

Ingredients

+ +
+ cooking info +
+
+
+

Directions

+
    +
  1. Preheat oven to 425 degrees F (220 degrees C).
    2. +
  2. + Melt the butter in a saucepan. Stir in flour to form a paste. +
    3. +
  3. + Add water, white sugar and brown sugar, and bring to a boil. + Reduce temperature and let simmer. +
    4. +
  4. + Place the bottom crust in your pan. Fill with apples, mounded + slightly. +
    5. +
  5. + Cover with a lattice work crust. Gently pour the sugar and + butter liquid over the crust. +
    6. +
  6. Pour slowly so that it does not run off.
    7. +
  7. + Bake 15 minutes in the preheated oven. Reduce the temperature to + 350 degrees F (175 degrees C). +
    8. +
  8. + Continue baking for 35 to 45 minutes, until apples are soft. +
    9. +
+
+
diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index 7a55b4df4..1ba670a48 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -17,8 +17,113 @@ body, h1, h2, h3, h4, h5, h6, p, ol, ul { /* Set the font */ body { - font-family: "Helvetica", sans-serif; + /* font-family: "Helvetica", sans-serif; + padding: 0 20px; */ + font-family: 'Arial', 'Helvetica', sans-serif; + color: #5a5a5a; + line-height: 1.6; + margin: 0; + padding: 0; } /* STYLES */ -/* Write your CSS below */ \ No newline at end of file +/* Write your CSS below */ + +header { + background-image: url('../images/apple-pie.jpg'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + height: 650px; + color: #fff; + display: flex; + justify-content: center; + align-items: center; +} + +h1 { + font-size: 72px; +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 40px 20px; + background-color: #ffffff; +} + +.sub-container { + max-width: 900px; + margin: 0 auto; + padding: 40px 20px; +} + +.recipe-section { + font-size: 18px; + color: #6b6b6b; + line-height: 1.8; + margin-bottom: 30px; + text-align: left; + border-bottom: 2px solid #e0e0e0; +} + +.recipe-info { + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin: 30px 0; + padding: 20px 0; + +} + +.recipe-img { + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 20px; +} + +.ingredients-section { + margin: 40px 0; + border-bottom: 2px solid #e0e0e0; +} + +h2 { + font-size: 28px; + color: #3a3a3a; + font-weight: 400; + margin-bottom: 25px; +} + + +ul { + margin-left: 10px; + padding: 0; + list-style-type: "- "; +} + +.img-section { + display: flex; + justify-content: center; + align-items: center; + margin: 20px 0; +} + +.direction-section { + margin: 40px 0; +} + +ol { + counter-reset: list; + margin-left: 10px; + padding-left: 0; + +} +ol > li { + list-style: none; +} +ol > li:before { + content: counter(list) ") "; + counter-increment: list; +} \ No newline at end of file diff --git a/french-soup/index.html b/french-soup/index.html index 9eb587ee6..15110f698 100644 --- a/french-soup/index.html +++ b/french-soup/index.html @@ -4,18 +4,70 @@ 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 info +
+
+
+

Ingredients

+ +
+ cooking info +
+
+
+

Directions

+
    +
  1. + Melt butter with olive oil in an 8 quart stock pot on medium heat. +
    2. +
  2. + Add onions and continually stir until tender and translucent. Do + not brown the onions. +
    3. +
  3. + Add beef broth, sherry and thyme. Season with salt and pepper, + and simmer for 30 minutes. +
    4. +
  4. Heat the oven broiler.
    5. +
  5. + 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). +
    6. +
  6. + Layer each slice of bread with a slice of provolone, 1/2 slice + diced Swiss and 1 tablespoon Parmesan cheese. +
    7. +
  7. + Place bowls on cookie sheet and broil in the preheated oven + until cheese bubbles and browns slightly. +
    8. +
+
+
diff --git a/french-soup/styles/style.css b/french-soup/styles/style.css index 51ac59e60..1be0f45b1 100644 --- a/french-soup/styles/style.css +++ b/french-soup/styles/style.css @@ -7,3 +7,115 @@ html { font-family: 'Open Sans', sans-serif; font-size: 18px } + +body { + /* font-family: "Helvetica", sans-serif; + padding: 0 20px; */ + font-family: 'Arial', 'Helvetica', sans-serif; + color: #5a5a5a; + line-height: 1.6; + margin: 0; + padding: 0; +} + +/* STYLES */ +/* Write your CSS below */ + +header { + background-image: url('../images/soup.jpg'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + height: 650px; + color: #fff; + display: flex; + justify-content: center; + align-items: center; +} + +h1 { + font-size: 72px; +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 40px 20px; + background-color: #ffffff; +} + +.sub-container { + max-width: 900px; + margin: 0 auto; + padding: 40px 20px; +} + +.recipe-section { + font-size: 18px; + color: #6b6b6b; + line-height: 1.8; + margin-bottom: 30px; + text-align: left; + border-bottom: 2px solid #e0e0e0; +} + +.recipe-info { + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin: 30px 0; + padding: 20px 0; + +} + +.recipe-img { + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 20px; +} + +.ingredients-section { + margin: 40px 0; + border-bottom: 2px solid #e0e0e0; +} + +h2 { + font-size: 28px; + color: #3a3a3a; + font-weight: 400; + margin-bottom: 25px; +} + + +ul { + margin-left: 10px; + padding: 0; + list-style-type: "- "; +} + +.img-section { + display: flex; + justify-content: center; + align-items: center; + margin: 20px 0; +} + +.direction-section { + margin: 40px 0; +} + +ol { + counter-reset: list; + margin-left: 10px; + padding-left: 0; + +} +ol > li { + list-style: none; +} +ol > li:before { + content: counter(list) ") "; + counter-increment: list; +} \ No newline at end of file