API tools faq
paste
Advertisement
ShadowDarespark

Directory Classic

ShadowDarespark
Sep 15th, 2021
43
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.64 KB | None | 0 0
raw download clone embed print report
  1. <div class="container p-0" style="text-align: right;">
  2.  
  3. <!--- TAB NAMES START --->
  4. <ul class="mb-2 nav nav-tabs card-header-tabs row justify-content-between">
  5. <li class="nav-item col-md-3 mb-2"><a class="btn btn-outline-primary btn-block bg-faded show active" data-toggle="tab" href="#ONE">Species Tags/Folders</a></li>
  6. <li class="nav-item col-md-3 mb-2"><a class="btn btn-outline-primary btn-block bg-faded show" data-toggle="tab" href="#TWO" style="width:100;">Story/Group Tags</a></li>
  7. <li class="nav-item col-md-3 mb-2"><a class="btn btn-outline-primary btn-block bg-faded show" data-toggle="tab" href="#THREE" style="width:100;">Accessory Tags</a></li>
  8. <li class="nav-item col-md-3 mb-2"><a class="btn btn-outline-primary btn-block bg-faded show" data-toggle="tab" href="#FOUR" style="width:100;">Extra Tags/Folders</a></li>
  9. </ul>
  10. <!--- TAB NAMES END --->
  11.  
  12. <div class="tab-content mb-2">
  13.  
  14. <!--- TAB ONE START --->
  15. <div class="tab-pane fade in active show" id="ONE">
  16. <div class="card bg-faded card-block">
  17. <div class="card card-block" style="text-align: center;">
  18. <table class="table table-striped" style="width: 100%;">
  19.  
  20. <thead>
  21. <!--- TABLE HEADER --->
  22. <tr>
  23. <th style="vertical-align: middle; text-align: center; width: 20.5966%;">Title</th>
  24. <th style="vertical-align: middle; text-align: center; width: 79.4034%;">Description</th>
  25. </tr>
  26. <!--- TABLE HEADER END --->
  27. </thead>
  28.  
  29. <tbody>
  30. <!--- TABLE BODY --->
  31. <tr>
  32. <td style="width: 20.5966%; vertical-align: middle;"><a href="LINK" id=""><strong>Content</strong></a></td>
  33. <td style="width: 79.4034%; vertical-align: middle;"><em>- Description</em></td>
  34. </tr>
  35.  
  36. <tr>
  37. <td style="width: 20.5966%; vertical-align: middle;"><a href="LINK" id=""><strong>Content</strong></a></td>
  38. <td style="width: 79.4034%; vertical-align: middle;"><em>- Description</em></td>
  39. </tr>
  40.  
  41. <tr>
  42. <td style="width: 20.5966%; vertical-align: middle;"><a href="LINK" id=""><strong>Content</strong></a></td>
  43. <td style="width: 79.4034%; vertical-align: middle;"><em>- Description</em></td>
  44. </tr>
  45.  
  46. <tr>
  47. <td style="width: 20.5966%; vertical-align: middle;"><a href="LINK" id=""><strong>Content</strong></a></td>
  48. <td style="width: 79.4034%; vertical-align: middle;"><em>- Description</em></td></tr>
  49. <tr>
  50. <!--- TABLE BODY END --->
  51. </tbody>
  52. </table>
  53. </div>
  54. </div>
  55. </div>
  56. <!--- TAB ONE END --->
  57.  
  58. <!--- TAB TWO START --->
  59. <div class="tab-pane fade in" id="TWO">
  60. <div class="card bg-faded card-block">
  61. <div class="card card-block">
  62. <table class="table table-striped" style="width: 100%; margin-right: calc(0%);">
  63.  
  64. <thead>
  65. <tr>
  66. <th style="vertical-align: middle; text-align: center; width: 20.2652%;">Title</th>
  67. <th style="vertical-align: middle; text-align: center; width: 46.3068%;">Description</th>
  68. <th style="width: 33.3333%; text-align: center;">Image</th>
  69. </tr>
  70. </thead>
  71.  
  72. <tbody>
  73. <tr>
  74. <td style="vertical-align: middle; text-align: center;"><strong>(Type)</strong> <!--- I'd put "Story" or "Group" here. --->
  75. <br><a href="LINK" id=""><strong>Content</strong></a>
  76. <br><strong>(?? Characters)</strong>
  77. </td>
  78.  
  79. <td style="vertical-align: middle; text-align: center;"><em>- Description</em><br>
  80. <strong><span style="color: rgb(191, 21, 21);">WARNING: TRIGGER WARNINGS HERE.</span></strong>
  81. </td>
  82.  
  83. <!--- ICON GOES HERE --->
  84. <td style="vertical-align: middle; text-align: center;">
  85. <img src="https://via.placeholder.com/200" class="fr-fic fr-dib" width="200" height="235">
  86. </td>
  87. </tr>
  88.  
  89. <tr>
  90. <td style="vertical-align: middle; text-align: center;"><strong>(Type)</strong> <!--- I'd put "Story" or "Group" here. --->
  91. <br><a href="LINK" id=""><strong>Content</strong></a>
  92. <br><strong>(?? Characters)</strong>
  93. </td>
  94.  
  95. <td style="vertical-align: middle; text-align: center;"><em>- Description</em><br>
  96. <strong><span style="color: rgb(191, 21, 21);">WARNING: TRIGGER WARNINGS HERE.</span></strong>
  97. </td>
  98.  
  99. <!--- ICON GOES HERE --->
  100. <td style="vertical-align: middle; text-align: center;">
  101. <img src="https://via.placeholder.com/200" class="fr-fic fr-dib" width="200" height="235">
  102. </td>
  103. </tr>
  104.  
  105. <tr>
  106. <td style="vertical-align: middle; text-align: center;"><strong>(Type)</strong> <!--- I'd put "Story" or "Group" here. --->
  107. <br><a href="LINK" id=""><strong>Content</strong></a>
  108. <br><strong>(?? Characters)</strong>
  109. </td>
  110.  
  111. <td style="vertical-align: middle; text-align: center;"><em>- Description</em><br>
  112. <strong><span style="color: rgb(191, 21, 21);">WARNING: TRIGGER WARNINGS HERE.</span></strong>
  113. </td>
  114.  
  115. <!--- ICON GOES HERE --->
  116. <td style="vertical-align: middle; text-align: center;">
  117. <img src="https://via.placeholder.com/200" class="fr-fic fr-dib" width="200" height="235">
  118. </td>
  119. </tr>
  120.  
  121. <tr>
  122. <td style="vertical-align: middle; text-align: center;"><strong>(Type)</strong> <!--- I'd put "Story" or "Group" here. --->
  123. <br><a href="LINK" id=""><strong>Content</strong></a>
  124. <br><strong>(?? Characters)</strong>
  125. </td>
  126.  
  127. <td style="vertical-align: middle; text-align: center;"><em>- Description</em><br>
  128. <strong><span style="color: rgb(191, 21, 21);">WARNING: TRIGGER WARNINGS HERE.</span></strong>
  129. </td>
  130.  
  131. <!--- ICON GOES HERE --->
  132. <td style="vertical-align: middle; text-align: center;">
  133. <img src="https://via.placeholder.com/200" class="fr-fic fr-dib" width="200" height="235">
  134. </td>
  135. </tr>
  136. </tbody>
  137. </table>
  138. </div>
  139. </div>
  140. </div>
  141. <!--- TAB TWO END --->
  142.  
  143. <!--- TAB THREE START --->
  144. <div class="tab-pane fade in" id="THREE">
  145. <div class="card bg-faded card-block">
  146. <div class="card card-block" style="text-align: center;">
  147. <table class="table table-striped" style="width: 100%;">
  148.  
  149. <thead>
  150. <!--- TABLE HEADER --->
  151. <tr>
  152. <th style="vertical-align: middle; text-align: center; width: 20.5966%;">Title</th>
  153. <th style="vertical-align: middle; text-align: center; width: 79.4034%;">Description</th>
  154. </tr>
  155. <!--- TABLE HEADER END --->
  156. </thead>
  157.  
  158. <tbody>
  159. <!--- TABLE BODY --->
  160. <tr>
  161. <td style="width: 20.5966%; vertical-align: middle;"><a href="LINK" id=""><strong>Content</strong></a></td>
  162. <td style="width: 79.4034%; vertical-align: middle;"><em>- Description</em></td>
  163. </tr>
  164.  
  165. <tr>
  166. <td style="width: 20.5966%; vertical-align: middle;"><a href="LINK" id=""><strong>Content</strong></a></td>
  167. <td style="width: 79.4034%; vertical-align: middle;"><em>- Description</em></td>
  168. </tr>
  169.  
  170. <tr>
  171. <td style="width: 20.5966%; vertical-align: middle;"><a href="LINK" id=""><strong>Content</strong></a></td>
  172. <td style="width: 79.4034%; vertical-align: middle;"><em>- Description</em></td>
  173. </tr>
  174.  
  175. <tr>
  176. <td style="width: 20.5966%; vertical-align: middle;"><a href="LINK" id=""><strong>Content</strong></a></td>
  177. <td style="width: 79.4034%; vertical-align: middle;"><em>- Description</em></td></tr>
  178. <tr>
  179. <!--- TABLE BODY END --->
  180. </tbody>
  181. </table>
  182. </div>
  183. </div>
  184. </div>
  185. <!--- TAB THREE END --->
  186.  
  187. <!--- TAB FOUR START --->
  188. <div class="tab-pane fade in" id="FOUR">
  189. <div class="card bg-faded card-block">
  190. <div class="card card-block" style="text-align: center;">
  191. <table class="table table-striped" style="width: 100%;">
  192.  
  193. <thead>
  194. <!--- TABLE HEADER --->
  195. <tr>
  196. <th style="vertical-align: middle; text-align: center; width: 20.5966%;">Title</th>
  197. <th style="vertical-align: middle; text-align: center; width: 79.4034%;">Description</th>
  198. </tr>
  199. <!--- TABLE HEADER END --->
  200. </thead>
  201.  
  202. <tbody>
  203. <!--- TABLE BODY --->
  204. <tr>
  205. <td style="width: 20.5966%; vertical-align: middle;"><a href="LINK" id=""><strong>Content</strong></a></td>
  206. <td style="width: 79.4034%; vertical-align: middle;"><em>- Description</em></td>
  207. </tr>
  208.  
  209. <tr>
  210. <td style="width: 20.5966%; vertical-align: middle;"><a href="LINK" id=""><strong>Content</strong></a></td>
  211. <td style="width: 79.4034%; vertical-align: middle;"><em>- Description</em></td>
  212. </tr>
  213.  
  214. <tr>
  215. <td style="width: 20.5966%; vertical-align: middle;"><a href="LINK" id=""><strong>Content</strong></a></td>
  216. <td style="width: 79.4034%; vertical-align: middle;"><em>- Description</em></td>
  217. </tr>
  218.  
  219. <tr>
  220. <td style="width: 20.5966%; vertical-align: middle;"><a href="LINK" id=""><strong>Content</strong></a></td>
  221. <td style="width: 79.4034%; vertical-align: middle;"><em>- Description</em></td></tr>
  222. <tr>
  223. <!--- TABLE BODY END --->
  224. </tbody>
  225. </table>
  226. </div>
  227. </div>
  228. </div>
  229. <!--- TAB FOUR END --->
  230. </div>
  231. </div>
  232. <!--- TABS CONTENT END --->
  233.  
  234. <!--- CLASSIFICATION/SONAS/FEATURED CHARACTERS --->
  235. <div class="card bg-faded card-block d-block pb-1 mb-4">
  236.  
  237. <h1 class="display-4 text-uppercase text-primary" style="letter-spacing:2px;">
  238. <i class="fas fa-info-circle fa-fw pull-right"></i> classification: <!--- OR YOU CAN ADD SONAS OR FEATURED CHARACTERS HERE INSTEAD --->
  239. </h1>
  240.  
  241. <hr>
  242.  
  243. <div class="row">
  244.  
  245. <!--- FEATURE 1 --->
  246. <div class="col-md-4 text-center mb-2">
  247. <img src="https://via.placeholder.com/200" class="rounded fr-fic fr-dii" width="170" height="158">
  248. <a class="btn btn-outline-primary btn-block my-2" href="LINK" id="" style="font-size: 1.5em;">Fan Characters</a>
  249. <p style="letter-spacing:1px;"><em>Description</em>
  250. </div>
  251.  
  252. <!--- FEATURE 2 --->
  253. <div class="col-md-4 text-center mb-2">
  254. <img src="https://via.placeholder.com/200" class="rounded fr-fic fr-dii" width="170" height="158">
  255. <a class="btn btn-outline-primary btn-block my-2" href="LINK" id="" style="font-size: 1.5em;">Original Characters</a>
  256. <p style="letter-spacing:1px;"><em>Description</em></p>
  257. </div>
  258.  
  259. <!--- FEATURE 3--->
  260. <div class="col-md-4 text-center mb-2">
  261. <img src="https://via.placeholder.com/200" class="rounded fr-fic fr-dii" width="170" height="158">
  262. <a class="btn btn-outline-primary btn-block my-2" href="LINK" id="" style="font-size: 1.5em;">Original Species</a>
  263. <p style="letter-spacing:1px;"><em>Description</em></p>
  264. </div>
  265.  
  266. </div>
  267. </div>
  268.  
  269. <!---------- CREDIT, DO NOT REMOVE. ---------->
  270. <div class="text-right" ><a href="https://toyhou.se/ShadowDarespark"><i class="fas fa-code tooltipster" title="Directory code by ShadowDarespark"></i></a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!