API tools faq
paste
Advertisement
ElithianFox

Bestiary HTML

ElithianFox
Oct 19th, 2019 (edited)
1,205
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.08 KB | None | 0 0
raw download clone embed print report
  1. <div class="card p-3 mb-3 text-center" style="font-size:3rem;font-weight:200;letter-spacing:2px">
  2. Username's/world's Bestiary
  3. </div>
  4.  
  5. <div class="card card-block p-3 mb-2">
  6. <div class="p-md-3 row">
  7.  
  8. <div class="col-md-6 mb-3">
  9. <span class="text-primary" style="font-size:2rem;font-weight:200">Notice</span>
  10. <hr class="mt-0">
  11.  
  12. <ul>
  13. <li>Type any notices about your bestiary here</li>
  14. <li>You can add as many tabs and as many species as you wish</li>
  15. <li>Knock yourself out</li>
  16. <li>I'm just improvising to fill these out</li>
  17. <li>How has your day been</li>
  18. <li>I had golden oreos today and it was good</li>
  19. </ul>
  20.  
  21. </div>
  22.  
  23. <div class="col-md-6 mb-3">
  24. <span class="text-primary" style="font-size:2rem;font-weight:200">Key</span>
  25. <hr class="mt-0">
  26.  
  27. <div class="row no-gutters w-100">
  28.  
  29. <div class="col-md-3 col-4 mb-2 text-primary" style="font-weight:200">Item</div>
  30. <div class="col-md-9 col-8 mb-2">Definition</div>
  31.  
  32. <div class="col-md-3 col-4 mb-2 text-primary" style="font-weight:200">Item</div>
  33. <div class="col-md-9 col-8 mb-2">Definition</div>
  34.  
  35. <div class="col-md-3 col-4 mb-2 text-primary" style="font-weight:200">Item</div>
  36. <div class="col-md-9 col-8 mb-2">Definition</div>
  37.  
  38. <div class="col-md-3 col-4 mb-2 text-primary" style="font-weight:200">Item</div>
  39. <div class="col-md-9 col-8 mb-2">Definition</div>
  40.  
  41. <div class="col-12">You can explain certain terms here, for example species rarity, availibility, and in-universe terminology.</div>
  42.  
  43. </div>
  44. </div>
  45.  
  46. </div>
  47. </div>
  48.  
  49.  
  50.  
  51. <ul class="nav nav-tabs card-header-tabs row mb-1">
  52. <li class="col-md-4 mb-1"><a class="btn bg-faded btn-block btn-outline-secondary active" data-toggle="tab" href="#humanoid">Humanoid</a></li>
  53. <li class="col-md-4 mb-1"><a class="btn bg-faded btn-block btn-outline-secondary" data-toggle="tab" href="#anthro">Anthro</a></li>
  54. <li class="col-md-4 mb-1"><a class="btn bg-faded btn-block btn-outline-secondary" data-toggle="tab" href="#feral">Feral</a></li>
  55. </ul>
  56.  
  57.  
  58. <div class="tab-content">
  59. <!----------------
  60.  
  61. HUMANOID TAB
  62.  
  63. ---------------->
  64. <div class="tab-pane fade active show" id="humanoid">
  65. <div class="card card-block p-3">
  66.  
  67. <!---- SPECIES ---->
  68. <div class="p-md-3 mb-3">
  69.  
  70. <div class="mb-3">
  71. <p><span class="text-primary" style="font-size:2rem;font-weight:200">Species</span>
  72. <hr class="my-0">Examples</p>
  73. </div>
  74.  
  75. <div class="row no-gutters mx-auto" style="max-width:800px">
  76. <div class="col-md-5 row no-gutters">
  77. <div class="col-12 p-1">
  78. <div class="bg-faded h-100 p-3">
  79.  
  80. <div class="p-1 text-center mb-3"><img src="https://i.pinimg.com/originals/f6/8b/fe/f68bfe5182b83e3b65dec54d4fb02ca8.jpg" width="400px"></div>
  81.  
  82. <div class="d-flex justify-content-between px-1 mb-2">
  83. <span class="text-primary" style="font-weight:200">Scientific name</span>
  84. <span class="text-right"><i>text</i></span>
  85. </div>
  86.  
  87. <div class="d-flex justify-content-between px-1 mb-2">
  88. <span class="text-primary" style="font-weight:200">Phylum</span>
  89. <span class="text-right">text</span>
  90. </div>
  91.  
  92. <div class="d-flex justify-content-between px-1 mb-2">
  93. <span class="text-primary" style="font-weight:200">Class</span>
  94. <span class="text-right">text</span>
  95. </div>
  96.  
  97. <div class="d-flex justify-content-between px-1 mb-2">
  98. <span class="text-primary" style="font-weight:200">Order</span>
  99. <span class="text-right">text</span>
  100. </div>
  101.  
  102. <div class="d-flex justify-content-between px-1 mb-2">
  103. <span class="text-primary" style="font-weight:200">Family</span>
  104. <span class="text-right">text</span>
  105. </div>
  106.  
  107. <div class="d-flex justify-content-between px-1 mb-2">
  108. <span class="text-primary" style="font-weight:200">Genus</span>
  109. <span class="text-right">text</span>
  110. </div>
  111.  
  112. <div class="d-flex justify-content-between px-1 mb-2">
  113. <span class="text-primary" style="font-weight:200">Rarity</span>
  114. <span class="text-right">text</span>
  115. </div>
  116.  
  117. <div class="d-flex justify-content-between px-1 mb-2">
  118. <span class="text-primary" style="font-weight:200">Lifespan</span>
  119. <span class="text-right">text</span>
  120. </div>
  121.  
  122. <div class="d-flex justify-content-between px-1 mb-2">
  123. <span class="text-primary" style="font-weight:200">Abilities</span>
  124. <span class="text-right">text</span>
  125. </div>
  126.  
  127. <div class="d-flex justify-content-between px-1 mb-2">
  128. <span class="text-primary" style="font-weight:200">Strengths</span>
  129. <span class="text-right">text</span>
  130. </div>
  131.  
  132. <div class="d-flex justify-content-between px-1 mb-2">
  133. <span class="text-primary" style="font-weight:200">Weaknesses</span>
  134. <span class="text-right">text</span>
  135. </div>
  136.  
  137. </div>
  138. </div>
  139. </div>
  140.  
  141. <div class="col-md-7 row no-gutters">
  142. <div class="col-12 p-1">
  143. <div class="bg-faded p-4 h-100">
  144.  
  145. <p align="justify">[ Info coming soon ]</p>
  146.  
  147. <p align="justify"></p>
  148.  
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154.  
  155.  
  156. <!---- SPECIES ---->
  157. <div class="p-md-3 mb-3">
  158.  
  159. <div class="mb-3">
  160. <p><span class="text-primary" style="font-size:2rem;font-weight:200">Species</span>
  161. <hr class="my-0">Examples</p>
  162. </div>
  163.  
  164. <div class="row no-gutters mx-auto" style="max-width:800px">
  165. <div class="col-md-5 row no-gutters">
  166. <div class="col-12 p-1">
  167. <div class="bg-faded h-100 p-3">
  168.  
  169. <div class="p-1 text-center mb-3"><img src="https://i.pinimg.com/originals/f6/8b/fe/f68bfe5182b83e3b65dec54d4fb02ca8.jpg" width="400px"></div>
  170.  
  171. <div class="d-flex justify-content-between px-1 mb-2">
  172. <span class="text-primary" style="font-weight:200">Scientific name</span>
  173. <span class="text-right"><i>text</i></span>
  174. </div>
  175.  
  176. <div class="d-flex justify-content-between px-1 mb-2">
  177. <span class="text-primary" style="font-weight:200">Phylum</span>
  178. <span class="text-right">text</span>
  179. </div>
  180.  
  181. <div class="d-flex justify-content-between px-1 mb-2">
  182. <span class="text-primary" style="font-weight:200">Class</span>
  183. <span class="text-right">text</span>
  184. </div>
  185.  
  186. <div class="d-flex justify-content-between px-1 mb-2">
  187. <span class="text-primary" style="font-weight:200">Order</span>
  188. <span class="text-right">text</span>
  189. </div>
  190.  
  191. <div class="d-flex justify-content-between px-1 mb-2">
  192. <span class="text-primary" style="font-weight:200">Family</span>
  193. <span class="text-right">text</span>
  194. </div>
  195.  
  196. <div class="d-flex justify-content-between px-1 mb-2">
  197. <span class="text-primary" style="font-weight:200">Genus</span>
  198. <span class="text-right">text</span>
  199. </div>
  200.  
  201. <div class="d-flex justify-content-between px-1 mb-2">
  202. <span class="text-primary" style="font-weight:200">Rarity</span>
  203. <span class="text-right">text</span>
  204. </div>
  205.  
  206. <div class="d-flex justify-content-between px-1 mb-2">
  207. <span class="text-primary" style="font-weight:200">Lifespan</span>
  208. <span class="text-right">text</span>
  209. </div>
  210.  
  211. <div class="d-flex justify-content-between px-1 mb-2">
  212. <span class="text-primary" style="font-weight:200">Abilities</span>
  213. <span class="text-right">text</span>
  214. </div>
  215.  
  216. <div class="d-flex justify-content-between px-1 mb-2">
  217. <span class="text-primary" style="font-weight:200">Strengths</span>
  218. <span class="text-right">text</span>
  219. </div>
  220.  
  221. <div class="d-flex justify-content-between px-1 mb-2">
  222. <span class="text-primary" style="font-weight:200">Weaknesses</span>
  223. <span class="text-right">text</span>
  224. </div>
  225.  
  226. </div>
  227. </div>
  228. </div>
  229.  
  230. <div class="col-md-7 row no-gutters">
  231. <div class="col-12 p-1">
  232. <div class="bg-faded p-4 h-100">
  233.  
  234. <p align="justify">[ Info coming soon ]</p>
  235.  
  236. <p align="justify"></p>
  237.  
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243.  
  244.  
  245. <!---- SPECIES ---->
  246. <div class="p-md-3 mb-3">
  247.  
  248. <div class="mb-3">
  249. <p><span class="text-primary" style="font-size:2rem;font-weight:200">Species</span>
  250. <hr class="my-0">Examples</p>
  251. </div>
  252.  
  253. <div class="row no-gutters mx-auto" style="max-width:800px">
  254. <div class="col-md-5 row no-gutters">
  255. <div class="col-12 p-1">
  256. <div class="bg-faded h-100 p-3">
  257.  
  258. <div class="p-1 text-center mb-3"><img src="https://i.pinimg.com/originals/f6/8b/fe/f68bfe5182b83e3b65dec54d4fb02ca8.jpg" width="400px"></div>
  259.  
  260. <div class="d-flex justify-content-between px-1 mb-2">
  261. <span class="text-primary" style="font-weight:200">Scientific name</span>
  262. <span class="text-right"><i>text</i></span>
  263. </div>
  264.  
  265. <div class="d-flex justify-content-between px-1 mb-2">
  266. <span class="text-primary" style="font-weight:200">Phylum</span>
  267. <span class="text-right">text</span>
  268. </div>
  269.  
  270. <div class="d-flex justify-content-between px-1 mb-2">
  271. <span class="text-primary" style="font-weight:200">Class</span>
  272. <span class="text-right">text</span>
  273. </div>
  274.  
  275. <div class="d-flex justify-content-between px-1 mb-2">
  276. <span class="text-primary" style="font-weight:200">Order</span>
  277. <span class="text-right">text</span>
  278. </div>
  279.  
  280. <div class="d-flex justify-content-between px-1 mb-2">
  281. <span class="text-primary" style="font-weight:200">Family</span>
  282. <span class="text-right">text</span>
  283. </div>
  284.  
  285. <div class="d-flex justify-content-between px-1 mb-2">
  286. <span class="text-primary" style="font-weight:200">Genus</span>
  287. <span class="text-right">text</span>
  288. </div>
  289.  
  290. <div class="d-flex justify-content-between px-1 mb-2">
  291. <span class="text-primary" style="font-weight:200">Rarity</span>
  292. <span class="text-right">text</span>
  293. </div>
  294.  
  295. <div class="d-flex justify-content-between px-1 mb-2">
  296. <span class="text-primary" style="font-weight:200">Lifespan</span>
  297. <span class="text-right">text</span>
  298. </div>
  299.  
  300. <div class="d-flex justify-content-between px-1 mb-2">
  301. <span class="text-primary" style="font-weight:200">Abilities</span>
  302. <span class="text-right">text</span>
  303. </div>
  304.  
  305. <div class="d-flex justify-content-between px-1 mb-2">
  306. <span class="text-primary" style="font-weight:200">Strengths</span>
  307. <span class="text-right">text</span>
  308. </div>
  309.  
  310. <div class="d-flex justify-content-between px-1 mb-2">
  311. <span class="text-primary" style="font-weight:200">Weaknesses</span>
  312. <span class="text-right">text</span>
  313. </div>
  314.  
  315. </div>
  316. </div>
  317. </div>
  318.  
  319. <div class="col-md-7 row no-gutters">
  320. <div class="col-12 p-1">
  321. <div class="bg-faded p-4 h-100">
  322.  
  323. <p align="justify">[ Info coming soon ]</p>
  324.  
  325. <p align="justify"></p>
  326.  
  327. </div>
  328. </div>
  329. </div>
  330. </div>
  331. </div>
  332.  
  333.  
  334. </div>
  335.  
  336. </div>
  337.  
  338. <!----------------
  339.  
  340. ANTHRO TAB
  341.  
  342. ---------------->
  343. <div class="tab-pane fade" id="anthro">
  344. <div class="card card-block p-3">
  345.  
  346. <!---- SPECIES ---->
  347. <div class="p-md-3 mb-3">
  348.  
  349. <div class="mb-3">
  350. <p><span class="text-primary" style="font-size:2rem;font-weight:200">Species</span>
  351. <hr class="my-0">Examples</p>
  352. </div>
  353.  
  354. <div class="row no-gutters mx-auto" style="max-width:800px">
  355. <div class="col-md-5 row no-gutters">
  356. <div class="col-12 p-1">
  357. <div class="bg-faded h-100 p-3">
  358.  
  359. <div class="p-1 text-center mb-3"><img src="https://i.pinimg.com/originals/f6/8b/fe/f68bfe5182b83e3b65dec54d4fb02ca8.jpg" width="400px"></div>
  360.  
  361. <div class="d-flex justify-content-between px-1 mb-2">
  362. <span class="text-primary" style="font-weight:200">Scientific name</span>
  363. <span class="text-right"><i>text</i></span>
  364. </div>
  365.  
  366. <div class="d-flex justify-content-between px-1 mb-2">
  367. <span class="text-primary" style="font-weight:200">Phylum</span>
  368. <span class="text-right">text</span>
  369. </div>
  370.  
  371. <div class="d-flex justify-content-between px-1 mb-2">
  372. <span class="text-primary" style="font-weight:200">Class</span>
  373. <span class="text-right">text</span>
  374. </div>
  375.  
  376. <div class="d-flex justify-content-between px-1 mb-2">
  377. <span class="text-primary" style="font-weight:200">Order</span>
  378. <span class="text-right">text</span>
  379. </div>
  380.  
  381. <div class="d-flex justify-content-between px-1 mb-2">
  382. <span class="text-primary" style="font-weight:200">Family</span>
  383. <span class="text-right">text</span>
  384. </div>
  385.  
  386. <div class="d-flex justify-content-between px-1 mb-2">
  387. <span class="text-primary" style="font-weight:200">Genus</span>
  388. <span class="text-right">text</span>
  389. </div>
  390.  
  391. <div class="d-flex justify-content-between px-1 mb-2">
  392. <span class="text-primary" style="font-weight:200">Rarity</span>
  393. <span class="text-right">text</span>
  394. </div>
  395.  
  396. <div class="d-flex justify-content-between px-1 mb-2">
  397. <span class="text-primary" style="font-weight:200">Lifespan</span>
  398. <span class="text-right">text</span>
  399. </div>
  400.  
  401. <div class="d-flex justify-content-between px-1 mb-2">
  402. <span class="text-primary" style="font-weight:200">Abilities</span>
  403. <span class="text-right">text</span>
  404. </div>
  405.  
  406. <div class="d-flex justify-content-between px-1 mb-2">
  407. <span class="text-primary" style="font-weight:200">Strengths</span>
  408. <span class="text-right">text</span>
  409. </div>
  410.  
  411. <div class="d-flex justify-content-between px-1 mb-2">
  412. <span class="text-primary" style="font-weight:200">Weaknesses</span>
  413. <span class="text-right">text</span>
  414. </div>
  415.  
  416. </div>
  417. </div>
  418. </div>
  419.  
  420. <div class="col-md-7 row no-gutters">
  421. <div class="col-12 p-1">
  422. <div class="bg-faded p-4 h-100">
  423.  
  424. <p align="justify">[ Info coming soon ]</p>
  425.  
  426. <p align="justify"></p>
  427.  
  428. </div>
  429. </div>
  430. </div>
  431. </div>
  432. </div>
  433.  
  434.  
  435. <!---- SPECIES ---->
  436. <div class="p-md-3 mb-3">
  437.  
  438. <div class="mb-3">
  439. <p><span class="text-primary" style="font-size:2rem;font-weight:200">Species</span>
  440. <hr class="my-0">Examples</p>
  441. </div>
  442.  
  443. <div class="row no-gutters mx-auto" style="max-width:800px">
  444. <div class="col-md-5 row no-gutters">
  445. <div class="col-12 p-1">
  446. <div class="bg-faded h-100 p-3">
  447.  
  448. <div class="p-1 text-center mb-3"><img src="https://i.pinimg.com/originals/f6/8b/fe/f68bfe5182b83e3b65dec54d4fb02ca8.jpg" width="400px"></div>
  449.  
  450. <div class="d-flex justify-content-between px-1 mb-2">
  451. <span class="text-primary" style="font-weight:200">Scientific name</span>
  452. <span class="text-right"><i>text</i></span>
  453. </div>
  454.  
  455. <div class="d-flex justify-content-between px-1 mb-2">
  456. <span class="text-primary" style="font-weight:200">Phylum</span>
  457. <span class="text-right">text</span>
  458. </div>
  459.  
  460. <div class="d-flex justify-content-between px-1 mb-2">
  461. <span class="text-primary" style="font-weight:200">Class</span>
  462. <span class="text-right">text</span>
  463. </div>
  464.  
  465. <div class="d-flex justify-content-between px-1 mb-2">
  466. <span class="text-primary" style="font-weight:200">Order</span>
  467. <span class="text-right">text</span>
  468. </div>
  469.  
  470. <div class="d-flex justify-content-between px-1 mb-2">
  471. <span class="text-primary" style="font-weight:200">Family</span>
  472. <span class="text-right">text</span>
  473. </div>
  474.  
  475. <div class="d-flex justify-content-between px-1 mb-2">
  476. <span class="text-primary" style="font-weight:200">Genus</span>
  477. <span class="text-right">text</span>
  478. </div>
  479.  
  480. <div class="d-flex justify-content-between px-1 mb-2">
  481. <span class="text-primary" style="font-weight:200">Rarity</span>
  482. <span class="text-right">text</span>
  483. </div>
  484.  
  485. <div class="d-flex justify-content-between px-1 mb-2">
  486. <span class="text-primary" style="font-weight:200">Lifespan</span>
  487. <span class="text-right">text</span>
  488. </div>
  489.  
  490. <div class="d-flex justify-content-between px-1 mb-2">
  491. <span class="text-primary" style="font-weight:200">Abilities</span>
  492. <span class="text-right">text</span>
  493. </div>
  494.  
  495. <div class="d-flex justify-content-between px-1 mb-2">
  496. <span class="text-primary" style="font-weight:200">Strengths</span>
  497. <span class="text-right">text</span>
  498. </div>
  499.  
  500. <div class="d-flex justify-content-between px-1 mb-2">
  501. <span class="text-primary" style="font-weight:200">Weaknesses</span>
  502. <span class="text-right">text</span>
  503. </div>
  504.  
  505. </div>
  506. </div>
  507. </div>
  508.  
  509. <div class="col-md-7 row no-gutters">
  510. <div class="col-12 p-1">
  511. <div class="bg-faded p-4 h-100">
  512.  
  513. <p align="justify">[ Info coming soon ]</p>
  514.  
  515. <p align="justify"></p>
  516.  
  517. </div>
  518. </div>
  519. </div>
  520. </div>
  521. </div>
  522.  
  523.  
  524. <!---- SPECIES ---->
  525. <div class="p-md-3 mb-3">
  526.  
  527. <div class="mb-3">
  528. <p><span class="text-primary" style="font-size:2rem;font-weight:200">Species</span>
  529. <hr class="my-0">Examples</p>
  530. </div>
  531.  
  532. <div class="row no-gutters mx-auto" style="max-width:800px">
  533. <div class="col-md-5 row no-gutters">
  534. <div class="col-12 p-1">
  535. <div class="bg-faded h-100 p-3">
  536.  
  537. <div class="p-1 text-center mb-3"><img src="https://i.pinimg.com/originals/f6/8b/fe/f68bfe5182b83e3b65dec54d4fb02ca8.jpg" width="400px"></div>
  538.  
  539. <div class="d-flex justify-content-between px-1 mb-2">
  540. <span class="text-primary" style="font-weight:200">Scientific name</span>
  541. <span class="text-right"><i>text</i></span>
  542. </div>
  543.  
  544. <div class="d-flex justify-content-between px-1 mb-2">
  545. <span class="text-primary" style="font-weight:200">Phylum</span>
  546. <span class="text-right">text</span>
  547. </div>
  548.  
  549. <div class="d-flex justify-content-between px-1 mb-2">
  550. <span class="text-primary" style="font-weight:200">Class</span>
  551. <span class="text-right">text</span>
  552. </div>
  553.  
  554. <div class="d-flex justify-content-between px-1 mb-2">
  555. <span class="text-primary" style="font-weight:200">Order</span>
  556. <span class="text-right">text</span>
  557. </div>
  558.  
  559. <div class="d-flex justify-content-between px-1 mb-2">
  560. <span class="text-primary" style="font-weight:200">Family</span>
  561. <span class="text-right">text</span>
  562. </div>
  563.  
  564. <div class="d-flex justify-content-between px-1 mb-2">
  565. <span class="text-primary" style="font-weight:200">Genus</span>
  566. <span class="text-right">text</span>
  567. </div>
  568.  
  569. <div class="d-flex justify-content-between px-1 mb-2">
  570. <span class="text-primary" style="font-weight:200">Rarity</span>
  571. <span class="text-right">text</span>
  572. </div>
  573.  
  574. <div class="d-flex justify-content-between px-1 mb-2">
  575. <span class="text-primary" style="font-weight:200">Lifespan</span>
  576. <span class="text-right">text</span>
  577. </div>
  578.  
  579. <div class="d-flex justify-content-between px-1 mb-2">
  580. <span class="text-primary" style="font-weight:200">Abilities</span>
  581. <span class="text-right">text</span>
  582. </div>
  583.  
  584. <div class="d-flex justify-content-between px-1 mb-2">
  585. <span class="text-primary" style="font-weight:200">Strengths</span>
  586. <span class="text-right">text</span>
  587. </div>
  588.  
  589. <div class="d-flex justify-content-between px-1 mb-2">
  590. <span class="text-primary" style="font-weight:200">Weaknesses</span>
  591. <span class="text-right">text</span>
  592. </div>
  593.  
  594. </div>
  595. </div>
  596. </div>
  597.  
  598. <div class="col-md-7 row no-gutters">
  599. <div class="col-12 p-1">
  600. <div class="bg-faded p-4 h-100">
  601.  
  602. <p align="justify">[ Info coming soon ]</p>
  603.  
  604. <p align="justify"></p>
  605.  
  606. </div>
  607. </div>
  608. </div>
  609. </div>
  610. </div>
  611.  
  612.  
  613. </div>
  614. </div>
  615.  
  616.  
  617. <!----------------
  618.  
  619. FERAL TAB
  620.  
  621. ---------------->
  622. <div class="tab-pane fade" id="feral">
  623. <div class="card card-block p-3">
  624.  
  625. <!---- SPECIES ---->
  626. <div class="p-md-3 mb-3">
  627.  
  628. <div class="mb-3">
  629. <p><span class="text-primary" style="font-size:2rem;font-weight:200">Species</span>
  630. <hr class="my-0">Examples</p>
  631. </div>
  632.  
  633. <div class="row no-gutters mx-auto" style="max-width:800px">
  634. <div class="col-md-5 row no-gutters">
  635. <div class="col-12 p-1">
  636. <div class="bg-faded h-100 p-3">
  637.  
  638. <div class="p-1 text-center mb-3"><img src="https://i.pinimg.com/originals/f6/8b/fe/f68bfe5182b83e3b65dec54d4fb02ca8.jpg" width="400px"></div>
  639.  
  640. <div class="d-flex justify-content-between px-1 mb-2">
  641. <span class="text-primary" style="font-weight:200">Scientific name</span>
  642. <span class="text-right"><i>text</i></span>
  643. </div>
  644.  
  645. <div class="d-flex justify-content-between px-1 mb-2">
  646. <span class="text-primary" style="font-weight:200">Phylum</span>
  647. <span class="text-right">text</span>
  648. </div>
  649.  
  650. <div class="d-flex justify-content-between px-1 mb-2">
  651. <span class="text-primary" style="font-weight:200">Class</span>
  652. <span class="text-right">text</span>
  653. </div>
  654.  
  655. <div class="d-flex justify-content-between px-1 mb-2">
  656. <span class="text-primary" style="font-weight:200">Order</span>
  657. <span class="text-right">text</span>
  658. </div>
  659.  
  660. <div class="d-flex justify-content-between px-1 mb-2">
  661. <span class="text-primary" style="font-weight:200">Family</span>
  662. <span class="text-right">text</span>
  663. </div>
  664.  
  665. <div class="d-flex justify-content-between px-1 mb-2">
  666. <span class="text-primary" style="font-weight:200">Genus</span>
  667. <span class="text-right">text</span>
  668. </div>
  669.  
  670. <div class="d-flex justify-content-between px-1 mb-2">
  671. <span class="text-primary" style="font-weight:200">Rarity</span>
  672. <span class="text-right">text</span>
  673. </div>
  674.  
  675. <div class="d-flex justify-content-between px-1 mb-2">
  676. <span class="text-primary" style="font-weight:200">Lifespan</span>
  677. <span class="text-right">text</span>
  678. </div>
  679.  
  680. <div class="d-flex justify-content-between px-1 mb-2">
  681. <span class="text-primary" style="font-weight:200">Abilities</span>
  682. <span class="text-right">text</span>
  683. </div>
  684.  
  685. <div class="d-flex justify-content-between px-1 mb-2">
  686. <span class="text-primary" style="font-weight:200">Strengths</span>
  687. <span class="text-right">text</span>
  688. </div>
  689.  
  690. <div class="d-flex justify-content-between px-1 mb-2">
  691. <span class="text-primary" style="font-weight:200">Weaknesses</span>
  692. <span class="text-right">text</span>
  693. </div>
  694.  
  695. </div>
  696. </div>
  697. </div>
  698.  
  699. <div class="col-md-7 row no-gutters">
  700. <div class="col-12 p-1">
  701. <div class="bg-faded p-4 h-100">
  702.  
  703. <p align="justify">[ Info coming soon ]</p>
  704.  
  705. <p align="justify"></p>
  706.  
  707. </div>
  708. </div>
  709. </div>
  710. </div>
  711. </div>
  712.  
  713.  
  714. <!---- SPECIES ---->
  715. <div class="p-md-3 mb-3">
  716.  
  717. <div class="mb-3">
  718. <p><span class="text-primary" style="font-size:2rem;font-weight:200">Species</span>
  719. <hr class="my-0">Examples</p>
  720. </div>
  721.  
  722. <div class="row no-gutters mx-auto" style="max-width:800px">
  723. <div class="col-md-5 row no-gutters">
  724. <div class="col-12 p-1">
  725. <div class="bg-faded h-100 p-3">
  726.  
  727. <div class="p-1 text-center mb-3"><img src="https://i.pinimg.com/originals/f6/8b/fe/f68bfe5182b83e3b65dec54d4fb02ca8.jpg" width="400px"></div>
  728.  
  729. <div class="d-flex justify-content-between px-1 mb-2">
  730. <span class="text-primary" style="font-weight:200">Scientific name</span>
  731. <span class="text-right"><i>text</i></span>
  732. </div>
  733.  
  734. <div class="d-flex justify-content-between px-1 mb-2">
  735. <span class="text-primary" style="font-weight:200">Phylum</span>
  736. <span class="text-right">text</span>
  737. </div>
  738.  
  739. <div class="d-flex justify-content-between px-1 mb-2">
  740. <span class="text-primary" style="font-weight:200">Class</span>
  741. <span class="text-right">text</span>
  742. </div>
  743.  
  744. <div class="d-flex justify-content-between px-1 mb-2">
  745. <span class="text-primary" style="font-weight:200">Order</span>
  746. <span class="text-right">text</span>
  747. </div>
  748.  
  749. <div class="d-flex justify-content-between px-1 mb-2">
  750. <span class="text-primary" style="font-weight:200">Family</span>
  751. <span class="text-right">text</span>
  752. </div>
  753.  
  754. <div class="d-flex justify-content-between px-1 mb-2">
  755. <span class="text-primary" style="font-weight:200">Genus</span>
  756. <span class="text-right">text</span>
  757. </div>
  758.  
  759. <div class="d-flex justify-content-between px-1 mb-2">
  760. <span class="text-primary" style="font-weight:200">Rarity</span>
  761. <span class="text-right">text</span>
  762. </div>
  763.  
  764. <div class="d-flex justify-content-between px-1 mb-2">
  765. <span class="text-primary" style="font-weight:200">Lifespan</span>
  766. <span class="text-right">text</span>
  767. </div>
  768.  
  769. <div class="d-flex justify-content-between px-1 mb-2">
  770. <span class="text-primary" style="font-weight:200">Abilities</span>
  771. <span class="text-right">text</span>
  772. </div>
  773.  
  774. <div class="d-flex justify-content-between px-1 mb-2">
  775. <span class="text-primary" style="font-weight:200">Strengths</span>
  776. <span class="text-right">text</span>
  777. </div>
  778.  
  779. <div class="d-flex justify-content-between px-1 mb-2">
  780. <span class="text-primary" style="font-weight:200">Weaknesses</span>
  781. <span class="text-right">text</span>
  782. </div>
  783.  
  784. </div>
  785. </div>
  786. </div>
  787.  
  788. <div class="col-md-7 row no-gutters">
  789. <div class="col-12 p-1">
  790. <div class="bg-faded p-4 h-100">
  791.  
  792. <p align="justify">[ Info coming soon ]</p>
  793.  
  794. <p align="justify"></p>
  795.  
  796. </div>
  797. </div>
  798. </div>
  799. </div>
  800. </div>
  801.  
  802.  
  803. <!---- SPECIES ---->
  804. <div class="p-md-3 mb-3">
  805.  
  806. <div class="mb-3">
  807. <p><span class="text-primary" style="font-size:2rem;font-weight:200">Species</span>
  808. <hr class="my-0">Examples</p>
  809. </div>
  810.  
  811. <div class="row no-gutters mx-auto" style="max-width:800px">
  812. <div class="col-md-5 row no-gutters">
  813. <div class="col-12 p-1">
  814. <div class="bg-faded h-100 p-3">
  815.  
  816. <div class="p-1 text-center mb-3"><img src="https://i.pinimg.com/originals/f6/8b/fe/f68bfe5182b83e3b65dec54d4fb02ca8.jpg" width="400px"></div>
  817.  
  818. <div class="d-flex justify-content-between px-1 mb-2">
  819. <span class="text-primary" style="font-weight:200">Scientific name</span>
  820. <span class="text-right"><i>text</i></span>
  821. </div>
  822.  
  823. <div class="d-flex justify-content-between px-1 mb-2">
  824. <span class="text-primary" style="font-weight:200">Phylum</span>
  825. <span class="text-right">text</span>
  826. </div>
  827.  
  828. <div class="d-flex justify-content-between px-1 mb-2">
  829. <span class="text-primary" style="font-weight:200">Class</span>
  830. <span class="text-right">text</span>
  831. </div>
  832.  
  833. <div class="d-flex justify-content-between px-1 mb-2">
  834. <span class="text-primary" style="font-weight:200">Order</span>
  835. <span class="text-right">text</span>
  836. </div>
  837.  
  838. <div class="d-flex justify-content-between px-1 mb-2">
  839. <span class="text-primary" style="font-weight:200">Family</span>
  840. <span class="text-right">text</span>
  841. </div>
  842.  
  843. <div class="d-flex justify-content-between px-1 mb-2">
  844. <span class="text-primary" style="font-weight:200">Genus</span>
  845. <span class="text-right">text</span>
  846. </div>
  847.  
  848. <div class="d-flex justify-content-between px-1 mb-2">
  849. <span class="text-primary" style="font-weight:200">Rarity</span>
  850. <span class="text-right">text</span>
  851. </div>
  852.  
  853. <div class="d-flex justify-content-between px-1 mb-2">
  854. <span class="text-primary" style="font-weight:200">Lifespan</span>
  855. <span class="text-right">text</span>
  856. </div>
  857.  
  858. <div class="d-flex justify-content-between px-1 mb-2">
  859. <span class="text-primary" style="font-weight:200">Abilities</span>
  860. <span class="text-right">text</span>
  861. </div>
  862.  
  863. <div class="d-flex justify-content-between px-1 mb-2">
  864. <span class="text-primary" style="font-weight:200">Strengths</span>
  865. <span class="text-right">text</span>
  866. </div>
  867.  
  868. <div class="d-flex justify-content-between px-1 mb-2">
  869. <span class="text-primary" style="font-weight:200">Weaknesses</span>
  870. <span class="text-right">text</span>
  871. </div>
  872.  
  873. </div>
  874. </div>
  875. </div>
  876.  
  877. <div class="col-md-7 row no-gutters">
  878. <div class="col-12 p-1">
  879. <div class="bg-faded p-4 h-100">
  880.  
  881. <p align="justify">[ Info coming soon ]</p>
  882.  
  883. <p align="justify"></p>
  884.  
  885. </div>
  886. </div>
  887. </div>
  888. </div>
  889. </div>
  890.  
  891.  
  892. </div>
  893. </div>
  894. </div>
  895. <div class="col-md-12 p-1">
  896. <div class="p-1 text-right"><a data-toggle="tooltip" class="text-muted" title="Coding by ElithianFox" href="https://toyhou.se/5176494.-2-bestiary-and-species-list"><i class="far fa-dna"></i></a></div>
  897. </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!