3-Sidebar

Video

Steps

1. Let's work on the HTML for the sidebar section that holds some informational text and a list for recipes. For your reference, we're working on this:

   

2. Let's start by adding a title and placeholder text for the top part of the sidebar. If you want to generate some placeholder text for cheese, you can go here. If you'd like you can read about the history of lorem ipsum here.

   <section id="sidebar">
        <!--Sidebar Text-->
            <h1>Cheese 101</h1>
            <p>Hard cheese cheese slices lancashire. Mozzarella danish fontina boursin fromage frais pecorino the big cheese dolcelatte croque monsieur. Macaroni cheese blue castello danish fontina edam edam fromage edam the big cheese. Cheese strings cheese on toast cut the cheese.</p>
            <p>Hard cheese cheese slices lancashire. Mozzarella danish fontina boursin fromage frais pecorino the big cheese dolcelatte croque monsieur. Macaroni cheese blue castello danish fontina edam edam fromage edam the big cheese. Cheese strings cheese on toast cut the cheese. Mascarpone squirty cheese chalk and cheese. Mascarpone cottage cheese cheesecake cheese slices who moved my cheese swiss caerphilly brie.</p>
            <p>Emmental brie rubber cheese cut the cheese port-salut cheeseburger airedale airedale. St. agur blue cheese babybel manchego caerphilly.</p>
        <!--Recipe List-->
   </section>

3. Then, let's add the list of recipes:

            <p>Emmental brie rubber cheese cut the cheese port-salut cheeseburger airedale airedale. St. agur blue cheese babybel manchego caerphilly.</p>
            <br />
            <h1>Recipes</h1>
                <ol>
                    <li><a href="#">Fondu for You</a></li>
                    <li><a href="#">Ultimate Grilled Cheese</a></li>
                    <li><a href="#">Three Cheese Dip</a></li>
                    <li><a href="#">Broccolli Cheese Soup</a></li>
                    <li><a href="#">Cheese Grits</a></li>
                    <li><a href="#">Lobster Mac and Cheese</a></li>
                    <li><a href="#">Ham and Cheese in Puff Pastry</a></li>
                </ol>
            <br />
   </section>

4. Currently, you will have this added to your totally radical looking view:

   

5. In the next module we'll work on the content for the main section.