Untitled

<!DOCTYPE html>
<html>
  <head>
    <title>PowerPoint Slide</title>
	<style>
	  body{
	    background-image: url(background.jpg);
	    ul{
		font-size: 2%;
		margin-left:2%
	    }
	  }
	  h1{
	  color:#F3BE60;
	  font-size:200%;
	  }
	  ul {
	  font-size: 200%;
	  color:#F3BE60;
	  list-style-type:square;
	  }
	  .white-letters {
	   color:#FFFFFF;
	  }
	  p {
	  color: #FBEEC9;
	  }
	  div {
	  font-size: 70%;
	  background-color: #20201E;
	  opacity:0.9;
	  margin-left:2%;
	  margin-right:5%;
	  border: 2px solid;
	  border-color: #FBEEC9;
	  }
	  p{
	  line-height: 40%;

	  }
	</style>
  </head>
  <body>

    <header><h1>Headings and Paragraphs</h1></header>
	<article>
	<ul>
	  <li><span class="white-letters">Headings Tags</span> &lt;h1&gt; <span class="white-letters">&ndash;</span> &lt;/h6&gt;
	    <div>
		  <p>&lt;h1&gt;Heading 1&lt;/h1&gt;</p>
		  <p>&lt;h2&gt;Sub heading 2&lt;/h2&gt;</p>
		  <p>&lt;h3&gt;Sub heading 3&lt;/h3&gt;</p>

	    </div>
	  </li>
	  <li><span class="white-letters">Paragraph Tags</span> &lt;p&gt;
	    <div>
		  <p>&lt;p&gt;This is my first paragraph&lt;/p&gt;</p>
		  <p>&lt;p&gt;This is my second paragraph&lt;/p&gt;</p>

		</div>
	  </li>
	  <li><span class="white-letters">Sections:</span> &lt;div&gt; <span class="white-letters">and</span> &lt;span&gt;
	    <div>
		  <p>&lt;div style ="background: skyblue;"&gt;</p>
		  <p>This is a div</p>
		  <p>&lt;/div&gt;</p>
		</div>
	  </li>
	</ul>
	</article>
  </body>
</html>