Guest User

Untitled

a guest
Feb 6th, 2017
407
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. <!--change your title of the whole page here !-->
  6. <title>onyx</title>
  7. <link href="/style.css" rel="stylesheet" type="text/css" media="all">
  8. <style>
  9. /* if you have multiple pages, add this text to your style.css file */
  10. body{
  11. background-color: black;
  12. background-image: url("sampleurl.jpg");
  13. text-align:center;
  14. color:gray;
  15. font-family: "Times new roman";
  16. font-weight: 100;
  17. }
  18. h2{
  19. font-weight:100;
  20. }
  21. ul, li{
  22. list-style-type:none;}
  23. .index{
  24. width: 200px;
  25. margin:auto;
  26. background-color:gray;
  27. text-align:center;
  28. padding: 5px;
  29. font-variant:small-caps;}
  30. .index a:link {
  31. color: black;}
  32. a:link{
  33. color: gray;
  34. text-decoration:underline;}
  35. a:visited {
  36. color: gray;}
  37. .credit{
  38. font-size: 12px;
  39. position: absolute;
  40. bottom: 0;
  41. right: 0;}
  42.  
  43. </style>
  44. </head>
  45. <body>
  46. <h2>PAGE TITLE</h2>
  47. <div class="index">
  48. <a href="/test.html">about</a> |
  49. <a href="/test.html">interests</a> |
  50. <a href="/test.html">ids</a> |
  51. <a href="/test.html">blacklist</a></div>
  52.  
  53. <p>This is a paragraph! Here's how you make a link: <a href="http://neocities.org">Neocities</a>.</p>
  54.  
  55. <p>Here's how you can make <strong>bold</strong> and <em>italic</em> text.</p>
  56.  
  57. <p>Here's how you can add an image:</p>
  58. <img src="http://geocities.ws/heart/header.gif">
  59.  
  60. <p>Here's how to make a list:</p>
  61.  
  62. <ul>
  63. <li>First thing</li>
  64. <li>Second thing</li>
  65. <li>Third thing</li>
  66. </ul>
  67.  
  68. <p>To learn more HTML/CSS, check out these <a href="http://neocities.org/tutorials">tutorials</a>!</p>
  69. <!--please dont delete, feel free to dm me any questions !-->
  70. <div class="credit">
  71. <a href="http://twitter.com/tcadsworth"> @peachie</a>
  72. </div>
  73. </body>
  74. </html>
RAW Paste Data