pshear.github.io/recipe2.html at main · pshear/pshear.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="style1/mystyle.css">
        <title>
            Peyton's Recipe
        </title>
        <!-- Peyton Shear Period 4-->
    </head>
    <body>
    <div id="recipe-page">
       <article>
        <header>
        <div  id="recipe-title"><h1>Banana Bread Recipe</h1></div>
    </header>
</article>
        <h3 class="history"><b>History</b></h3>
        <p class="history1">
            Banana Bread recipes began to appear in cookbooks across America after baking powder began to be sold in grocery stores in the 1930's. Banana bread is believed to be a result of recourceful houewives in the Great Depression who did not want to waste over-ripe bananas. Additionally, the promotion of baking soda and flour products by companies also encouraged the making of banana bread.
        </p>

       <aside class="hi">
            This recipe makes a tasty loaf of <em>banana bread,</em> that will leave you begging for more! This is a simple and easy recipe that is popular amongst people all over the world!
        </aside>
        <div id="recipe-image"><img src="media/bananabread.jpeg" alt="Banana Bread" style="float:right" width="300" height="300"></div>
      <section>
        <h3 class="ihead">Ingredients</h3>
        <div id="ingredients">
        <ul>
         <li class="flour"><span>2 cups</span> of all purpose flour</li>
         <li class="soda"><span>1 teaspoon</span> baking <i>soda</i></li>
         <li class="salt"><span>1/4 teaspoon</span>salt</li>
         <li class="sugar"><span>3/4 cup</span> brown sugar</li>
         <li class="butter"><span>1/2 cup</span> butter</li>
         <li class="eggs"><span>2</span> large eggs, beaten</li>
         <li class="bananas"><span>2 1/3 cups</span>mashed overripe bananas</li>
         <li class="chocolate"><b><i>Optional -</i></b> 1 cup semi-sweet chocolate chips</li>
        </ul>
        </div>

        <h3 class="head">Directions</h3>
        <div id="instructions">
        <ol>
            <li class="step1"><span>Preheat </span> your oven to 350 degrees F. Lightly grease a 9x5-inch loaf pan</li>
            <li class="step2">In a large bowl, <span>combine</span> your flour, baking soda, brown sugar, salt, and mix. In a seperate bowl, stir beat eggs and mashed bananas until well blended. Stir in the banana mixture into the flour mixture until well combined. <b><i>If adding chocolate chips, pour them in once your batter is completely mixed.</i></b></li>
            <li class="step3">Pour batter into a lightly-greased 9x5-inch pan.</li>
            <li class="step4">Bake in the preheated oven for about 50-55 minutes. After baking, let bread cool in pan for about 10 minutes, then take and place on a plate or cooling rack.</li>
        </ol>
    </div>
    <h3 class="tips1">Tips/Notes</h3>
    <ul class="tips">
        <li><span>Don't overbake</span>, because it will be dry</li>
        <li>Adding chocolate makes the bread even more enjoyable</li>
        <li><span>Pre-mashing </span> bananas makes mixing much easier!</li>
    </ul>
</section>

        <h3 class="video">Video:</h3>
        <video src="media/bananabread.mp4" height="400" width="500" controls="controls">Banana Bread</video>
        <h3 class="references">Reference List Entry</h3>
        <footer>
        <p class="references">All Recipes. (2024, November 13) <i>Banana Bread Recipe - All Recipes.</i></p>
        <a href="https://www.allrecipes.com/recipe/20144/banana-banana-bread">Recipe</a>
    </footer>
    </div>
        </body>
</html>