API tools faq
paste
Advertisement
Skolmir

grimble bimble

Skolmir
Oct 1st, 2023 (edited)
22
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.60 KB | None | 0 0
raw download clone embed print report
  1. <!---------------- Hide top of profile. Same BG image as the BG. -------------->
  2. <div class="card border-0" style="z-index:1; height:285px; margin-left:-15px; margin-right:-15px; margin-top:-285px;">
  3. <div style='position: absolute; top: 0px; bottom: 0px; left: 0px; background: url("https://images3.alphacoders.com/697/697264.jpg") center center fixed; width: 100%; z-index: -1; text-align: center;'>
  4. <br>
  5. </div>
  6. </div>
  7. <!---------------- Background -------------->
  8. <div style='position: absolute; top: 0px; bottom: 0px; left: 0px; background: url("https://images3.alphacoders.com/697/697264.jpg") center center fixed; width: 100%; z-index: -1; text-align: center;'>
  9. <br>
  10. </div>
  11. <!--------------------------------------------------------------------->
  12. <div class="container" style="max-width: 900px;">
  13. <div class="row no-gutters">
  14. <!----- LEFT COLUMN ----->
  15. <div class="col-lg-4">
  16. <!----- If using an avatar with a transparent background, I would recommend changing "background-size: cover" to "background-size: contain" ----->
  17. <div class="card bg-faded border-0 rounded-0 p-1 m-1" style="background-image: url(https://cdn.discordapp.com/attachments/556878774814113792/1158080426712236083/image.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px;">
  18. <!----- Change the font awesome icons if you want, or if character has a long name maybe remove them entirely ----->
  19.  
  20. <h1 class="bg-primary rounded-0 text-white text-center p-2 m-1" style="letter-spacing: 2px; font-size: 18px;"><i class="fa fa-tree-deciduous mr-1"></i>NAME HERE<i class="fa fa-tree-deciduous ml-1"></i></h1>
  21.  
  22. <p style="text-align: center;"><span style='color: rgb(255, 255, 255); font-family: "courier new", courier;'><strong>#TM-0000</strong></span></p>
  23. </div>
  24. </div>
  25. <div class="col-lg-8">
  26. <div class="card bg-faded border-0 rounded-0 p-1 m-1" style="height: 450px; overflow:auto;">
  27. <!----- RIGHT COLUMN ----->
  28. <!----- REF SECTION ----->
  29.  
  30. <h1 class="bg-primary rounded-0 text-white p-2 m-1" style="letter-spacing: 2px; font-size: 18px;">Reference&nbsp;<span class="pull-right"><i class="fa fa-image"></i></span></h1>
  31. <!------ Reference Image ------->
  32. <div align="center">
  33.  
  34. <ul class="magnific-gallery list-unstyled">
  35. <li class="gallery-item">
  36. <a class="magnific-item th" href="https://f2.toyhou.se/file/f2-toyhou-se/images/71520617_97YwUgRX9YXmJR7.png" id=""><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/71520617_97YwUgRX9YXmJR7.png" class="fr-fic fr-dii" width="538.969" height="232.219"></a>
  37. </li>
  38. </ul>
  39. </div>
  40. <!------ Reference Image END------->
  41. <!----- BASIC INFO SECTION ----->
  42.  
  43. <h1 class="bg-primary rounded-0 text-white p-2 m-1" style="letter-spacing: 2px; font-size: 18px;">Basics&nbsp;<span class="pull-right"><i class="fa fa-star"></i></span></h1>
  44. <div class="p-2 m-1" style="font-size: 12.5px;">
  45. <div class="row no-gutters ">
  46. <!----------- Info ------------>
  47. <div class="col-lg-6 px-2 mx-auto">
  48. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Name</span> Content</div>
  49. <hr class="m-0 my-1">
  50. </div>
  51. <!----------- Info ------------>
  52. <div class="col-lg-6 px-2 mx-auto">
  53. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Alias</span> Content</div>
  54. <hr class="m-0 my-1">
  55. </div>
  56. <!----------- Info ------------>
  57. <div class="col-lg-6 px-2 mx-auto">
  58. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Age</span> Content</div>
  59. <hr class="m-0 my-1">
  60. </div>
  61. <!----------- Info ------------>
  62. <div class="col-lg-6 px-2 mx-auto">
  63. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Sex</span> Intersex (sol/lune preference)</div>
  64. <hr class="m-0 my-1">
  65. </div>
  66. <!----------- Info ------------>
  67. <div class="col-lg-6 px-2 mx-auto">
  68. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Species</span> Folk/Merged visitor</div>
  69. <hr class="m-0 my-1">
  70. </div>
  71. <!----------- Info ------------>
  72. <div class="col-lg-6 px-2 mx-auto">
  73. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Subspecies</span> Witch/Druid/Warlock/Rogue</div>
  74. <hr class="m-0 my-1">
  75. </div>
  76. <!----------- Info ------------>
  77. <div class="col-lg-6 px-2 mx-auto">
  78. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Height (UPRIGHT)</span> ft/cm (head)</div>
  79. <hr class="m-0 my-1">
  80. </div>
  81. <!----------- Info ------------>
  82. <div class="col-lg-6 px-2 mx-auto">
  83. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Height (DOWN)</span> ft/cm (shoulders)</div>
  84. <hr class="m-0 my-1">
  85. </div>
  86. <!----------- Info ------------>
  87. <div class="col-lg-6 px-2 mx-auto">
  88. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Gender</span> Content</div>
  89. <hr class="m-0 my-1">
  90. </div>
  91. <!----------- Info ------------>
  92. <div class="col-lg-6 px-2 mx-auto">
  93. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Pronouns</span> Content</div>
  94. <hr class="m-0 my-1">
  95. </div>
  96. <!----------- Info ------------>
  97. <div class="col-lg-6 px-2 mx-auto">
  98. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Sexuality</span> Content</div>
  99. <hr class="m-0 my-1">
  100. </div>
  101. <!----------- Info ------------>
  102. <div class="col-lg-6 px-2 mx-auto">
  103. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Romanticism</span> Content</div>
  104. </div>
  105. <!----------- Info ------------>
  106. <div class="col-lg-6 px-2 mx-auto">
  107. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Birthplace</span> Content</div>
  108. <hr class="m-0 my-1">
  109. </div>
  110. <!----------- Info ------------>
  111. <div class="col-lg-6 px-2 mx-auto">
  112. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Date of birth</span> Content</div>
  113. <hr class="m-0 my-1">
  114. </div>
  115. <!----------- Info ------------>
  116. <div class="col-lg-6 px-2 mx-auto">
  117. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Residence</span> Grimsby Grove&nbsp;</div>
  118. </div>
  119. <!----------- Info ------------>
  120. <div class="col-lg-6 px-2 mx-auto">
  121. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Occupation</span> Content</div>
  122. </div>
  123. <!------------Copy and paste above here for more-------------->
  124. </div>
  125. </div>
  126. <!----- ABOUT SECTION ----->
  127.  
  128. <h1 class="bg-primary rounded-0 text-white p-2 m-1" style="letter-spacing: 2px; font-size: 18px;">About&nbsp;<span class="pull-right"><i class="fa fa-heartbeat"></i></span></h1>
  129. <div class="p-2 m-1" style="font-size: 12.5px;">
  130. <!----- Could replace the adjectives with a quote perhaps? ----->
  131.  
  132. <p class="text-center text-muted">adjective || adjective || adjective</p>
  133.  
  134. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. In feugiat posuere nulla, eget lobortis ante. Aliquam magna libero, dictum sit amet scelerisque ac, scelerisque tincidunt magna.</p>
  135.  
  136. <p>Nulla et consectetur diam. Aliquam ipsum mi, tristique sed vestibulum ac, aliquet eget magna. Aliquam quis fringilla erat. Morbi sollicitudin id lorem eu efficitur. Mauris varius id magna vitae ullamcorper.</p>
  137. </div>
  138. <!----- TRIVIA SECTION ----->
  139.  
  140. <h1 class="bg-primary rounded-0 text-white p-2 m-1" style="letter-spacing: 2px; font-size: 18px;">Trivia&nbsp;<span class="pull-right"><i class="fa fa-question"></i></span></h1>
  141. <div class="p-2 m-1" style="font-size: 12.5px;">
  142. <div class="row">
  143. <div class="col-sm-6 mb-3"><span class="text-muted">LIKES</span>
  144. <hr class="my-1">
  145.  
  146. <ul>
  147. <li>Content</li>
  148. <li>Content</li>
  149. <li>Content</li>
  150. <li>Content</li>
  151. </ul>
  152. </div>
  153. <div class="col-sm-6 mb-3"><span class="text-muted">DISLIKES</span>
  154. <hr class="my-1">
  155.  
  156. <ul>
  157. <li>Content</li>
  158. <li>Content</li>
  159. <li>Content</li>
  160. <li>Content</li>
  161. </ul>
  162. </div>
  163. <div class="col-sm-12 mb-3"><span class="text-muted">NOTES</span>
  164. <hr class="my-1">
  165.  
  166. <ul>
  167. <li><strong>Voice</strong>:&nbsp;</li>
  168. <li><strong>Theme song</strong>:&nbsp;</li>
  169. <li><strong>Playlist</strong>: maybe link a playlist
  170.  
  171. <ul>
  172. <li>or perhaps some youtube links here?</li>
  173. </ul>
  174. </li>
  175. <li><strong>Gait</strong>: any notable details on how they move? limp, short steps, long strides, etc.</li>
  176. <li><strong>Mannerisms</strong>: anything they do subconsciously? talk with their hands, pick at their hair or nails, scratch their arm when stressed, etc.</li>
  177. </ul>
  178. </div>
  179. </div>
  180. </div>
  181. <!----- PERMISSIONS SECTION ----->
  182.  
  183. <h1 class="bg-primary rounded-0 text-white p-2 m-1" style="letter-spacing: 2px; font-size: 18px;">Permissions&nbsp;<span class="pull-right"><i class="fa fa-check"></i></span></h1>
  184. <div class="p-2 m-1" style="font-size: 12.5px;">
  185. <div class="row">
  186. <div class="col-sm-12 mb-3">
  187.  
  188. <ul>
  189. <li><strong>Roleplays</strong>: open for roleplays/ask for roleplays/i dont roleplay</li>
  190. <li><strong>Plots</strong>: open for plots/closed for plots/free to use for plots/etc</li>
  191. <li><strong>Gifts</strong>: random gifts welcome/ask first/etc</li>
  192. <li><strong>Cameos</strong>: ask for cameos/free to use for cameos/etc</li>
  193. <li><strong>Friendships</strong>: open for friendships/free to draw your folk befriending mine/etc</li>
  194. <li><strong>Enemyships</strong>:&nbsp;</li>
  195. <li><strong>Romance</strong>:&nbsp;</li>
  196. </ul>
  197. </div>
  198. </div>
  199. </div>
  200. <!----- PORTRAYAL SECTION ----->
  201.  
  202. <h1 class="bg-primary rounded-0 text-white p-2 m-1" style="letter-spacing: 2px; font-size: 18px;">Portrayal<span class="pull-right"><i class="fa fa-hand-wave"></i></span></h1>
  203. <div class="p-2 m-1" style="font-size: 12.5px;">
  204. <div class="row">
  205. <div class="col-sm-12 mb-3">
  206.  
  207. <ul>
  208. <li><strong>Current status</strong>
  209.  
  210. <ul>
  211. <li>What is their specific, current situation in plot? (injured/recovering, lost, newly arrived/adjusting to grove life, etc.)</li>
  212. </ul>
  213. </li>
  214. <li><strong>Basics</strong>
  215.  
  216. <ul>
  217. <li><strong>Energy</strong>: (high/low energy? generally chill, slow, fast, quick, relaxed, cheery, etc)</li>
  218. <li><strong>In public</strong>: (sociable, interested in others, trying not to be noticed, etc.)</li>
  219. <li><strong>When relaxed</strong>:&nbsp;</li>
  220. <li><strong>When stressed</strong>:&nbsp;</li>
  221. <li><strong>During a crisis</strong>:&nbsp;</li>
  222. <li><strong>About Travelers</strong>: (feelings/interest in them)</li>
  223. <li><strong>About Gravekeepers</strong>:&nbsp;</li>
  224. <li><strong>About the Adventurer&#39;s Guild</strong>:&nbsp;</li>
  225. <li><strong>About the Promethean Society</strong>:&nbsp;</li>
  226. <li><strong>About the Circle of the Moon</strong>:&nbsp;</li>
  227. <li><strong>About the Preservation Society</strong>:&nbsp;</li>
  228. </ul>
  229. </li>
  230. <li><strong>Commonly found in...</strong>
  231.  
  232. <ul>
  233. <li>The Den</li>
  234. <li>Great Tree</li>
  235. <li>School (what classes?)</li>
  236. </ul>
  237. </li>
  238. <li><strong>Interactions</strong>
  239.  
  240. <ul>
  241. <li><strong>Approached by a stranger</strong>: (how would they typically react?)</li>
  242. <li><strong>Asked for help by a stranger</strong>:&nbsp;</li>
  243. <li><strong>Asked for help by a friend</strong>:&nbsp;</li>
  244. <li><strong>Asked for help by an enemy</strong>:&nbsp;</li>
  245. <li><strong>Witnessing a bully</strong>:&nbsp;</li>
  246. <li><strong>Needing help</strong>:&nbsp;</li>
  247. <li><strong>Asked out</strong>:</li>
  248. </ul>
  249. </li>
  250. </ul>
  251. </div>
  252. </div>
  253. </div>
  254. <!----- PROMPTS SECTION ----->
  255.  
  256. <h1 class="bg-primary rounded-0 text-white p-2 m-1" style="letter-spacing: 2px; font-size: 18px;">Prompts&nbsp;<span class="pull-right"><i class="fa fa-exclamation"></i></span></h1>
  257. <div class="p-2 m-1" style="font-size: 12.5px;">
  258. <div class="row">
  259. <div class="col-sm-12 mb-3">
  260.  
  261. <p>These are events that I want to happen and require another character&#39;s participation, that you&#39;re free to initiate if you think your character fits!
  262. <br>
  263. <br>
  264. </p>
  265.  
  266. <ul>
  267. <li><strong>Prompt&nbsp;</strong><strong>name</strong>: Description</li>
  268. </ul>
  269. </div>
  270. </div>
  271. </div>
  272. <!----- LINKS SECTION ----->
  273.  
  274. <h1 class="bg-primary rounded-0 text-white p-2 m-1" style="letter-spacing: 2px; font-size: 18px;">Relationships&nbsp;<span class="pull-right"><i class="fa fa-users"></i></span></h1>
  275. <div class="p-2 m-1" style="font-size: 12.5px;">
  276. <!----------------------------- Content ----------------------------->
  277. <div align="left">
  278. <!---------------- Relation ---------------->
  279. <div class="row">
  280. <div class="col-md-3 mb-1" style="text-align:center;"><img class="rounded-circle fr-fic fr-dii fr-fir" src="https://f2.toyhou.se/file/f2-toyhou-se/characters/21553288?1684127697" width="103.719" height="103.719"></div>
  281. <div class="col-md-9 mb-2">
  282.  
  283. <p style="text-align:justify;"><a class="bg-primary text-white p-2 badge" href="http://CHARLINK" id=""><span style="font-size: 14px;">Name</span></a>&nbsp;
  284. <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
  285. </div>
  286. </div>
  287. <hr class="m-1" style="border-color:faded;">
  288. <!---------------- Relation end ---------------->
  289. <!---------------- Relation ---------------->
  290. <div class="row">
  291. <div class="col-md-3 mb-1" style="text-align:center;"><img class="rounded-circle fr-fic fr-dii fr-fir" src="https://f2.toyhou.se/file/f2-toyhou-se/characters/21553288?1684127697" width="103.719" height="103.719"></div>
  292. <div class="col-md-9 mb-2">
  293.  
  294. <p style="text-align:justify;"><a class="bg-primary text-white p-2 badge" href="http://CHARLINK" id=""><span style="font-size: 14px;">Name</span></a>&nbsp;
  295. <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
  296. </div>
  297. </div>
  298. <hr class="m-1" style="border-color:faded;">
  299. <!---------------- Relation end ---------------->
  300. </div>
  301. </div>
  302. <!----------------------------- Content End ----------------------------->
  303. <!----- HISTORY SECTION ----->
  304.  
  305. <h1 class="bg-primary rounded-0 text-white p-2 m-1" style="letter-spacing: 2px; font-size: 18px;">History<span class="pull-right"><i class="fa fa-book"></i></span></h1>
  306. <!----- HISTORY NAV----->
  307. <div class="nav nav-tabs border-0 justify-content-center text-center"><a class="nav-link rounded-0 border-0 d-flex show active" data-toggle="tab" href="#hist1" style="border-radius: 10px 10px 0 0;"><strong>Overall</strong></a>
  308. <a class="nav-link rounded-0 border-0 d-flex show" data-toggle="tab" href="#hist2" style="border-radius: 10px 10px 0 0;"><strong>Events</strong></a></div>
  309. <div class="card border-0 mb-3 tab-content">
  310. <!----- HISTORY TAB 1 CONTENT ----->
  311. <div class="tab-pane fade active show" id="hist1">
  312. <div class="px-3 pb-3" style="overflow: auto; max-height: 250px;">
  313.  
  314. <p>Separated to allow for one cohesive retelling of their story, and a record of story pieces. This also makes a good spot for traveler angst/starting history though. Lorem ipsumdolor sit amet, consectetur adipiscing elit. Box will expand to a point, and then start scrolling.</p>
  315. </div>
  316. </div>
  317. <!----- END HISTORY 1 ----->
  318. <!----- HISTORY TAB 2 CONTENT ----->
  319. <div class="tab-pane fade" id="hist2">
  320. <div class="px-3 pb-3" style="overflow: auto; max-height: 250px;">
  321.  
  322. <ul>
  323. <li><a href="http://deviantart.com" id=""><strong>Deviation link</strong></a>: Summary or teaser of events.</li>
  324. <li><a href="http://deviantart.com" id=""><strong>Deviation link</strong></a>: Summary or teaser of events.</li>
  325. </ul>
  326. </div>
  327. </div>
  328. </div>
  329. <br>
  330. <!----- END HISTORY ----->
  331. <!----- PETS SECTION ----->
  332.  
  333. <h1 class="bg-primary rounded-0 text-white p-2 m-1" style="letter-spacing: 2px; font-size: 18px;">Pets<span class="pull-right"><i class="fa fa-bone"></i></span></h1>
  334. <div class="p-2 m-1" style="font-size: 12.5px;">
  335. <div class="row">
  336. <!----- PET ----->
  337. <div class="col-sm-12 mb-3">
  338.  
  339. <ul>
  340. <li><strong>Name</strong>:
  341.  
  342. <ul>
  343. <li><strong>Nicknames</strong>:</li>
  344. <li><strong>Species</strong>:
  345.  
  346. <ul>
  347. <li><a href="https://www.grimsbygrovearpg.com/flora--fauna.html" id=""><strong>Masterlist Entry</strong></a></li>
  348. </ul>
  349. </li>
  350. <li><strong>Pronouns</strong>:</li>
  351. <li><strong>Personality</strong>:</li>
  352. </ul>
  353. </li>
  354. </ul>
  355. </div>
  356. <!----- PET END ----->
  357. <!----- PET ----->
  358. <div class="col-sm-12 mb-3">
  359.  
  360. <ul>
  361. <li><strong>Name</strong>:
  362.  
  363. <ul>
  364. <li><strong>Nicknames</strong>:</li>
  365. <li><strong>Species</strong>:
  366.  
  367. <ul>
  368. <li><a href="https://www.grimsbygrovearpg.com/flora--fauna.html" id=""><strong>Masterlist Entry</strong></a></li>
  369. </ul>
  370. </li>
  371. <li><strong>Pronouns</strong>:</li>
  372. <li><strong>Personality</strong>:</li>
  373. </ul>
  374. </li>
  375. </ul>
  376. </div>
  377. <!----- PET END ----->
  378. </div>
  379. </div>
  380. <!----- UPGRADES SECTION ----->
  381.  
  382. <h1 class="bg-primary rounded-0 text-white p-2 m-1" style="letter-spacing: 2px; font-size: 18px;">Upgrades<span class="pull-right"><i class="fa fa-sparkles"></i></span></h1>
  383. <div class="p-2 m-1" style="font-size: 12.5px;">
  384. <div class="row">
  385. <div class="col-sm-12 mb-3">
  386.  
  387. <ul>
  388. <li><strong>Kit</strong>
  389.  
  390. <ul>
  391. <li><strong>Basic</strong>:&nbsp;</li>
  392. <li><strong>Ear</strong>:&nbsp;</li>
  393. <li><strong>Body</strong>:&nbsp;</li>
  394. <li><strong>Horn &amp; Tail</strong>:&nbsp;</li>
  395. </ul>
  396. </li>
  397. <li><strong>Head</strong>
  398.  
  399. <ul>
  400. <li><strong>Head</strong>:&nbsp;</li>
  401. <li><strong>Ear</strong>:&nbsp;</li>
  402. <li><strong>Eye</strong>:&nbsp;</li>
  403. <li><strong>Horn</strong>:&nbsp;</li>
  404. </ul>
  405. </li>
  406. <li><strong>Body</strong>
  407.  
  408. <ul>
  409. <li><strong>Body</strong>:&nbsp;</li>
  410. <li><strong>Limb</strong>:&nbsp;</li>
  411. <li><strong>Texture</strong>:&nbsp;</li>
  412. </ul>
  413. </li>
  414. <li><strong>Tail</strong>
  415.  
  416. <ul>
  417. <li><strong>Tail</strong>:&nbsp;</li>
  418. <li><strong>Tip</strong>:&nbsp;</li>
  419. </ul>
  420. </li>
  421. <li><strong>Wing</strong>:&nbsp;</li>
  422. <li><strong>Color &amp; Marking</strong>
  423.  
  424. <ul>
  425. <li><strong>Marking</strong>:&nbsp;</li>
  426. <li><strong>Color</strong>:&nbsp;</li>
  427. </ul>
  428. </li>
  429. <li><strong>Injury &amp; Blight</strong>
  430.  
  431. <ul>
  432. <li><strong>Blight</strong>:&nbsp;</li>
  433. <li><strong>Injury</strong>:&nbsp;</li>
  434. </ul>
  435. </li>
  436. <li><strong>Guilds</strong>
  437.  
  438. <ul>
  439. <li><strong>Adventurer&#39;s Guild</strong>:&nbsp;</li>
  440. <li><strong>Preservation Society</strong>:&nbsp;</li>
  441. <li><strong>Circle of the Moon</strong>:&nbsp;</li>
  442. </ul>
  443. </li>
  444. <li><strong>Subspecies</strong>
  445.  
  446. <ul>
  447. <li><strong>Druid</strong>:&nbsp;</li>
  448. <li><strong>Rogue</strong>:&nbsp;</li>
  449. </ul>
  450. </li>
  451. <li><strong>Extraordinary</strong>
  452.  
  453. <ul>
  454. <li><strong>OOAK</strong>:&nbsp;</li>
  455. <li><strong>Warlock</strong>:&nbsp;</li>
  456. <li><strong>Event</strong>:&nbsp;</li>
  457. </ul>
  458. </li>
  459. <li><strong>Vocation</strong>
  460.  
  461. <ul>
  462. <li><strong>Gravekeeper</strong>:&nbsp;</li>
  463. <li><strong>Paladin</strong>:&nbsp;</li>
  464. </ul>
  465. </li>
  466. </ul>
  467. </div>
  468. </div>
  469. </div>
  470. <!----- META SECTION ----->
  471.  
  472. <h1 class="bg-primary rounded-0 text-white p-2 m-1" style="letter-spacing: 2px; font-size: 18px;">Meta&nbsp;<span class="pull-right"><i class="fa fa-circle-info"></i></span></h1>
  473. <div class="p-2 m-1" style="font-size: 12.5px;">
  474. <div class="row no-gutters ">
  475. <!----------- Info ------------>
  476. <div class="col-lg-6 px-2 mx-auto">
  477. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Application</span>
  478. <a href="https://toyhou.se/23528016.grimsby-grove-cal" id="">Link</a></div>
  479. <hr class="m-0 my-1">
  480. </div>
  481. <!----------- Info ------------>
  482. <div class="col-lg-6 px-2 mx-auto">
  483. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;gallery</span>
  484. <a href="https://www.deviantart.com/mistermuse/gallery/65778644/grimsby-grove" id="">Link</a></div>
  485. <hr class="m-0 my-1">
  486. </div>
  487. <!----------- Info ------------>
  488. <div class="col-lg-6 px-2 mx-auto">
  489. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;Universe</span>
  490. <a href="https://www.grimsbygrovearpg.com" id="">Grimsby Grove</a></div>
  491. <hr class="m-0 my-1">
  492. </div>
  493. <!----------- Info ------------>
  494. <div class="col-lg-6 px-2 mx-auto">
  495. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;acquisition</span> MYO/Transfer/Purchased</div>
  496. <hr class="m-0 my-1">
  497. </div>
  498. <!----------- Info ------------>
  499. <div class="col-lg-6 px-2 mx-auto">
  500. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;designer</span> @/username</div>
  501. </div>
  502. <!----------- Info ------------>
  503. <div class="col-lg-6 px-2 mx-auto">
  504. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;creation</span> Jan 09 2020</div>
  505. <hr class="m-0 my-1">
  506. </div>
  507. <!----------- Info ------------>
  508. <div class="col-lg-6 px-2 mx-auto">
  509. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;acorn tracker</span>
  510. <a href="https://toyhou.se/~r?q=https%3A%2F%2Fdocs.google.com%2Fspreadsheets%2Fd%2F1UCqGYeGpVrsdONOB-ui4oG5Qqy6_BmxxRlAaNRh65Qw%2Fedit%3Fusp%3Dsharing" id="">Link</a></div>
  511. <hr class="m-0 my-1">
  512. </div>
  513. <!----------- Info ------------>
  514. <div class="col-lg-6 px-2 mx-auto">
  515. <div class="justify-content-between"><span class="text-uppercase" style="font-weight:500;">&nbsp;guild tracker</span>
  516. <a href="https://toyhou.se/~r?q=https%3A%2F%2Fwww.grimsbygrovearpg.com%2Fguild-trackers.html" id="">Link</a></div>
  517. <hr class="m-0 my-1">
  518. </div>
  519. </div>
  520. </div>
  521. <div align="center">
  522. <a href="https://www.deviantart.com/grimsbygrove" id=""><img src="https://a.deviantart.net/avatars/g/r/grimsbygrove.gif?2" class="fr-fic fr-dib" width="100" height="50"></a>
  523. </div>
  524. <!----- Credit ----->
  525. </div>
  526. <div class="row no-gutters">
  527. <div class="col-12 text-right pr-1"><a class="tooltipster" href="https://toyhou.se/23294332.basic-code-1" style="font-size: .75em;" title="Template by PastaTrash"><i class="far fa-code"></i></a>
  528. <a class="tooltipster" href="https://toyhou.se/12180039.-snippet-hide-recent-images-" style="font-size: .75em;" title="Hide recent images code by Aurorean"><i class="far fa-code"></i></a>
  529. <a class="tooltipster" href="https://toyhou.se/8525560.-f2u-compact" style="font-size: .75em;" title="Links format by HappyPostman"><i class="far fa-code"></i></a>
  530. <a class="tooltipster" href="https://sta.sh/02cmdv1i7lb" style="font-size: .75em;" title="Information format by BialaStrzala"><i class="far fa-book"></i></a>
  531. <a class="tooltipster" href="https://wall.alphacoders.com/big.php?i=697264" id="" style="font-size: .75em;" title="Background source"><i class="far fa-image"></i></a>
  532. <a class="tooltipster" href="https://toyhou.se/23528016.grimsby-grove-cal/gallery#71210558" id="" style="font-size: .75em;" title="Main image source"><i class="far fa-image"></i></a>
  533. <a class="tooltipster" href="https://pastebin.com/PhJqDANN" id="" style="font-size: .75em;" title="Edited by MisterMuse"><i class="far fa-bird"></i></a></div>
  534. </div>
  535. </div>
  536. </div>
  537. </div>
  538. <!---------------- Hide recent images. Same BG image as the top. -------------->
  539. <div class="card border-0" style="z-index:1; height:285px; margin-left:-15px; margin-right:-15px; margin-bottom:-285px;">
  540. <div style='position: absolute; top: 0px; bottom: 0px; left: 0px; background: url("https://images3.alphacoders.com/697/697264.jpg") center center fixed; width: 100%; z-index: -1; text-align: center;'>
  541. <br>
  542. </div>
  543. </div>
  544.  
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!