3.4.3 Lomeli's Menu

  • Due Oct 28, 2023 by 11:59pm
  • Points 5
  • Submitting a text entry box or a file upload
  • File Types html

This HTML page shows the menu for Lomeli’s Large Linguine Lounge.

Create and use two CSS classes so that:

  • The font color of the vegetarian items is “SeaGreen”
  • The font color of the section headers is “LightCoral”

Great!

Now, assign the following IDs:

  • The “Penne al Forno” should have the ID crowd-favorite.
    • Add a CSS rule to style it so that it is italic and the font is red (hint: look into font-style)
  • The “Tomato Gnocchi” has the ID new
    • Add a CSS rule to style it so that it has the font color orange

 

STARTER CODE

<!DOCTYPE html>
<html>
    <head>
        <title>Lomeli's Menu</title>
        <!-- Add the additional styles! -->
        <style>
            body{
                background-color:AliceBlue;
            }
            
        </style>
    </head>
    <body>
        <h1>Lomeli's Large Linguine Lounge</h1>
        <h2>Today's Specials</h2>
        <p class="vegetarian">Zucchini and Spaghetti Squash Noodles in Tomato Basil Sauce</p>
        <p>Penne al Forno</p>
       
        <h2>Today's Soups</h2>
        <p class="vegetarian">Minestrone</p>
        <p class="vegetarian">Tomato Basil</p>
        <p>Italian Sausage Soup</p>
        <p>Tomato Gnocchi</p>
        
        <h2>Today's Pastas</h2>
        <p class="vegetarian">Ravioli Florentine</p>
        <p>Lasagna Platter</p>
        <p>Fettuccine Alfredo</p>
        <p>Tortellini a la Scala</p>

    </body>
</html>
1698559199 10/28/2023 11:59pm