API tools faq
paste
MCDogWarrior

Species info [Custom]

MCDogWarrior
Jan 28th, 2022
481
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.12 KB | None | 0 0
raw download clone embed print report
  1. <div class="container" style="max-width:850px;">
  2. <div class="card bg-faded border-0" style="background-color:#8d3b52; border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; height:500px">
  3. <!--Image at the very top-->
  4. <div class="card border-0 rounded-0" style="background-image:url( IMGLINK ); background-size:cover; background-position: center; height:80px; border-top-left-radius:20px; border-top-right-radius:20px;">
  5. </div>
  6.  
  7. <div class="row no-gutters">
  8. <!--Left side-->
  9. <div class="col-4">
  10. <div class="tab-content m-2">
  11.  
  12. <!--Picture tab 1-->
  13. <div class="tab-pane active show" id="pic1">
  14. <!--image-->
  15. <div class="card border-0 rounded-0" style="background-image:url( IMGLINK ); background-size:cover; background-position: center; height:395px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;">
  16. <div class="card bg-faded rounded-0 border-0" style="background-color:rgba(0,0,0,0.5); height:60px; border-top-left-radius:10px; border-top-right-radius:10px;">
  17. <!--caption at top-->
  18. <p class="m-auto" style="font-size: 15px; text-align:center">Small label or description or something</p>
  19. </div>
  20. </div>
  21. </div>
  22. <!--Picture tab 2-->
  23. <div class="tab-pane" id="pic2">
  24. <!--image-->
  25. <div class="card border-0 rounded-0" style="background-image:url( IMGLINK ); background-size:cover; background-position: center; height:395px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;">
  26. <div class="card bg-faded rounded-0 border-0" style="background-color:rgba(0,0,0,0.5); height:60px; border-top-left-radius:10px; border-top-right-radius:10px;">
  27. <!--caption at top-->
  28. <p class="m-auto" style="font-size: 15px; text-align:center">Default traits</p>
  29. </div>
  30. </div>
  31. </div>
  32. <!--Picture tab 3-->
  33. <div class="tab-pane" id="pic3">
  34. <!--image-->
  35. <div class="card border-0 rounded-0" style="background-image:url( IMGLINK ); background-size:cover; background-position: center; height:395px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;">
  36. <div class="card bg-faded rounded-0 border-0" style="background-color:rgba(0,0,0,0.5); height:60px; border-top-left-radius:10px; border-top-right-radius:10px;">
  37. <!--caption at top-->
  38. <p class="m-auto" style="font-size: 15px; text-align:center">Special traits</p>
  39. </div>
  40. </div>
  41. </div>
  42. <!--Picture tab 4-->
  43. <div class="tab-pane" id="pic4">
  44. <!--image-->
  45. <div class="card border-0 rounded-0" style="background-image:url( IMGLINK ); background-size:cover; background-position: center; height:395px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;">
  46. <div class="card bg-faded rounded-0 border-0" style="background-color:rgba(0,0,0,0.5); height:60px; border-top-left-radius:10px; border-top-right-radius:10px;">
  47. <!--caption at top-->
  48. <p class="m-auto" style="font-size: 15px; text-align:center">Mutations</p>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53.  
  54. <!--Tabs for pictures (remove any unneeded)-->
  55. <ul class="nav nav-tabs card-header-tabs row no-gutters float-left" style="margin-top:-35px">
  56. <li class="col"><a class="btn bg-info btn-block rounded-circle text-white active" data-toggle="tab" href="#pic1" style="height:50px; width:50px"><i class="fas fa-head-side mt-2 mx-auto" style="font-size:15px"></i></a></li>
  57. <li class="col"><a class="btn bg-info btn-block rounded-circle text-white" data-toggle="tab" href="#pic2" style="height:50px; width:50px"><i class="fas fa-plus mt-2 mx-auto" style="font-size:15px"></i></a></li>
  58. <li class="col"><a class="btn bg-info btn-block rounded-circle text-white" data-toggle="tab" href="#pic3" style="height:50px; width:50px"><i class="fas fa-award mt-2 mx-auto" style="font-size:15px"></i></a></li>
  59. <li class="col"><a class="btn bg-info btn-block rounded-circle text-white" data-toggle="tab" href="#pic4" style="height:50px; width:50px"><i class="fas fa-virus mt-2 mx-auto" style="font-size:15px"></i></a></li>
  60. </ul>
  61. </div>
  62.  
  63. <!--Right side-->
  64. <div class="col-8">
  65. <div class="card bg-faded border-0 m-2" style="background-color:#d97e8a; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; height:395px">
  66. <div class="tab-content">
  67. <!--Content tab 1 - basics-->
  68. <div class="tab-pane active show" id="cont1">
  69. <p class="ml-2 mt-1" style="font-size: 30px; text-align:left"><i class="fas fa-clipboard-list"></i> BASICS</p>
  70. <div class="row no-gutters mt-2">
  71. <!--Scientific name (the fancy Latin spelling)-->
  72. <div class="col-6">
  73. <div class="p-1">
  74. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  75. Scientific name
  76. <i>content</i></p>
  77. </div>
  78. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  79. </div>
  80. </div>
  81. <!--Casual name (what you'd usually call the creature)-->
  82. <div class="col-6">
  83. <div class="p-1">
  84. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  85. Casual name
  86. <i>content</i></p>
  87. </div>
  88. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  89. </div>
  90. </div>
  91. <!--Status (extinct, threatened, no risk)-->
  92. <div class="col-6">
  93. <div class="p-1">
  94. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  95. Status
  96. <i>content</i></p>
  97. </div>
  98. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  99. </div>
  100. </div>
  101. <!--Enviroment (the general living enviroment)-->
  102. <div class="col-6">
  103. <div class="p-1">
  104. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  105. Enviroment
  106. <i>content</i></p>
  107. </div>
  108. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  109. </div>
  110. </div>
  111. <!--Age range (how long the creatures live for on average)-->
  112. <div class="col-6">
  113. <div class="p-1">
  114. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  115. Age range
  116. <i>content</i></p>
  117. </div>
  118. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  119. </div>
  120. </div>
  121. <!--Average height (how tall- or long- the creatures tend to get on average)-->
  122. <div class="col-6">
  123. <div class="p-1">
  124. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  125. Average height
  126. <i>content</i></p>
  127. </div>
  128. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  129. </div>
  130. </div>
  131. <!--Diet (herbivore, omnivore, carnivore)-->
  132. <div class="col-6">
  133. <div class="p-1">
  134. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  135. Diet
  136. <i>content</i></p>
  137. </div>
  138. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  139. </div>
  140. </div>
  141. <!--Hostility (passive, hostile, mixed)-->
  142. <div class="col-6">
  143. <div class="p-1">
  144. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  145. Hostility
  146. <i>content</i></p>
  147. </div>
  148. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  149. </div>
  150. </div>
  151. <!--Lifestyle (independent, group-based)-->
  152. <div class="col-6">
  153. <div class="p-1">
  154. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  155. Lifestyle
  156. <i>content</i></p>
  157. </div>
  158. </div>
  159. <!--Location (specific location these creatures live in)-->
  160. <div class="col-6">
  161. <div class="p-1">
  162. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  163. <a href="LINKHERE" style="color:#426faf">Location</a>
  164. <i>content</i></p>
  165. </div>
  166. </div>
  167. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:350px;">
  168. </div>
  169. </div>
  170. <!--text box-->
  171. <div class="card border-0 m-2 pb-4" style="height:160px; overflow:auto; background-color:rgba(0,0,0,0);">
  172. <p style="font-size: 15px; text-align:justify">Write a small description of the species down here. Just a basic summary of what the species is about, maybe if it's closed/open/personal or whatever. Or just whatever you want to write down here, idk. Box does indeed scroll. Also I included extra space at the bottom so that the tab buttons don't cover the text. Or at least when it starts scrolling. I'm not sure how it works.
  173. </p>
  174. </div>
  175. </div>
  176.  
  177. <!--Content tab 2 - abilities-->
  178. <div class="tab-pane" id="cont2">
  179. <p class="ml-2 mt-1" style="font-size: 30px; text-align:left"><i class="fas fa-question"></i> ABILITIES</p>
  180. <div class="row no-gutters mt-1">
  181. <!--Intelligence stat (how smart are these creatures compared to humans)-->
  182. <div class="col-6 p-1 pl-2">
  183. <div class="card bg-faded rounded-0 border-0" style="background-color:rgba(0,0,0,0);">
  184. <p style="font-size: 15px; text-align: left; letter-spacing: 1px;">Intelligence</p>
  185. <div class="progress bg-dark rounded-0">
  186. <!--percent bar-->
  187. <div class="progress-bar" style="
  188. width: 50%;
  189. height: 12px; background-color: #426faf">
  190. </div>
  191. </div>
  192. </div>
  193. <div class="mx-auto mt-1" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  194. </div>
  195. </div>
  196. <!--Empathy stat (how aware of other's lives are these creatures)-->
  197. <div class="col-6 p-1 pr-2">
  198. <div class="card bg-faded rounded-0 border-0" style="background-color:rgba(0,0,0,0);">
  199. <p style="font-size: 15px; text-align: right; letter-spacing: 1px;">Empathy</p>
  200. <div class="progress bg-dark rounded-0">
  201. <!--percent bar-->
  202. <div class="progress-bar" style="
  203. width: 50%;
  204. height: 12px; background-color: #426faf">
  205. </div>
  206. </div>
  207. </div>
  208. <div class="mx-auto mt-1" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  209. </div>
  210. </div>
  211. <!--Strength stat (how generally strong are these creatures)-->
  212. <div class="col-6 p-1 pl-2">
  213. <div class="card bg-faded rounded-0 border-0" style="background-color:rgba(0,0,0,0);">
  214. <p style="font-size: 15px; text-align: left; letter-spacing: 1px;">Strength</p>
  215. <div class="progress bg-dark rounded-0">
  216. <!--percent bar-->
  217. <div class="progress-bar" style="
  218. width: 50%;
  219. height: 12px; background-color: #426faf">
  220. </div>
  221. </div>
  222. </div>
  223. <div class="mx-auto mt-1" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  224. </div>
  225. </div>
  226. <!--Ability stat (how flexible/fast are these creatures generally)-->
  227. <div class="col-6 p-1 pr-2">
  228. <div class="card bg-faded rounded-0 border-0" style="background-color:rgba(0,0,0,0);">
  229. <p style="font-size: 15px; text-align: right; letter-spacing: 1px;">Agility</p>
  230. <div class="progress bg-dark rounded-0">
  231. <!--percent bar-->
  232. <div class="progress-bar" style="
  233. width: 50%;
  234. height: 12px; background-color: #426faf">
  235. </div>
  236. </div>
  237. </div>
  238. <div class="mx-auto mt-1" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  239. </div>
  240. </div>
  241. <!--Population stat (how many creatures exist comparatively to other creatures)-->
  242. <div class="col-6 p-1 pl-2">
  243. <div class="card bg-faded rounded-0 border-0" style="background-color:rgba(0,0,0,0);">
  244. <p style="font-size: 15px; text-align: left; letter-spacing: 1px;">Population</p>
  245. <div class="progress bg-dark rounded-0">
  246. <!--percent bar-->
  247. <div class="progress-bar" style="
  248. width: 50%;
  249. height: 12px; background-color: #426faf">
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. <!--Awareness stat (about how many humans know about these creatures)-->
  255. <div class="col-6 p-1 pr-2">
  256. <div class="card bg-faded rounded-0 border-0" style="background-color:rgba(0,0,0,0);">
  257. <p style="font-size: 15px; text-align: right; letter-spacing: 1px;">Awareness</p>
  258. <div class="progress bg-dark rounded-0">
  259. <!--percent bar-->
  260. <div class="progress-bar" style="
  261. width: 50%;
  262. height: 12px; background-color: #426faf">
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:350px;">
  269. </div>
  270. <!--Ability 1-->
  271. <div class="card border-0 mx-2 pb-4" style="height:180px; overflow:auto; background-color:rgba(0,0,0,0);">
  272. <p class="mb-0" style="font-size: 16px; color: #426faf"><i class="fa-regular fa-sparkles"></i> Ability name <i class="fa-regular fa-sparkles"></i> </p>
  273. <p class="mb-2" style="font-size: 15px;">Small description of the ability or whatever you put here</p>
  274. <!--Ability 2-->
  275. <p class="mb-0" style="font-size: 16px; color: #426faf"><i class="fa-regular fa-sparkles"></i> Ability name <i class="fa-regular fa-sparkles"></i> </p>
  276. <p class="mb-2" style="font-size: 15px;">Small description</p>
  277. <!--Ability 3-->
  278. <p class="mb-0" style="font-size: 16px; color: #426faf"><i class="fa-regular fa-sparkles"></i> Ability name <i class="fa-regular fa-sparkles"></i> </p>
  279. <p class="mb-2" style="font-size: 15px;">Small description</p>
  280. <!--(add more just above this line)-->
  281. </div>
  282. </div>
  283.  
  284. <!--Content tab 3 - traits-->
  285. <div class="tab-pane" id="cont3">
  286. <p class="ml-2 mt-1" style="font-size: 30px; text-align:left"><i class="fas fa-star"></i> TRAITS</p>
  287. <div class="card border-0 m-2 pb-4" style="height:330px; overflow:auto; background-color:rgba(0,0,0,0);">
  288. <div class="row no-gutters">
  289. <!--Common traits-->
  290. <div class="col-6 p-1">
  291. <p class="mt-1 ml-2" style="font-size: 16px;"> <i class="fas fa-circle" style="color:#8ee2ee"></i> COMMON</p>
  292. <div style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  293. </div>
  294. <ul style="font-size: 15px; color:#8ee2ee">
  295. <li>vague description</li>
  296. <li>of the traits</li>
  297. <li>that go under</li>
  298. <li>this rarity</li>
  299. </ul>
  300. </div>
  301. <!--Uncommon traits-->
  302. <div class="col-6 p-1">
  303. <p class="mt-1 ml-2" style="font-size: 16px;"> <i class="fas fa-circle" style="color:#6da3ec"></i> UNCOMMON</p>
  304. <div style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  305. </div>
  306. <ul style="font-size: 15px; color:#6da3ec">
  307. <li>I feel as though</li>
  308. <li>the most traits</li>
  309. <li>should probably go</li>
  310. <li>under "common"</li>
  311. </ul>
  312. </div>
  313. <!--Rare traits-->
  314. <div class="col-6 p-1">
  315. <p class="mt-1 ml-2" style="font-size: 16px;"> <i class="fas fa-circle" style="color:#5468e2"></i> RARE</p>
  316. <div style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  317. </div>
  318. <ul style="font-size: 15px; color:#5468e2">
  319. <li>but I suppose</li>
  320. <li>that is up</li>
  321. <li>to you ig</li>
  322. </ul>
  323. </div>
  324. <!--Super rare traits-->
  325. <div class="col-6 p-1">
  326. <p class="mt-1 ml-2" style="font-size: 16px;"> <i class="fas fa-circle" style="color:#5843d6"></i> SUPER RARE</p>
  327. <div style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  328. </div>
  329. <ul style="font-size: 15px; color:#5843d6">
  330. <li>I suppose you</li>
  331. <li>could even just</li>
  332. <li>delete this whole</li>
  333. <li>tab if unneeded</li>
  334. </ul>
  335. </div>
  336. <!--add more just above this line (make sure to add "mx-auto" in the first line to make it centered)-->
  337. </div>
  338. </div>
  339. </div>
  340.  
  341. <!--Content tab 4 - about-->
  342. <div class="tab-pane" id="cont4">
  343. <p class="ml-2 my-1" style="font-size: 30px; text-align:left"><i class="fas fa-users"></i> ABOUT</p>
  344. <div class="card border-0 mx-2 pb-4" style="height:335px; overflow:auto; background-color:rgba(0,0,0,0);">
  345. <!--header 1-->
  346. <p class="ml-3 my-1" style="font-size: 17px;">HEADER</p>
  347. <div class="ml-2" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  348. </div>
  349. <!--text-->
  350. <p style="font-size: 15px; text-align:justify">Yeah time for some text blocks. I would say try to split this part into as many sections as you can. For example,
  351. <br>
  352. starting new paragraphs like this. You could even indent it if you know how. Makes it look a lot neater in my opinion.
  353. </p>
  354. <!--header 2-->
  355. <p class="ml-3 my-1" style="font-size: 17px;">HEADER</p>
  356. <div class="ml-2" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  357. </div>
  358. <!--text-->
  359. <p style="font-size: 15px; text-align:justify">And then yeah you can have multiple subsections or whatever you want to call them. Maybe I'm just a neat freak but I like making my pages look like this. More visually pleasing than just huge blocks of text.
  360. <br>
  361. Anyway enough about me, and more about the box. It scrolls. Yeah, crazy, I say it every time but it just keeps happening.
  362. </p>
  363. </div>
  364. </div>
  365.  
  366. <!--Content tab 5 - biology-->
  367. <div class="tab-pane" id="cont5">
  368. <p class="ml-2 my-1" style="font-size: 30px; text-align:left"><i class="fas fa-brain"></i> BIOLOGY</p>
  369. <p class="ml-1 mb-1" style="font-size: 15px; text-align:justify; opacity:0.7"><i>- Examine the images on the far left for examples.</i></p>
  370. <div class="row no-gutters">
  371. <!--Body type (feral, platigrade, digitigrade, etc)-->
  372. <div class="col-6">
  373. <div class="p-1">
  374. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  375. Body type
  376. <i>content</i></p>
  377. </div>
  378. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  379. </div>
  380. </div>
  381. <!--Average weight (generally how much do the creatures weigh)-->
  382. <div class="col-6">
  383. <div class="p-1">
  384. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  385. Average weight
  386. <i>content</i></p>
  387. </div>
  388. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  389. </div>
  390. </div>
  391. <!--Outermost material (what material is most visible on the creature, such as fur, skin, feathers, or scales)-->
  392. <div class="col-6">
  393. <div class="p-1">
  394. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  395. Outermost material
  396. <i>content</i></p>
  397. </div>
  398. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  399. </div>
  400. </div>
  401. <!--Organism type (what type of creature is the creature, such as an animal, plant, or insect)-->
  402. <div class="col-6">
  403. <div class="p-1">
  404. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  405. Organism type
  406. <i>content</i></p>
  407. </div>
  408. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  409. </div>
  410. </div>
  411. <!--Reproductive method (sexual or asexual- or none ig)-->
  412. <div class="col-12">
  413. <div class="p-1">
  414. <p class="col-12 justify-content-between" style="text-align: center; font-size: 16px;">
  415. Method of reproduction
  416. <i>content</i></p>
  417. </div>
  418. </div>
  419. </div>
  420. <!--Notable features-->
  421. <div class="mx-auto" style="border-top:1px solid #8d3b52; opacity:0.3; width:350px;">
  422. </div>
  423. <p class="mt-3 ml-2" style="font-size: 16px;">NOTABLE FEATURES</p>
  424. <div class="ml-1" style="border-top:1px solid #8d3b52; opacity:0.3; width:235px;">
  425. </div>
  426. <div class="card border-0 mx-2 pb-4" style="height:155px; overflow:auto; background-color:rgba(0,0,0,0);">
  427. <ul style="font-size: 15px;">
  428. <li>Small little pieces that people creating an OC of this species should be aware of</li>
  429. <li>like the length of their tail or how far their snout goes</li>
  430. <li>or I guess if it's not an organism it could be what color its petals can be</li>
  431. <li>I dunno, find something to write down here</li>
  432. <li>and yes the box absolutely scrolls</li>
  433. </ul>
  434. </div>
  435. </div>
  436. </div>
  437. </div>
  438.  
  439. <!--Content tabs (remove any unneeded)-->
  440. <ul class="nav nav-tabs card-header-tabs row no-gutters float-right" style="margin-top:-35px">
  441. <li class="col"><a class="btn bg-info btn-block rounded-circle text-white active" data-toggle="tab" href="#cont1" style="height:50px; width:50px"><i class="fas fa-clipboard-list mt-2 mx-auto" style="font-size:15px"></i></a></li>
  442. <li class="col"><a class="btn bg-info btn-block rounded-circle text-white" data-toggle="tab" href="#cont2" style="height:50px; width:50px"><i class="fas fa-question mt-2 mx-auto" style="font-size:15px"></i></a></li>
  443. <li class="col"><a class="btn bg-info btn-block rounded-circle text-white" data-toggle="tab" href="#cont3" style="height:50px; width:50px"><i class="fas fa-star mt-2 mx-auto" style="font-size:15px"></i></a></li>
  444. <li class="col"><a class="btn bg-info btn-block rounded-circle text-white" data-toggle="tab" href="#cont4" style="height:50px; width:50px"><i class="fas fa-users mt-2 mx-auto" style="font-size:15px"></i></a></li>
  445. <li class="col"><a class="btn bg-info btn-block rounded-circle text-white" data-toggle="tab" href="#cont5" style="height:50px; width:50px"><i class="fas fa-brain mt-2 mx-auto" style="font-size:15px"></i></a></li>
  446. </ul>
  447. </div>
  448. </div>
  449. </div>
  450. <!--code credit (do not remove/alter)
  451. if you're wondering why the name changed, it's because I decided to change my username recently, and it now links to my alt instead of my main-->
  452. <span class="ml-1"><a class="text-info" style="font-size:13px" href="https://toyhou.se/MCDogResource"><i class="fas fa-bullseye"></i> Code by maniCARNY</a>
  453. </div>
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!