herbthemes

tag page 01

Aug 13th, 2019
2,873
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.49 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!-- herbthemes tag page 01
  3.  
  4. do not redistribute this page
  5. do not remove credits
  6.  
  7. how to use:
  8. - to replace the category of each section, replace the word between the <i>[desired word]</i>
  9. - to create a new section: copy and paste the code provided
  10.  
  11.  
  12. -->
  13.  
  14. <html>
  15. <head>
  16. <meta charset="utf-8">
  17. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  18. <!-- change the title of the page (what the tab browser displays the name of the page as) below-->
  19. <title>navigate</title>
  20.  
  21. <style type="text/css">
  22. @import url('https://fonts.googleapis.com/css?family=Lexend+Exa|Libre+Caslon+Display&display=swap');
  23.  
  24. body {
  25. font-family: 'Lexend Exa', sans-serif;
  26. font-size:15px
  27. background:white;
  28. overflow:hidden;
  29. }
  30.  
  31.  
  32. i {
  33. font-family: 'Libre Caslon Display', serif;
  34. text-transform: lowercase;
  35. letter-spacing:2px;
  36. }
  37.  
  38. h5 {
  39. text-align:center;
  40. font-size:8px;
  41. }
  42.  
  43. #content {
  44. width:92vw;
  45. height:90vh;
  46. overflow-y:scroll;
  47. margin:0 auto;
  48. margin-top:5vh;
  49. background:#ececec;
  50. }
  51.  
  52. .category {
  53. text-transform:uppercase;
  54. letter-spacing:1px;
  55. text-align:center;
  56. margin-top:100px;
  57. margin-bottom:20px;
  58. }
  59.  
  60. .links {
  61. list-style:none;
  62. text-align:center;
  63. margin:30px;
  64. }
  65.  
  66. .links li {
  67. display:inline;
  68. margin:5px;
  69. }
  70.  
  71.  
  72. .links a {
  73. color:black;
  74. text-decoration:none;
  75. padding:5px;
  76. }
  77.  
  78. .links a:hover {
  79. background:white;
  80. border-radius:3px;
  81. padding:5px;
  82. }
  83.  
  84. .creds {
  85. color:black;
  86. text-decoration:none;
  87. }
  88. </style>
  89.  
  90. </head>
  91. <body>
  92. <section id="content">
  93. <h1 class="category">browse by <i>category</i>...</h1>
  94. <ul class="links">
  95. <li><a href="/">tag 01</a></li>
  96. <li><a href="/">tag 02</a></li>
  97. <li><a href="/">tag 03</a></li>
  98. <li><a href="/">tag 04</a></li>
  99. <li><a href="/">tag 05</a></li>
  100. </ul>
  101. <h1 class="category">browse by <i>category</i>...</h1>
  102. <ul class="links">
  103. <li><a href="/">tag 01</a></li>
  104. <li><a href="/">tag 02</a></li>
  105. <li><a href="/">tag 03</a></li>
  106. <li><a href="/">tag 04</a></li>
  107. <li><a href="/">tag 05</a></li>
  108. </ul>
  109. <h1 class="category">browse by <i>category</i>...</h1>
  110. <ul class="links">
  111. <li><a href="/">tag 01</a></li>
  112. <li><a href="/">tag 02</a></li>
  113. <li><a href="/">tag 03</a></li>
  114. <li><a href="/">tag 04</a></li>
  115. <li><a href="/">tag 05</a></li>
  116. </ul>
  117.  
  118. <!-- copy and paste this code for a new section-->
  119.  
  120. <!--
  121. <h1 class="category">browse by <i>category</i>...</h1>
  122. <ul class="links">
  123. <li><a href="/">tag 01</a></li>
  124. <li><a href="/">tag 02</a></li>
  125. <li><a href="/">tag 03</a></li>
  126. <li><a href="/">tag 04</a></li>
  127. <li><a href="/">tag 05</a></li>
  128. </ul>
  129. -->
  130.  
  131.  
  132. </section>
  133. <h5><a href="https://herbthemes.tumblr.com" class="creds">Ⓒ herbthemes</a></h5>
  134. </body>
  135. </html>
Advertisement
Add Comment
Please, Sign In to add comment