From 2df80ded6cc082bc166fc36e9cea1fe1af28aae9 Mon Sep 17 00:00:00 2001 From: listiclehub1 <114046524+listiclehub1@users.noreply.github.com> Date: Sun, 1 Sep 2024 17:56:20 +0530 Subject: [PATCH] add css styles --- index.html | 50 +++++++++++------- recipes/air-fryer-french-fries.html | 61 +++++++++++++--------- recipes/nacho-cheese-sauce.html | 51 ++++++++++-------- recipes/pasta-with-fresh-tomato-sauce.html | 54 +++++++++++-------- styles.css | 26 +++++++++ 5 files changed, 156 insertions(+), 86 deletions(-) create mode 100644 styles.css diff --git a/index.html b/index.html index 0ce141e..e5cc2a8 100644 --- a/index.html +++ b/index.html @@ -1,22 +1,36 @@ - - - - + + + Odin Recipes - - - -

Odin Recipes

- - + + - \ No newline at end of file + +
+

Odin Recipes

+ +
+ + diff --git a/recipes/air-fryer-french-fries.html b/recipes/air-fryer-french-fries.html index 880601b..6111a5c 100644 --- a/recipes/air-fryer-french-fries.html +++ b/recipes/air-fryer-french-fries.html @@ -1,41 +1,50 @@ - - - - + + + Air Fryer French Fries - + + - -

Air Fryer French Fries

- Air Fryer French Fries with a dip + +
+

Air Fryer French Fries

+
+ Air Fryer French Fries with a dip +
-

Description

-

This air fryer French fries recipe includes a cold water-hot water soaking trick that produces super crispy - French fries. -
- Made with just four ingredients, these fries rival traditional fries but use a fraction of the - oil. -

+

Description

+

+ This air fryer French fries recipe includes a cold water-hot water + soaking trick that produces super crispy French fries. Made with just + four ingredients, these fries rival traditional fries but use a fraction + of the oil. +

-

Ingredients

- -

Steps

-
    +

    Steps

    +
    1. Cut the Potatoes into sticks
      2. -
    2. Soak in cold water for 5 minutes, Boil in water for 10 minutes, Drain and Cool the Potatoes
      3. +
    3. + Soak in cold water for 5 minutes, Boil in water for 10 minutes, Drain + and Cool the Potatoes +
    4. Season the French Fries with oil and pepper
    5. Cook in Air Fryer for 15 minutes
    6. Season with salt
      7. -
    - - - - \ No newline at end of file +
+
+ + diff --git a/recipes/nacho-cheese-sauce.html b/recipes/nacho-cheese-sauce.html index e0d524a..aef9391 100644 --- a/recipes/nacho-cheese-sauce.html +++ b/recipes/nacho-cheese-sauce.html @@ -1,36 +1,45 @@ - - - - + + + Nacho Cheese Sauce - + + - -

Nacho Cheese Sauce

- Nacho with Cheese Sauce + +
+

Nacho Cheese Sauce

+
+ Nacho with Cheese Sauce +
-

Description

-

This nacho cheese sauce recipe makes a simple sauce that's delicious spread over tortilla chips. Add some sliced - jalapeños to spice things up a bit.

+

Description

+

+ This nacho cheese sauce recipe makes a simple sauce that's delicious + spread over tortilla chips. Add some sliced jalapeños to spice things up + a bit. +

-

Ingredients

- -

Steps

-
    +

    Steps

    +
    1. Make the roux with butter and flour.
    2. Pour in the milk and whisk until thick.
    3. Add cheese and salt, then cook until the cheese is melted.
      4. -
    - - - - \ No newline at end of file +
+
+ + diff --git a/recipes/pasta-with-fresh-tomato-sauce.html b/recipes/pasta-with-fresh-tomato-sauce.html index 83601cc..7995690 100644 --- a/recipes/pasta-with-fresh-tomato-sauce.html +++ b/recipes/pasta-with-fresh-tomato-sauce.html @@ -1,36 +1,48 @@ - - - - + + + Pasta with Fresh Tomato Sauce - + + - -

Pasta with Fresh Tomato Sauce

- Pasta with Fresh Tomato Sauce in a bowl + +
+

Pasta with Fresh Tomato Sauce

+
+ Pasta with Fresh Tomato Sauce in a bowl +
-

Description

-

This pasta dish with a fresh tomato sauce and fragrant basil is wonderful served with a green salad.

+

Description

+

+ This pasta dish with a fresh tomato sauce and fragrant basil is + wonderful served with a green salad. +

-

Ingredients

- -

Steps

-
    +

    Steps

    +
    1. Add penne to lightly salted water and boil for 8-10 minutes
    2. Drain pasta and transfer to large bowl
      3. -
    3. Add tomatoes, Italian dressing, basil, red onion, and Parmesan cheese; toss until well coated.
      4. -
    - - - - \ No newline at end of file +
  1. + Add tomatoes, Italian dressing, basil, red onion, and Parmesan cheese; + toss until well coated. +
    2. +
+
+ + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..3e47f4c --- /dev/null +++ b/styles.css @@ -0,0 +1,26 @@ +body { + background-color: lightblue; + font-family: Arial, Helvetica, sans-serif; +} + +.recipe { + background-color: aliceblue; + border: 5px solid rgb(0, 115, 255); + border-radius: 20px; + padding: 10px 20px; + margin: 20px auto; + width: 800px; +} + +.recipe h1 { + text-transform: uppercase; + text-align: center; + background-color: lightblue; + border: 2px outset; + border-radius: 10px; + padding: 5px; +} + +.recipe-img { + text-align: center; +}