In: Computer Science
<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>
Short Summary:
Provided the source code and sample output as per the requirements.
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!!!
**************************************************************************************