Problem 5.PowerPointSlide

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>05.PowerPointSlide</title>
    <link rel="stylesheet" href="05-Style.css" type="text/css" media="screen, projection"/>
</head>
<body>      
    <header>
        <h1><span style="color:goldenrod; font-weight:bold;font-size:50px">Headings and Paragraphs</span><img src="logo.jpg" alt="SoftUni Logo" id="logo"/></h1>        
    </header> 
    <div>         
        <ul type="square">  
            <li class="HPS"><span style="color:white">Heading Tags:</span><span style="color:goldenrod">&#60;h1&#62;</span><span style="color:white"> - </span><span style="color:goldenrod">&#60;h6&#62;</span>
                <div class="example">
                    &#60;h1&#62;Heading 1&#60;/h1&#62;<br />
                    &#60;h2&#62;Sub heading 2&#60;/h2&#62;<br />
                    &#60;h3&#62;Sub heading 3&#60;/h3&#62;<br />
                </div>
            </li>           
            <li class="HPS"><span style="color:white">Paragraph Tags:</span><span style="color:goldenrod">&#60;p&#62;</span>
                <div class="example">
                    &#60;p&#62;This is my first paragraph&#60;/p&#62;<br />
                    &#60;p&#62;This is my second paragraph&#60;/p&#62;<br />
                </div>
            </li>
            <li class="HPS"><span style="color:white">Sections:</span><span style="color:goldenrod">&#60;div&#62;</span><span style="color:white">and</span><span style="color:goldenrod">&#60;span&#62;</span>
                <div class="example">
                    &#60;div style="background: skyblue;"&#62;<br />
                    &nbsp;&nbsp;&nbsp;&nbsp;This is a div <br />
                    &#60;/div&#62;<br />
                </div>
            </li>
        </ul>
    </div>
</body>
</html>