lesson-1-index-in-class

<!DOCTYPE html>
<html>
    <head>

    </head>

    <body>
        <h1>Hello <b>World!</b></h1>

        <h2>This is 2nd headline.</h2>

        <p>This is a simple text.</p>


        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nesciunt amet nihil perferendis iste facilis reprehenderit atque deserunt possimus a odio.
        </p>

        <br>
        <br>

        <!-- This is a paragraph >> block of text.  -->
        <!--    -->
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, id.</p>

        <span>This is sentence one.</span>
        <span>This is second sentence.</span>

        <p>Lorem ipsum, dolor sit
            <b>amet consectetur</b>

            adipisicing elit. Est voluptas

            <i>voluptatibus</i>

            tempora nam, ipsam odio id eaque minus. Est laboriosam illum esse, quae modi soluta. Cum similique doloremque eligendi inventore!
        </p>


        <img src="..." alt="random image">

        <br>

        <a href="...">  BBC article  </a>

        <ul>
            <li>Item one</li>
            <li>Item two</li>
            <li>Item three</li>
            <li>Item four</li>
        </ul>

        <!-- Categories -->
        <ol>
            <li>Shoes</li>
            <li>Jackets</li>
            <li>Boots</li>
            <li>T-shirts</li>
        </ol>

        <!-- Navigation bar -->
        <ul>
            <li><a href="">HOME</a></li>
            <li><a href="...">BBC ARTICLE</a></li>
        </ul>

        <!-- inline CSS -->
        <p style="color: orange; background-color:blue;">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Provident, saepe!</p>

    </body>
</html>