Untitled

<!DOCTYPE html>
<html>
    <head>
        <title>PowerPoint Slide</title>
        <style>
            body {
                background: url('Picture.jpg')
                no-repeat center center fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
</style>
    </head>
    <body>
        <font size="12" color="yellow">Headings and Paragraphs</font>
            <ul type="square">
                <li>
                    <font size="6" color="white">Heading Tags:
                    <font size="6" color="yellow">&lt;h1>
                    <font size="6" color="white">-
                    <font size="6" color="yellow">&lt;h6>
                </li>
                    <div style="width:500px;height:110px;border:1px solid #999;">
                    <font size="5">&lt;h1>Heading 1&lt;/h1><br>
                    &lt;h2>Sub heading 2&lt;/h2><br>
                    &lt;h3>Sub heading 3&lt;/h3>
                <li>
                    <font size="6" color="white">Paragraph Tags:
                    <font size="6" color="yellow">&lt;p>
                </li>
                    <div style="width:500px;height:75px;border:1px solid #999;">
                    <font size="5">&lt;p>This is my first paragraph &lt;p><br>
                    &lt;p>This is my second paragraph&lt;/p><
                <li>
                    <font size="6" color="white">Sections:
                    <font size="6" color="yellow">&lt;div>
                    <font size="6" color="white">and
                    <font size="6" color="yellow">&lt;span>
                </li>
                    <div style="width:500px;height:110px;border:1px solid #999;">
                    <font size="5">&lt;div> style="background: skyblue;"><br>
                    &nbsp; This is a div<br>
                    &lt;/div>
            </ul>
    </body>
</html>