Advertisement
repth

Theme e

Feb 9th, 2022 (edited)
1,897
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.09 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>theme e</title>
  7.  
  8. <link rel="preconnect" href="https://fonts.googleapis.com">
  9. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  10. <link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
  11.  
  12. <link rel="preconnect" href="https://fonts.googleapis.com">
  13. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  14. <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300&display=swap" rel="stylesheet">
  15.  
  16. <style>
  17.  
  18. body{
  19. background-color: #d7c5e0;
  20. background-image: url('https://i.imgur.com/um7VW5i.jpg');
  21. background-repeat: no-repeat;
  22. background-size: 100%;
  23. background-attachment: fixed;
  24. color: #23262e;
  25. font-family: 'Cormorant Garamond', serif;
  26. }
  27.  
  28. #all{
  29. width: 460px;
  30. margin: 0 auto;
  31. }
  32.  
  33. img{
  34. opacity: 0.9;
  35. }
  36.  
  37. #header{
  38. width: 460px;
  39. margin: 15px 0px 7px 0px;
  40. }
  41.  
  42. h1{
  43. font-family: 'Special Elite', serif;
  44. text-align: center;
  45. font-size: 45px;
  46. font-weight: normal;
  47. color: #fff;
  48. margin: 0px;
  49. }
  50.  
  51. #nav{
  52. background-color: #fff;
  53. width: 460px;
  54. margin-bottom: 10px;
  55. }
  56.  
  57. ul{
  58. text-align: center;
  59. padding: 0px;
  60. margin: 0px;
  61. }
  62.  
  63. li{
  64. list-style-type: none;
  65. display: inline;
  66. padding-left: 5px;
  67. }
  68.  
  69. a{
  70. text-decoration: none;
  71. color: #657346;
  72. }
  73.  
  74. a:visited{
  75. color: #657346;
  76. }
  77.  
  78. a:hover{
  79. font-style: italic;
  80. font-weight: bold;
  81. }
  82.  
  83. a:active{
  84. font-style: italic;
  85. font-weight: bold;
  86. }
  87.  
  88. #main{
  89. background-color: #fff;
  90. width: 430px;
  91. padding: 15px;
  92. text-align: justify;
  93. }
  94.  
  95. ::-webkit-scrollbar{
  96. width: 6px;
  97. }
  98.  
  99. ::-webkit-scrollbar-track{
  100. background-color: #1a1c16;
  101. }
  102.  
  103. ::-webkit-scrollbar-thumb{
  104. background-color: #43473c;
  105. }
  106.  
  107. #credit{
  108. font-size: 12px;
  109. position: fixed;
  110. bottom: 0;
  111. right: 0;
  112. }
  113.  
  114. #credit a{
  115. text-decoration: none;
  116. color: #fff;
  117. }
  118.  
  119. #credit a:visited{
  120. color: #fff;
  121. }
  122.  
  123. #credit a:hover{
  124. font-style: italic;
  125. font-weight: bold;
  126. }
  127.  
  128. #credit a:active{
  129. font-style: italic;
  130. font-weight: bold;
  131. }
  132.  
  133. </style>
  134.  
  135. </head>
  136.  
  137. <body>
  138.  
  139. <div id="all">
  140.  
  141. <div id="header">
  142. <h1>Title Here</h1>
  143. </div>
  144.  
  145. <div id="nav">
  146. <ul>
  147. <li><a href="URL HERE">home</a></li>
  148. <li><a href="URL HERE">about</a></li>
  149. <li><a href="URL HERE">blog</a></li>
  150. <li><a href="URL HERE">gallery</a></li>
  151. <li><a href="URL HERE">links</a></li>
  152. <li><a href="URL HERE">misc</a></li>
  153. </ul>
  154. </div>
  155.  
  156. <div id="main">
  157.  
  158. <img src="https://i.imgur.com/xTBF6tl.jpg" style="width:430px;">
  159.  
  160. <p style="margin:0px;">Morbi eleifend, turpis nec tristique iaculis, elit sem aliquam nisl, ut facilisis mauris orci id lectus. Sed luctus ante et ipsum accumsan molestie. Fusce vitae massa vel nunc tincidunt gravida ac eu odio. Mauris vitae massa magna. Aenean vel purus felis. Phasellus feugiat congue dolor eu fringilla. Maecenas vitae dui quis justo tempor tristique id sit amet sapien. Nulla dapibus convallis pharetra. Proin non lorem pretium.</p>
  161.  
  162. </div>
  163.  
  164. </div>
  165.  
  166. <div id="credit"><a href="https://repth.neocities.org/index.html">©repth</a></div>
  167.  
  168. </body>
  169.  
  170. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement