Question

In: Computer Science

Add another step to the end of the Directions: "Let cool before cutting into bars." In...

  1. Add another step to the end of the Directions: "Let cool before cutting into bars."
  2. In the Equipment list, remove "Oven" from the beginning and add it the end.
  3. Add new CSS to the head which loads the font "Flavors" from Google Fonts and changes the main headline to it.
  4. Do NOT edit the HTML or CSS panels.

<div id="titleBanner">
<h1>Seven Layer Bars</h1>
</div>

<div id="recipeColumns">

<div id="ingredients">
<h4>Ingredients</h4>
<ul>
<li>½ cup unsalted butter</li>
<li>1½ cups graham cracker crumbs</li>
<li>1 cup semisweet chocolate chips</li>
<li>1 cup butterscotch chips</li>
<li>1 cup chopped walnuts</li>
<li>1 can sweetened condensed milk (14 ounce)</li>
<li>1⅓ cups shredded coconut</li>
</ul>
</div><!-- /#ingredients -->

<div id="equipment">
<h4>Kitchen Equipment</h4>
<ul>
<li>Oven</li>
<li>13" x 9" pan</li>
<li>Measuring cups</li>
<li>Can opener, probably</li>
<li>Knife</li>
</ul>
</div><!-- /#equipment -->

<div id="directions">
<h4>Directions</h4>
<ol>
<li>Preheat oven to 350 degrees F (180 degrees C).</li>
<li>Place butter in 13" x 9" inch pan and melt in oven. Swirl to coat bottom and sides with butter.</li>
<li>Spread graham cracker crumbs evenly over bottom of pan.</li>
<li>Layer chocolate chips, butterscotch chips, and nuts over crumbs.</li>
<li>Pour condensed milk over nuts.</li>
<li>Sprinkle coconut over condensed milk.</li>
<li>Bake until edges are golden brown, about 25 minutes.</li>
</ol>
</div><!-- /#directions -->

</div><!-- /#recipeColumns -->

<div id="footer">
<p>(Original recipe at <a href="https://www.allrecipes.com/recipe/9889/seven-layer-bars/">AllRecipes.com</a>.)</p>
</div>

Solutions

Expert Solution

Short Summary:

Provided the source code and sample output as per the requirements.

  • **************Please upvote the answer and appreciate our time.************

Source Code:

<head>
<style>
@import url(https://fonts.googleapis.com/css2?family=Flavors);
h1{
font-family :'Flavors'
}
</style>
</head>
<div id="titleBanner">
<h1 >Seven Layer Bars</h1>
</div>

<div id="recipeColumns">

<div id="ingredients">
<h4 >Ingredients</h4>
<ul>
<li>½ cup unsalted butter</li>
<li>1½ cups graham cracker crumbs</li>
<li>1 cup semisweet chocolate chips</li>
<li>1 cup butterscotch chips</li>
<li>1 cup chopped walnuts</li>
<li>1 can sweetened condensed milk (14 ounce)</li>
<li>1⅓ cups shredded coconut</li>
</ul>
</div><!-- /#ingredients -->

<div id="equipment">
<h4>Kitchen Equipment</h4>
<ul>
<li>13" x 9" pan</li>
<li>Measuring cups</li>
<li>Can opener, probably</li>
<li>Knife</li>
<li>Oven</li>
</ul>
</div><!-- /#equipment -->

<div id="directions">
<h4>Directions</h4>
<ol>
<li>Preheat oven to 350 degrees F (180 degrees C).</li>
<li>Place butter in 13" x 9" inch pan and melt in oven. Swirl to coat bottom and sides with butter.</li>
<li>Spread graham cracker crumbs evenly over bottom of pan.</li>
<li>Layer chocolate chips, butterscotch chips, and nuts over crumbs.</li>
<li>Pour condensed milk over nuts.</li>
<li>Sprinkle coconut over condensed milk.</li>
<li>Bake until edges are golden brown, about 25 minutes.</li>
<li>Let cool before cutting into bars</li>
</ol>
</div><!-- /#directions -->

</div><!-- /#recipeColumns -->

<div id="footer">
<p>(Original recipe at <a href="https://www.allrecipes.com/recipe/9889/seven-layer-bars/">AllRecipes.com</a>.)</p>
</div>

Refer the following screenshots for code indentation:

Sample Run:

**************************************************************************************

Feel free to rate the answer and comment your questions, if you have any.

Please upvote the answer and appreciate our time.

Happy Studying!!!

**************************************************************************************


Related Solutions

How do i get the code below to add an element before another without making the...
How do i get the code below to add an element before another without making the array off one element? (javascript) public void addBefore(double element) { itemCount++; double data[] = new double[this.data.length]; if(currentIndex <= itemCount) { if(currentIndex != 0) { for(int index = currentIndex; index >= itemCount; index ++) { data[index] = this.data[index]; } currentIndex--; data[currentIndex] = element; } if(currentIndex == 0) { data[0] = element; currentIndex = 0; } } }
You have a spring hanging vertically. You add a mass to the end and let it...
You have a spring hanging vertically. You add a mass to the end and let it stretch to find its new equilibrium position which is 3.17 cm below the unstretched position. You now raise the mass (compress the mass-spring system) to its original unstretched position. Now you release the mass. How far from this starting position does it travel downward until it stops and changes direction?
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT