API tools faq
paste
Advertisement
Koi_Nishiki

Students Master list A

Koi_Nishiki
Jan 15th, 2021
17
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.58 KB | None | 0 0
raw download clone embed print report
  1. <div class="container-fluid">
  2. <!--[ ROW 01 ]-->
  3. <div class="row">
  4. <!--[ ROW 01: CHARACTER 01 (COLUMN 01; LEFT) ]-->
  5. <div class="col-sm-3 p-1">
  6. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  7. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  8. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://64.media.tumblr.com/d8b149ea956290ca9a716a18e4af5a20/tumblr_p78cxyUq5Y1v2few6o6_250.jpg">
  9. <!--[ NAME/ LINKS ]-->
  10. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Yuga_Aoyama" target="_blank">Yuga Aoyama</a>
  11. <!--[ RELATIONSHIPS TABLE ]-->
  12. <table class="border-0 table-striped table-hover w-100 mt-1">
  13. <tr>
  14. <td><b class="text-uppercase">Son:</b> <a href="https://toyhou.se/7730253.kirameki-aoyama" target="_blank">Kirameki</a></td>
  15. </tr>
  16. <tr>
  17. <td><b class="text-uppercase">Daughter:</b> <a href="https://toyhou.se/7737587.hoshi-aiba" target="_blank">Hoshi</a></td>
  18. </tr>
  19. <tr>
  20. <td><b class="text-uppercase">Son:</b> <a href="https://toyhou.se/8100079.seigan-jirou" target="_blank">Seigan</a></td>
  21. </tr>
  22. <tr>
  23. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  24. </tr>
  25. </table>
  26. </div>
  27. </div>
  28. <!--[ ROW 01: CHARACTER 02 (COLUMN 02; MIDDLE LEFT) ]-->
  29. <div class="col-sm-3 p-1">
  30. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  31. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  32. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://64.media.tumblr.com/2e106596094912dba953a54f256e695d/e9e422dd3a200818-82/s400x600/16eb4c6cd1cd7031cb5a837a1accd5d00a10326f.jpg">
  33. <!--[ NAME/ LINKS ]-->
  34. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Mina_Ashido" target="_blank">Mina Ashido</a>
  35. <!--[ RELATIONSHIPS TABLE ]-->
  36. <table class="border-0 table-striped table-hover w-100 mt-1">
  37. <tr>
  38. <td><b class="text-uppercase">Son:</b> <a href="https://toyhou.se/7720465.fushoku-kirishima" target="_blank">Fushoku</a></td>
  39. </tr>
  40. <tr>
  41. <td><b class="text-uppercase">Son:</b> <a href="https://toyhou.se/7720297.san-ashido" target="_blank">San</a></td>
  42. </tr>
  43. <tr>
  44. <td><b class="text-uppercase">Daughter:</b> <a href="https://toyhou.se/7748553.zeri-kaminari" target="_blank">Zeri</a></td>
  45. </tr>
  46. <tr>
  47. <td><b class="text-uppercase">Daughter:</b> <a href="https://toyhou.se/7720505.minami-awata" target="_blank">Minami</a></td>
  48. </tr>
  49. </table>
  50. </div>
  51. </div>
  52. <!--[ ROW 01: CHARACTER 03 (COLUMN 03; MIDDLE RIGHT) ]-->
  53. <div class="col-sm-3 p-1">
  54. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  55. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  56. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://64.media.tumblr.com/e87b77d04b1f861ffe748803e822d2f2/tumblr_pkh1moyRD51xmbpg1o6_400.png">
  57. <!--[ NAME/ LINKS ]-->
  58. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Tsuyu_Asui" target="_blank">Tsuyu Asui</a>
  59. <!--[ RELATIONSHIPS TABLE ]-->
  60. <table class="border-0 table-striped table-hover w-100 mt-1">
  61. <tr>
  62. <td><b class="text-uppercase">Son:</b> <a href="https://toyhou.se/7714450.sansho-asui" target="_blank">Sansho</a></td>
  63. </tr>
  64. <tr>
  65. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  66. </tr>
  67. <tr>
  68. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  69. </tr>
  70. <tr>
  71. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  72. </tr>
  73. </table>
  74. </div>
  75. </div>
  76. <!--[ ROW 01: CHARACTER 04 (COLUMN 04; RIGHT) ]-->
  77. <div class="col-sm-3 p-1">
  78. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  79. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  80. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://64.media.tumblr.com/1c252fba3e41ebfb6f3778330044a19c/tumblr_pchbkzU6Oc1tm5eijo4_250.png">
  81. <!--[ NAME/ LINKS ]-->
  82. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Tenya_Ida" target="_blank">Tenya Iida</a>
  83. <!--[ RELATIONSHIPS TABLE ]-->
  84. <table class="border-0 table-striped table-hover w-100 mt-1">
  85. <tr>
  86. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  87. </tr>
  88. <tr>
  89. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  90. </tr>
  91. <tr>
  92. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  93. </tr>
  94. <tr>
  95. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  96. </tr>
  97. </table>
  98. </div>
  99. </div>
  100. </div>
  101. <!--[ ROW 02 ]-->
  102. <div class="row">
  103. <!--[ ROW 02: CHARACTER 01 (COLUMN 01; LEFT) ]-->
  104. <div class="col-sm-3 p-1">
  105. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  106. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  107. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://64.media.tumblr.com/878f8f2ebaecf62a6f302f8fc28fbb1d/tumblr_pkh1moyRD51xmbpg1o9_400.png">
  108. <!--[ NAME/ LINKS ]-->
  109. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Ochaco_Uraraka" target="_blank">Ochaco Uraraka</a>
  110. <!--[ RELATIONSHIPS TABLE ]-->
  111. <table class="border-0 table-striped table-hover w-100 mt-1">
  112. <tr>
  113. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  114. </tr>
  115. <tr>
  116. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  117. </tr>
  118. <tr>
  119. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  120. </tr>
  121. <tr>
  122. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  123. </tr>
  124. </table>
  125. </div>
  126. </div>
  127. <!--[ ROW 02: CHARACTER 02 (COLUMN 02; MIDDLE LEFT) ]-->
  128. <div class="col-sm-3 p-1">
  129. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  130. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  131. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  132. <!--[ NAME/ LINKS ]-->
  133. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Mashirao_Ojiro" target="_blank">Masahiro Ojiro</a>
  134. <!--[ RELATIONSHIPS TABLE ]-->
  135. <table class="border-0 table-striped table-hover w-100 mt-1">
  136. <tr>
  137. <td><b class="text-uppercase">Daughter:</b> <a href="https://toyhou.se/7708362.glitter-utushimi" target="_blank">Glitter</a></td>
  138. </tr>
  139. <tr>
  140. <td><b class="text-uppercase">Son:</b> <a href="https://toyhou.se/7102335.cabletail" target="_blank">Tbn</a></td>
  141. </tr>
  142. <tr>
  143. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  144. </tr>
  145. <tr>
  146. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  147. </tr>
  148. </table>
  149. </div>
  150. </div>
  151. <!--[ ROW 01: CHARACTER 03 (COLUMN 03; MIDDLE RIGHT) ]-->
  152. <div class="col-sm-3 p-1">
  153. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  154. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  155. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://64.media.tumblr.com/66a936e9f9c4a50faaecf449512485fc/tumblr_pc2zp2Byeu1uobsw4o1_250.png">
  156. <!--[ NAME/ LINKS ]-->
  157. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Denki_Kaminari" target="_blank">Denki Kaminari</a>
  158. <!--[ RELATIONSHIPS TABLE ]-->
  159. <table class="border-0 table-striped table-hover w-100 mt-1">
  160. <tr>
  161. <td><b class="text-uppercase">Son:</b> <a href="https://toyhou.se/7102335.cabletail" target="_blank">Tbn</a></td>
  162. </tr>
  163. <tr>
  164. <td><b class="text-uppercase">Daughter:</b> <a href="https://toyhou.se/7748553.zeri-kaminari" target="_blank">Zeri</a></td>
  165. </tr>
  166. <tr>
  167. <td><b class="text-uppercase">Son:</b> <a href="https://toyhou.se/7096419.raiju-inui" target="_blank">Raiju</a></td>
  168. </tr>
  169. <tr>
  170. <td><b class="text-uppercase">Son:</b> <a href="https://toyhou.se/7709756.shogeki-tsuchiwaka" target="_blank">Shogeki</a></td>
  171. </tr>
  172. <tr>
  173. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  174. </tr>
  175. <tr>
  176. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  177. </tr>
  178. </table>
  179. </div>
  180. </div>
  181. <!--[ ROW 01: CHARACTER 04 (COLUMN 04; RIGHT) ]-->
  182. <div class="col-sm-3 p-1">
  183. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  184. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  185. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://64.media.tumblr.com/79dcfb397adff4c36a138c7193f25323/565b7365b19dec69-49/s400x600/16a438040386bb4dd583c848561503e94c2d3b54.png">
  186. <!--[ NAME/ LINKS ]-->
  187. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Eijiro_Kirishima" target="_blank">Eijirou Kirishima</a>
  188. <!--[ RELATIONSHIPS TABLE ]-->
  189. <table class="border-0 table-striped table-hover w-100 mt-1">
  190. <tr>
  191. <td><b class="text-uppercase">Son:</b> <a href="https://toyhou.se/7720465.fushoku-kirishima" target="_blank">Fushoku</a></td>
  192. </tr>
  193. <tr>
  194. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  195. </tr>
  196. <tr>
  197. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  198. </tr>
  199. <tr>
  200. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  201. </tr>
  202. </table>
  203. </div>
  204. </div>
  205. <div class="container-fluid">
  206. <!--[ ROW 01 ]-->
  207. <div class="row">
  208. <!--[ ROW 01: CHARACTER 01 (COLUMN 01; LEFT) ]-->
  209. <div class="col-sm-3 p-1">
  210. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  211. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  212. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  213. <!--[ NAME/ LINKS ]-->
  214. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Koji_Koda" target="_blank">Koji Koda</a>
  215. <!--[ RELATIONSHIPS TABLE ]-->
  216. <table class="border-0 table-striped table-hover w-100 mt-1">
  217. <tr>
  218. <td><b class="text-uppercase">Son:</b> <a href="https://toyhou.se/7820321.sagi-koda" target="_blank">Sagi</a></td>
  219. </tr>
  220. <tr>
  221. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  222. </tr>
  223. <tr>
  224. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  225. </tr>
  226. <tr>
  227. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  228. </tr>
  229. </table>
  230. </div>
  231. </div>
  232. <!--[ ROW 01: CHARACTER 02 (COLUMN 02; MIDDLE LEFT) ]-->
  233. <div class="col-sm-3 p-1">
  234. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  235. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  236. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  237. <!--[ NAME/ LINKS ]-->
  238. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Rikido_Sato" target="_blank">Sato Rikido</a>
  239. <!--[ RELATIONSHIPS TABLE ]-->
  240. <table class="border-0 table-striped table-hover w-100 mt-1">
  241. <tr>
  242. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  243. </tr>
  244. <tr>
  245. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  246. </tr>
  247. <tr>
  248. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  249. </tr>
  250. <tr>
  251. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  252. </tr>
  253. </table>
  254. </div>
  255. </div>
  256. <!--[ ROW 01: CHARACTER 03 (COLUMN 03; MIDDLE RIGHT) ]-->
  257. <div class="col-sm-3 p-1">
  258. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  259. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  260. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  261. <!--[ NAME/ LINKS ]-->
  262. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Mezo_Shoji" target="_blank">Mezo Shoji</a>
  263. <!--[ RELATIONSHIPS TABLE ]-->
  264. <table class="border-0 table-striped table-hover w-100 mt-1">
  265. <tr>
  266. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  267. </tr>
  268. <tr>
  269. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  270. </tr>
  271. <tr>
  272. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  273. </tr>
  274. <tr>
  275. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  276. </tr>
  277. </table>
  278. </div>
  279. </div>
  280. <!--[ ROW 01: CHARACTER 04 (COLUMN 04; RIGHT) ]-->
  281. <div class="col-sm-3 p-1">
  282. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  283. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  284. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  285. <!--[ NAME/ LINKS ]-->
  286. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Kyoka_Jiro" target="_blank">Kyoka Jiro</a>
  287. <!--[ RELATIONSHIPS TABLE ]-->
  288. <table class="border-0 table-striped table-hover w-100 mt-1">
  289. <tr>
  290. <td><b class="text-uppercase">Son:</b> <a href="https://toyhou.se/8100079.seigan-jirou" target="_blank">Seigan</a></td>
  291. </tr>
  292. <tr>
  293. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  294. </tr>
  295. <tr>
  296. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  297. </tr>
  298. <tr>
  299. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  300. </tr>
  301. </table>
  302. </div>
  303. </div>
  304. </div>
  305.  
  306. <!--[ ROW 02 ]-->
  307. <div class="row">
  308. <!--[ ROW 02: CHARACTER 01 (COLUMN 01; LEFT) ]-->
  309. <div class="col-sm-3 p-1">
  310. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  311. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  312. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  313. <!--[ NAME/ LINKS ]-->
  314. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Hanta_Sero" target="_blank">Sero Hanta</a>
  315. <!--[ RELATIONSHIPS TABLE ]-->
  316. <table class="border-0 table-striped table-hover w-100 mt-1">
  317. <tr>
  318. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  319. </tr>
  320. <tr>
  321. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  322. </tr>
  323. <tr>
  324. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  325. </tr>
  326. <tr>
  327. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  328. </tr>
  329. </table>
  330. </div>
  331. </div>
  332. <!--[ ROW 02: CHARACTER 02 (COLUMN 02; MIDDLE LEFT) ]-->
  333. <div class="col-sm-3 p-1">
  334. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  335. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  336. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  337. <!--[ NAME/ LINKS ]-->
  338. <a class="btn btn-block btn-secondary text-uppercase" href="https://myheroacademia.fandom.com/wiki/Fumikage_Tokoyami" target="_blank">Fumikage Tokoyami</a>
  339. <!--[ RELATIONSHIPS TABLE ]-->
  340. <table class="border-0 table-striped table-hover w-100 mt-1">
  341. <tr>
  342. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  343. </tr>
  344. <tr>
  345. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  346. </tr>
  347. <tr>
  348. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  349. </tr>
  350. <tr>
  351. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  352. </tr>
  353. </table>
  354. </div>
  355. <!--[ ROW 01: CHARACTER 02 (COLUMN 02; MIDDLE LEFT) ]-->
  356. <div class="col-sm-3 p-1">
  357. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  358. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  359. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  360. <!--[ NAME/ LINKS ]-->
  361. <a class="btn btn-block btn-secondary text-uppercase" href="#" target="_blank">Name</a>
  362. <!--[ RELATIONSHIPS TABLE ]-->
  363. <table class="border-0 table-striped table-hover w-100 mt-1">
  364. <tr>
  365. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  366. </tr>
  367. <tr>
  368. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  369. </tr>
  370. <tr>
  371. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  372. </tr>
  373. <tr>
  374. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  375. </tr>
  376. </table>
  377. </div>
  378. </div>
  379. <!--[ ROW 01 ]-->
  380. <div class="row">
  381. <!--[ ROW 01: CHARACTER 01 (COLUMN 01; LEFT) ]-->
  382. <div class="col-sm-3 p-1">
  383. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  384. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  385. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  386. <!--[ NAME/ LINKS ]-->
  387. <a class="btn btn-block btn-secondary text-uppercase" href="#" target="_blank">Name</a>
  388. <!--[ RELATIONSHIPS TABLE ]-->
  389. <table class="border-0 table-striped table-hover w-100 mt-1">
  390. <tr>
  391. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  392. </tr>
  393. <tr>
  394. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  395. </tr>
  396. <tr>
  397. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  398. </tr>
  399. <tr>
  400. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  401. </tr>
  402. </table>
  403. </div>
  404. </div>
  405. <!--[ ROW 01: CHARACTER 02 (COLUMN 02; MIDDLE LEFT) ]-->
  406. <div class="col-sm-3 p-1">
  407. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  408. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  409. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  410. <!--[ NAME/ LINKS ]-->
  411. <a class="btn btn-block btn-secondary text-uppercase" href="#" target="_blank">Name</a>
  412. <!--[ RELATIONSHIPS TABLE ]-->
  413. <table class="border-0 table-striped table-hover w-100 mt-1">
  414. <tr>
  415. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  416. </tr>
  417. <tr>
  418. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  419. </tr>
  420. <tr>
  421. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  422. </tr>
  423. <tr>
  424. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  425. </tr>
  426. </table>
  427. </div>
  428. </div>
  429. <!--[ ROW 01: CHARACTER 03 (COLUMN 03; MIDDLE RIGHT) ]-->
  430. <div class="col-sm-3 p-1">
  431. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  432. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  433. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  434. <!--[ NAME/ LINKS ]-->
  435. <a class="btn btn-block btn-secondary text-uppercase" href="#" target="_blank">Name</a>
  436. <!--[ RELATIONSHIPS TABLE ]-->
  437. <table class="border-0 table-striped table-hover w-100 mt-1">
  438. <tr>
  439. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  440. </tr>
  441. <tr>
  442. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  443. </tr>
  444. <tr>
  445. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  446. </tr>
  447. <tr>
  448. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  449. </tr>
  450. </table>
  451. </div>
  452. </div>
  453. <!--[ ROW 01: CHARACTER 04 (COLUMN 04; RIGHT) ]-->
  454. <div class="col-sm-3 p-1">
  455. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  456. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  457. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  458. <!--[ NAME/ LINKS ]-->
  459. <a class="btn btn-block btn-secondary text-uppercase" href="#" target="_blank">Name</a>
  460. <!--[ RELATIONSHIPS TABLE ]-->
  461. <table class="border-0 table-striped table-hover w-100 mt-1">
  462. <tr>
  463. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  464. </tr>
  465. <tr>
  466. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  467. </tr>
  468. <tr>
  469. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  470. </tr>
  471. <tr>
  472. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  473. </tr>
  474. </table>
  475. </div>
  476. </div>
  477. </div>
  478. <!--[ ROW 02 ]-->
  479. <div class="row">
  480. <!--[ ROW 02: CHARACTER 01 (COLUMN 01; LEFT) ]-->
  481. <div class="col-sm-3 p-1">
  482. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  483. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  484. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  485. <!--[ NAME/ LINKS ]-->
  486. <a class="btn btn-block btn-secondary text-uppercase" href="#" target="_blank">Name</a>
  487. <!--[ RELATIONSHIPS TABLE ]-->
  488. <table class="border-0 table-striped table-hover w-100 mt-1">
  489. <tr>
  490. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  491. </tr>
  492. <tr>
  493. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  494. </tr>
  495. <tr>
  496. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  497. </tr>
  498. <tr>
  499. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  500. </tr>
  501. </table>
  502. </div>
  503. </div>
  504. <!--[ ROW 02: CHARACTER 02 (COLUMN 02; MIDDLE LEFT) ]-->
  505. <div class="col-sm-3 p-1">
  506. <div class="card bg-faded p-1" style="height:350px; overflow:auto;">
  507. <!--[ ICON: For best results, make sure your image is a square (1:1 ratio) ]-->
  508. <img class="rounded-circle mx-auto my-2" style="width:135px;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
  509. <!--[ NAME/ LINKS ]-->
  510. <a class="btn btn-block btn-secondary text-uppercase" href="#" target="_blank">Name</a>
  511. <!--[ RELATIONSHIPS TABLE ]-->
  512. <table class="border-0 table-striped table-hover w-100 mt-1">
  513. <tr>
  514. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  515. </tr>
  516. <tr>
  517. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  518. </tr>
  519. <tr>
  520. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  521. </tr>
  522. <tr>
  523. <td><b class="text-uppercase">RELATION:</b> <a href="#" target="_blank">Name</a></td>
  524. </tr>
  525. </table>
  526. </div>
  527. </div>
  528. <a class="pull-right text-muted text-uppercase mr-1" style="font-weight:lighter; font-size:12px;" href="https://toyhou.se/6159153.relationships-table">Code by AviCode</a>
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!