alpeltz

onyx

Feb 12th, 2017
1,168
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. /*change background color or image if desired*/
  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. /*change the style of the link index*/
  24. .index{
  25. width: 200px;
  26. margin:auto;
  27. background-color:gray;
  28. text-align:center;
  29. padding: 5px;
  30. font-variant:small-caps;}
  31. .index a:link {
  32. color: black;}
  33. /*change the link color*/
  34. a:link{
  35. color: gray;
  36. text-decoration:underline;}
  37. a:visited {
  38. color: gray;}
  39. .credit{
  40. font-size: 12px;
  41. position: absolute;
  42. bottom: 0;
  43. right: 0;}
  44.  
  45. </style>
  46. </head>
  47. <body>
  48. <h2>PAGE TITLE</h2>
  49. <div class="index">
  50. <a href="/test.html">about</a> |
  51. <a href="/test.html">interests</a> |
  52. <a href="/test.html">ids</a> |
  53. <a href="/test.html">blacklist</a></div>
  54.  
  55. <p>This is a paragraph! Here's how you make a link: <a href="http://neocities.org">Neocities</a>.</p>
  56.  
  57. <p>Here's how you can make <strong>bold</strong> and <em>italic</em> text.</p>
  58.  
  59. <p>Here's how you can add an image:</p>
  60. <img src="http://geocities.ws/heart/header.gif">
  61.  
  62. <p>Here's how to make a list:</p>
  63.  
  64. <ul>
  65. <li>First thing</li>
  66. <li>Second thing</li>
  67. <li>Third thing</li>
  68. </ul>
  69.  
  70. <p>To learn more HTML/CSS, check out these <a href="http://neocities.org/tutorials">tutorials</a>!</p>
  71. <p><a href="http://pastebin.com/BejyDND2">pastebin</a></p>
  72. <div class="credit">
  73. <a href="http://twitter.com/princesspcach" style="position:bottom left"> @peachie</a>
  74. </div>
  75. </body>
  76. </html>
RAW Paste Data