API tools faq
paste
herbthemes

tag page 01

herbthemes
Aug 13th, 2019
2,873
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.49 KB | None | 0 0
raw download clone embed print report
  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
Public Pastes
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!