Untitled

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Lab 4</title>
    <style type = text/css>
    body
    {
      padding: 0;
      margin:0;
      background: url(http://www.allwhitebackground.com/images/2/2276.jpg);
      background-size: 100%;
    }
    h1
    {
      font-size: 6em;
      color: black;
      margin:0;
      padding: 0;
      text-align: center;
      top: 0%;
      left: 50%;
      background-color: blue;
    }
    #link
    {
      width: 1903px;
      height: 90px;
      background-color: gray;
      font-size: 1.5em;
      color: black;
      margin:0;
      padding: 0;
      top: 0%;
      left: 50%;
    }
    #link1
    {
      width: 1903px;
      height: 50px;
      background-color: orange;
      font-size: 1.5em;
      color: black;
      margin:0;
      padding: 0;
      top: 0%;
      left: 50%;
    }
    #link2
    {
      width: 1903px;
      height: 50px;
      background-color: green;
      font-size: 1.5em;
      color: black;
      margin:0;
      padding: 0;
      top: 0%;
      left: 50%;
    }
    #link3
    {
      width: 1903px;
      height: 50px;
      background-color: purple;
      font-size: 1.5em;
      color: black;
      margin:0;
      padding: 0;
      top: 0%;
      left: 50%;
    }
    h2
    {
      font-size: 4em;
      color: black;
      margin:0;
      padding: 0;
      top: 0%;
      left: 50%;

    }

    h3
    {
      font-size: 3em;
      color: black;
      margin:0;
      padding: 0;
      background-color: skyblue;
      top: 0%;
      left: 50%;
    }
    #section1
    {
      width: 1903px;
      height: 190px;
      background-color: orange;
      font-size: 1.5em;
      color: black;
      margin:0;
      padding: 0;
      top: 0%;
      left: 50%;
    }
    #section2
    {
      width: 1903px;
      height: 190px;
      background-color: green;
      font-size: 1.5em;
      color: black;
      margin:0;
      padding: 0;
      top: 0%;
      left: 50%;
    }
    #section3
    {
      width: 1903px;
      height: 190px;
      background-color: purple;
      font-size: 1.5em;
      color: black;
      margin:0;
      padding: 0;
      top: 0%;
      left: 50%;
    }
    h4
    {
      font-size: 3em;
      color: black;
      margin:0;
      padding: 0;
      background-color: red;
      top: 0%;
      left: 50%;
    }
    h5
    {
      font-size: 3em;
      color: black;
      margin:0;
      padding: 0;
      background-color: yellow;
      top: 0%;
      left: 50%;
    }
    #footer
    {
      width: 1903px;
      height: 30px;
      background-color: pink;
      font-size: 1.5em;
      color: black;
      margin:0;
      padding: 0;
      top: 0%;
      left: 50%;
    }
    #copyright
    {
      width: 1903px;
      height: 30px;
      background-color: skyblue;
      font-size: 1.5em;
      color: black;
      margin:0;
      padding: 0;
      top: 0%;
      left: 50%;
    }
  </style>
  </head>
  <body>
    <div id = "p">
    <h1>MasterDarkness1's Music Video</h1>
    <br>
    <div id="link">
    <br>
    <a href="https://www.youtube.com/channel/UCpYrwkjm_CkV243AaC_8nqw?view_as=subscriber">
      Youtube Channel&ndash;Master Darkness1</a>
    <a href="AboutMe2.html">
      About Me</a>
    <a href="https://www.youtube.com/playlist?list=PLleRzLlVzcA8ZAOQ6Nm4VJBH3XxIndOhI">
      Songs</a>
    <a href="https://www.youtube.com/playlist?list=PLleRzLlVzcA-MecvAx7Mrm7g7XcLdiBSw">
      Nightcore Songs</a>
    </div>
    <br>
    <h2>Popular Songs</h2>
    <h3>Title: Sayonara I Love You</h3>
    <video controls>
      <source src="Sayonara.mp4" type="video/mp4">
    </video>
    <div id= section1>
    <p>Artist: Maiko Nakamura ft. NERDHEAD</p>
    <div>
		 <img src="add-to-basket_btn.png" alt="Add to Basket" title="Add to Basket"/>
		 <img src="add-to-favorites_btn.png" alt="Add to Favorites" title="Add to Favorites"/>
		</div>
    <p>Share:
     <img src="email_16.png" alt="Email this to someone" />
     <img src="twitter_16.png" alt="Share this on Twitter" />
     <img src="facebook_16.png" alt="Share this on Facebook" />
     <img src="sharethis_16.png" alt="Share this on Share" />
    </p>
    <p>I do not own these pictures and the song, goes to the respective owner.
    I just posted this song because the original song is not on Youtube, so might as well make one and post it.</p>
    <img src="images/star-orange.png"/><img src="images/star-orange.png"/><img src="images/star-orange.png"/><img src="images/star-orange.png"/><img src="images/star-white.png"/>
    </div>
    <div id="link1">
    <a href="https://www.youtube.com/watch?v=6mybS4PqxOQ">
      Link For This Song!</a>
    </div>
    <br>
    <h4>Title: Delight</h4>
    <video controls>
      <source src="Delight.mp4" type="video/mp4">
    </video>
    <div id="section2">
    <p>Artist: Rei Yasuda</p>
    <div>
     <img src="add-to-basket_btn.png" alt="Add to Basket" title="Add to Basket"/>
     <img src="add-to-favorites_btn.png" alt="Add to Favorites" title="Add to Favorites"/>
    </div>
    <p>Share:
     <img src="email_16.png" alt="Email this to someone" />
     <img src="twitter_16.png" alt="Share this on Twitter" />
     <img src="facebook_16.png" alt="Share this on Facebook" />
     <img src="sharethis_16.png" alt="Share this on Share" />
    </p>
    <p>I do not own these pictures and the song, goes to the respective owner.
    I just posted this song because the original song is not on Youtube, so might as well make one and post it.</p>
    <img src="images/star-orange.png"/><img src="images/star-orange.png"/><img src="images/star-orange.png"/><img src="images/star-orange.png"/><img src="images/star-white.png"/>
    </div>
    <div id="link2">
    <a href="https://www.youtube.com/watch?v=nV6QR7w_9uw">
      Link For This Song!</a>
    </div>
    <br>
    <h5>Title: I Believe</h5>
    <video controls>
      <source src="Believe.mp4" type="video/mp4">
    </video>
    <div id="section3">
    <p>Artist: So'Fly</p>
    <div>
     <img src="add-to-basket_btn.png" alt="Add to Basket" title="Add to Basket"/>
     <img src="add-to-favorites_btn.png" alt="Add to Favorites" title="Add to Favorites"/>
    </div>
    <p>Share:
     <img src="email_16.png" alt="Email this to someone" />
     <img src="twitter_16.png" alt="Share this on Twitter" />
     <img src="facebook_16.png" alt="Share this on Facebook" />
     <img src="sharethis_16.png" alt="Share this on Share" />
    </p>
    <p>I do not own these pictures and the song, goes to the respective owner.
    I just posted this song because the original song is not on Youtube, so might as well make one and post it.</p>
    <img src="images/star-orange.png"/><img src="images/star-orange.png"/><img src="images/star-orange.png"/><img src="images/star-orange.png"/><img src="images/star-white.png"/>
    </div>
    <div id="link3">
    <a href="https://www.youtube.com/watch?v=64gSkDxhHoA">
      Link For This Song!</a>
    </div>
    <br>
    <div id="footer">
    <a href="https://www.youtube.com/channel/UCpYrwkjm_CkV243AaC_8nqw?view_as=subscriber">
      Youtube Channel&ndash;Master Darkness1</a>
    <a href="AboutMe2.html">
      About Me</a>
    <a href="https://www.youtube.com/playlist?list=PLleRzLlVzcA8ZAOQ6Nm4VJBH3XxIndOhI">
      Songs</a>
    <a href="https://www.youtube.com/playlist?list=PLleRzLlVzcA-MecvAx7Mrm7g7XcLdiBSw">
      Nightcore Songs</a>
    </div>
    <div id="copyright">
    <p>Copyright © MasterDarkness1's Music Video</p>
    </div>
  </div>
  </body>
</html>