SHARE
TWEET

Untitled

a guest Sep 23rd, 2019 95 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <title>Lab 4</title>
  6.     <style type = text/css>
  7.     body
  8.     {
  9.       padding: 0;
  10.       margin:0;
  11.       background: url(http://www.allwhitebackground.com/images/2/2276.jpg);
  12.       background-size: 100%;
  13.     }
  14.     h1
  15.     {
  16.       font-size: 6em;
  17.       color: black;
  18.       margin:0;
  19.       padding: 0;
  20.       text-align: center;
  21.       top: 0%;
  22.       left: 50%;
  23.       background-color: blue;
  24.     }
  25.     #link
  26.     {
  27.       width: 1903px;
  28.       height: 90px;
  29.       background-color: gray;
  30.       font-size: 1.5em;
  31.       color: black;
  32.       margin:0;
  33.       padding: 0;
  34.       top: 0%;
  35.       left: 50%;
  36.     }
  37.     #link1
  38.     {
  39.       width: 1903px;
  40.       height: 50px;
  41.       background-color: orange;
  42.       font-size: 1.5em;
  43.       color: black;
  44.       margin:0;
  45.       padding: 0;
  46.       top: 0%;
  47.       left: 50%;
  48.     }
  49.     #link2
  50.     {
  51.       width: 1903px;
  52.       height: 50px;
  53.       background-color: green;
  54.       font-size: 1.5em;
  55.       color: black;
  56.       margin:0;
  57.       padding: 0;
  58.       top: 0%;
  59.       left: 50%;
  60.     }
  61.     #link3
  62.     {
  63.       width: 1903px;
  64.       height: 50px;
  65.       background-color: purple;
  66.       font-size: 1.5em;
  67.       color: black;
  68.       margin:0;
  69.       padding: 0;
  70.       top: 0%;
  71.       left: 50%;
  72.     }
  73.     h2
  74.     {
  75.       font-size: 4em;
  76.       color: black;
  77.       margin:0;
  78.       padding: 0;
  79.       top: 0%;
  80.       left: 50%;
  81.  
  82.     }
  83.  
  84.     h3
  85.     {
  86.       font-size: 3em;
  87.       color: black;
  88.       margin:0;
  89.       padding: 0;
  90.       background-color: skyblue;
  91.       top: 0%;
  92.       left: 50%;
  93.     }
  94.     #section1
  95.     {
  96.       width: 1903px;
  97.       height: 190px;
  98.       background-color: orange;
  99.       font-size: 1.5em;
  100.       color: black;
  101.       margin:0;
  102.       padding: 0;
  103.       top: 0%;
  104.       left: 50%;
  105.     }
  106.     #section2
  107.     {
  108.       width: 1903px;
  109.       height: 190px;
  110.       background-color: green;
  111.       font-size: 1.5em;
  112.       color: black;
  113.       margin:0;
  114.       padding: 0;
  115.       top: 0%;
  116.       left: 50%;
  117.     }
  118.     #section3
  119.     {
  120.       width: 1903px;
  121.       height: 190px;
  122.       background-color: purple;
  123.       font-size: 1.5em;
  124.       color: black;
  125.       margin:0;
  126.       padding: 0;
  127.       top: 0%;
  128.       left: 50%;
  129.     }
  130.     h4
  131.     {
  132.       font-size: 3em;
  133.       color: black;
  134.       margin:0;
  135.       padding: 0;
  136.       background-color: red;
  137.       top: 0%;
  138.       left: 50%;
  139.     }
  140.     h5
  141.     {
  142.       font-size: 3em;
  143.       color: black;
  144.       margin:0;
  145.       padding: 0;
  146.       background-color: yellow;
  147.       top: 0%;
  148.       left: 50%;
  149.     }
  150.     #footer
  151.     {
  152.       width: 1903px;
  153.       height: 30px;
  154.       background-color: pink;
  155.       font-size: 1.5em;
  156.       color: black;
  157.       margin:0;
  158.       padding: 0;
  159.       top: 0%;
  160.       left: 50%;
  161.     }
  162.     #copyright
  163.     {
  164.       width: 1903px;
  165.       height: 30px;
  166.       background-color: skyblue;
  167.       font-size: 1.5em;
  168.       color: black;
  169.       margin:0;
  170.       padding: 0;
  171.       top: 0%;
  172.       left: 50%;
  173.     }
  174.   </style>
  175.   </head>
  176.   <body>
  177.     <div id = "p">
  178.     <h1>MasterDarkness1's Music Video</h1>
  179.     <br>
  180.     <div id="link">
  181.     <br>
  182.     <a href="https://www.youtube.com/channel/UCpYrwkjm_CkV243AaC_8nqw?view_as=subscriber">
  183.       Youtube Channel&ndash;Master Darkness1</a>
  184.     <a href="AboutMe2.html">
  185.       About Me</a>
  186.     <a href="https://www.youtube.com/playlist?list=PLleRzLlVzcA8ZAOQ6Nm4VJBH3XxIndOhI">
  187.       Songs</a>
  188.     <a href="https://www.youtube.com/playlist?list=PLleRzLlVzcA-MecvAx7Mrm7g7XcLdiBSw">
  189.       Nightcore Songs</a>
  190.     </div>
  191.     <br>
  192.     <h2>Popular Songs</h2>
  193.     <h3>Title: Sayonara I Love You</h3>
  194.     <video controls>
  195.       <source src="Sayonara.mp4" type="video/mp4">
  196.     </video>
  197.     <div id= section1>
  198.     <p>Artist: Maiko Nakamura ft. NERDHEAD</p>
  199.     <div>
  200.          <img src="add-to-basket_btn.png" alt="Add to Basket" title="Add to Basket"/>
  201.          <img src="add-to-favorites_btn.png" alt="Add to Favorites" title="Add to Favorites"/>
  202.         </div>
  203.     <p>Share:
  204.      <img src="email_16.png" alt="Email this to someone" />
  205.      <img src="twitter_16.png" alt="Share this on Twitter" />
  206.      <img src="facebook_16.png" alt="Share this on Facebook" />
  207.      <img src="sharethis_16.png" alt="Share this on Share" />
  208.     </p>
  209.     <p>I do not own these pictures and the song, goes to the respective owner.
  210.     I just posted this song because the original song is not on Youtube, so might as well make one and post it.</p>
  211.     <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"/>
  212.     </div>
  213.     <div id="link1">
  214.     <a href="https://www.youtube.com/watch?v=6mybS4PqxOQ">
  215.       Link For This Song!</a>
  216.     </div>
  217.     <br>
  218.     <h4>Title: Delight</h4>
  219.     <video controls>
  220.       <source src="Delight.mp4" type="video/mp4">
  221.     </video>
  222.     <div id="section2">
  223.     <p>Artist: Rei Yasuda</p>
  224.     <div>
  225.      <img src="add-to-basket_btn.png" alt="Add to Basket" title="Add to Basket"/>
  226.      <img src="add-to-favorites_btn.png" alt="Add to Favorites" title="Add to Favorites"/>
  227.     </div>
  228.     <p>Share:
  229.      <img src="email_16.png" alt="Email this to someone" />
  230.      <img src="twitter_16.png" alt="Share this on Twitter" />
  231.      <img src="facebook_16.png" alt="Share this on Facebook" />
  232.      <img src="sharethis_16.png" alt="Share this on Share" />
  233.     </p>
  234.     <p>I do not own these pictures and the song, goes to the respective owner.
  235.     I just posted this song because the original song is not on Youtube, so might as well make one and post it.</p>
  236.     <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"/>
  237.     </div>
  238.     <div id="link2">
  239.     <a href="https://www.youtube.com/watch?v=nV6QR7w_9uw">
  240.       Link For This Song!</a>
  241.     </div>
  242.     <br>
  243.     <h5>Title: I Believe</h5>
  244.     <video controls>
  245.       <source src="Believe.mp4" type="video/mp4">
  246.     </video>
  247.     <div id="section3">
  248.     <p>Artist: So'Fly</p>
  249.     <div>
  250.      <img src="add-to-basket_btn.png" alt="Add to Basket" title="Add to Basket"/>
  251.      <img src="add-to-favorites_btn.png" alt="Add to Favorites" title="Add to Favorites"/>
  252.     </div>
  253.     <p>Share:
  254.      <img src="email_16.png" alt="Email this to someone" />
  255.      <img src="twitter_16.png" alt="Share this on Twitter" />
  256.      <img src="facebook_16.png" alt="Share this on Facebook" />
  257.      <img src="sharethis_16.png" alt="Share this on Share" />
  258.     </p>
  259.     <p>I do not own these pictures and the song, goes to the respective owner.
  260.     I just posted this song because the original song is not on Youtube, so might as well make one and post it.</p>
  261.     <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"/>
  262.     </div>
  263.     <div id="link3">
  264.     <a href="https://www.youtube.com/watch?v=64gSkDxhHoA">
  265.       Link For This Song!</a>
  266.     </div>
  267.     <br>
  268.     <div id="footer">
  269.     <a href="https://www.youtube.com/channel/UCpYrwkjm_CkV243AaC_8nqw?view_as=subscriber">
  270.       Youtube Channel&ndash;Master Darkness1</a>
  271.     <a href="AboutMe2.html">
  272.       About Me</a>
  273.     <a href="https://www.youtube.com/playlist?list=PLleRzLlVzcA8ZAOQ6Nm4VJBH3XxIndOhI">
  274.       Songs</a>
  275.     <a href="https://www.youtube.com/playlist?list=PLleRzLlVzcA-MecvAx7Mrm7g7XcLdiBSw">
  276.       Nightcore Songs</a>
  277.     </div>
  278.     <div id="copyright">
  279.     <p>Copyright © MasterDarkness1's Music Video</p>
  280.     </div>
  281.   </div>
  282.   </body>
  283. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top