API tools faq
paste
Advertisement
Gakipper

Links*6 w/ picture on the basic tab

Gakipper
Nov 17th, 2018
616
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.93 KB | None | 0 0
raw download clone embed print report
  1. <div class="container">
  2. <div class="row">
  3. <!------------------ COLUMN 1 --------------------->
  4. <div class="col-lg-2">
  5. <div class="tab-content">
  6. <!------------------ TAB ROWS ------------------->
  7. <div class="col-lg-2">
  8.  
  9. <ul class="nav nav-pills nav-justified row" style="margin-bottom:5px;">
  10. <li class="nav-item col-sm-6"><a class="nav-link active" data-toggle="tab" href="#ONE" style="background:#BFD1E1;color:#fff;height:50px;width:150px;margin-bottom:5px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">BASICS</span></a></li>
  11. <li class="nav-item col-sm-6"><a class="nav-link" data-toggle="tab" href="#TWO" style="background:#BFD1E1;color:#fff;height:50px;width:150px;margin-bottom:5px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">DEV.</span></a></li>
  12. <li class="nav-item col-sm-6"><a class="nav-link" data-toggle="tab" href="#THREE" style="background:#BFD1E1;color:#fff;height:50px;width:150px;margin-bottom:5px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">STORY</span></a></li>
  13. <li class="nav-item col-sm-6"><a class="nav-link" data-toggle="tab" href="#FOUR" style="background:#BFD1E1;color:#fff;height:50px;width:150px;margin-bottom:5px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">STATS</span></a></li>
  14. <li class="nav-item col-sm-6"><a class="nav-link" data-toggle="tab" href="#FIVE" style="background:#BFD1E1;color:#fff;height:50px;width:150px;margin-bottom:5px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">TRIVIAS</span></a></li>
  15. <li class="nav-item col-sm-6"><a class="nav-link" data-toggle="tab" href="#SIX" style="background:#BFD1E1;color:#fff;height:50px;width:150px;margin-bottom:5px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">RELATIONS</span></a></li>
  16. </ul>
  17. </div>
  18. </div>
  19. </div>
  20. <!------------------ COLUMN 2 - YOU CAN INSERT BG IMAGE BY CHANGING THE URL --------------------->
  21. <div class="col-lg-10">
  22. <div class="card p-2" style="height:325px; background:url(https://images.unsplash.com/photo-1485802637741-ca8dcf344e48?ixlib=rb-0.3.5&s=5266a7d63c0f7ac44ccbf312779cf460&auto=format&fit=crop&w=1868&q=80); border:0px;">
  23. <div class="card p-0" style="background-color:#fff; border:0px; color:black;">
  24. <div class="tab-content">
  25. <!------------------ TAB1 ------------------->
  26. <div class="tab-pane fade in card-block pb-0 table-responsive active show" id="ONE" style="background:none;height:305px;">
  27.  
  28. <table style="width: 100%;">
  29. <tbody>
  30. <tr>
  31. <td style="width: 19.9074%; text-align: right; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">NAME</span></td>
  32. <td style="width: 20.0926%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="font-size: 12px;">...</span></td>
  33. <td style="width: 20%; text-align: right; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 14px;">SPECIE</span></td>
  34. <td style="width: 20%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="font-size: 12px;">...</span></td>
  35. <!--------IMAGE HERE--------->
  36. <td rowspan="7" style="width: 20.0231%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><img src="https://file.toyhou.se/images/6580482_7LFhpIPBwaEidna.png" class="fr-fic fr-dib" width="156" height="227"></td>
  37. </tr>
  38. <tr>
  39. <td style="text-align: right; width: 19.9074%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">NICKNAMES</span></td>
  40. <td style="width: 20.0926%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="font-size: 12px;">...</span></td>
  41. <td style="text-align: right; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; width: 20%;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">ETHNICITY</span></td>
  42. <td style="border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; width: 20%;"><span style="font-size: 12px;">...</span></td>
  43. </tr>
  44. <tr>
  45. <td style="width: 19.9074%; text-align: right; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">GENDER</span></td>
  46. <td style="width: 20.0926%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="font-size: 12px;">...</span></td>
  47. <td style="width: 20%; text-align: right; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">HEIGHT</span></td>
  48. <td style="width: 20%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="font-size: 12px;">...</span></td>
  49. </tr>
  50. <tr>
  51. <td style="width: 19.9074%; text-align: right; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">AGE</span></td>
  52. <td style="width: 20.0926%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="font-size: 12px;">...</span></td>
  53. <td style="width: 20%; text-align: right; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">WEIGHT</span></td>
  54. <td style="width: 20%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="font-size: 12px;">...</span></td>
  55. </tr>
  56. <tr>
  57. <td style="text-align: right; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; width: 19.9074%;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">DATE OF BIRTH</span></td>
  58. <td style="width: 20.0926%;"><span style="font-size: 12px;">...</span></td>
  59. <td style="text-align: right; width: 20%;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">OCCUPATION</span></td>
  60. <td style="border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; width: 20%;"><span style="font-size: 12px;">...</span></td>
  61. </tr>
  62. <tr>
  63. <td style="text-align: right; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; width: 19.9074%;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">ORIENTATION</span></td>
  64. <td style="border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; width: 20.0926%;"><span style="font-size: 12px;">...</span></td>
  65. <td style="text-align: right; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; width: 20%;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">THEME</span></td>
  66. <td style="border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; width: 20%;"><span style="font-size: 12px;">...</span></td>
  67. </tr>
  68. <tr>
  69. <td style="text-align: right; width: 19.9074%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">STATUS</span></td>
  70. <td style="width: 20.0926%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="font-size: 12px;">...</span></td>
  71. <td style="text-align: right; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; width: 20%;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">MOODBOARD</span></td>
  72. <td style="border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; width: 20%;"><span style="font-size: 12px;">...</span></td>
  73. </tr>
  74. </tbody>
  75. </table>
  76. </div>
  77. <!------------------ TAB2, INCLUDES PROGRESS BARS ------------------->
  78. <div class="tab-pane fade in card-block pb-0 table-responsive" id="TWO" style="background:none;height:305px;">
  79.  
  80. <p><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">➳ PERSONALITY</span></p>
  81.  
  82. <p><span style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae orci quam. Suspendisse interdum hendrerit lacinia. Sed vel sem consectetur, suscipit nunc a, accumsan arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent varius lorem odio, vel mattis ex consectetur a. Vestibulum consequat fringilla mi, ac cursus lacus sollicitudin non. Sed interdum lectus sit amet aliquam viverra. Morbi mattis semper ipsum nec tincidunt. Suspendisse pharetra, metus sit amet volutpat sagittis, augue massa faucibus metus, non bibendum nibh lectus eget turpis. Donec laoreet porttitor euismod. Integer faucibus eros ex, ut posuere leo elementum eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel tempus lectus, vel sagittis velit. Integer ullamcorper nunc eget turpis consectetur luctus.</span></p>
  83. <br>
  84.  
  85. <p><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">➳ TASTES</span></p>
  86.  
  87. <table style="width: 100%;">
  88. <tbody>
  89. <tr>
  90. <td style="width: 50%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; text-align: center;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;"><i class="far fa-heart"></i> LIKES <i class="far fa-heart"></i></span></td>
  91. <td style="width: 50%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; text-align: center;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;"><i class="fas fa-times"></i> DISLIKES <i class="fas fa-times"></i></span></td>
  92. </tr>
  93. <tr>
  94. <td style="width: 50%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; text-align: right;">
  95. <div style="text-align: center;"><span style="font-size: 12px;">...</span></div>
  96. <div style="text-align: center;"><span style="font-size: 12px;">...</span></div>
  97. <div style="text-align: center;"><span style="font-size: 12px;">...</span></div>
  98. <div style="text-align: center;"><span style="font-size: 12px;">...</span></div>
  99. </td>
  100. <td style="width: 50%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">
  101. <div style="text-align: center;"><span style="font-size: 12px;">...</span></div>
  102. <div style="text-align: center;"><span style="font-size: 12px;">...</span></div>
  103. <div style="text-align: center;"><span style="font-size: 12px;">...</span></div>
  104. <div style="text-align: center;"><span style="font-size: 12px;">...</span></div>
  105. </td>
  106. </tr>
  107. </tbody>
  108. </table>
  109. <br>
  110. </div>
  111. <!------------------ TAB3, INCLUDES IMAGE ------------------->
  112. <div class="tab-pane fade in card-block pb-0 table-responsive" id="THREE" style="background:none;height:305px;">
  113.  
  114. <p><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">➳ CHILDHOOD</span></p>
  115. <hr>
  116.  
  117. <p><span style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae orci quam. Suspendisse interdum hendrerit lacinia. Sed vel sem consectetur, suscipit nunc a, accumsan arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent varius lorem odio, vel mattis ex consectetur a. Vestibulum consequat fringilla mi, ac cursus lacus sollicitudin non. Sed interdum lectus sit amet aliquam viverra. Morbi mattis semper ipsum nec tincidunt. Suspendisse pharetra, metus sit amet volutpat sagittis, augue massa faucibus metus, non bibendum nibh lectus eget turpis. Donec laoreet porttitor euismod. Integer faucibus eros ex, ut posuere leo elementum eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel tempus lectus, vel sagittis velit. Integer ullamcorper nunc eget turpis consectetur luctus.</span></p>
  118. <br>
  119.  
  120. <p><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">➳ ADULTHOOD</span></p>
  121. <hr>
  122.  
  123. <p><span style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae orci &nbsp;quam. Suspendisse interdum hendrerit lacinia. Sed vel sem consectetur, &nbsp;suscipit nunc a, accumsan arcu. Vestibulum ante ipsum primis in faucibus &nbsp;orci luctus et ultrices posuere cubilia Curae; Praesent varius lorem &nbsp;odio, vel mattis ex consectetur a. Vestibulum consequat fringilla mi, ac &nbsp;cursus lacus sollicitudin non. Sed interdum lectus sit amet aliquam &nbsp;viverra. Morbi mattis semper ipsum nec tincidunt. Suspendisse pharetra, &nbsp;metus sit amet volutpat sagittis, augue massa faucibus metus, non &nbsp;bibendum nibh lectus eget turpis. Donec laoreet porttitor euismod. &nbsp;Integer faucibus eros ex, ut posuere leo elementum eleifend. Lorem ipsum &nbsp;dolor sit amet, consectetur adipiscing elit. Proin vel tempus lectus, &nbsp;vel sagittis velit. Integer ullamcorper nunc eget turpis consectetur &nbsp;luctus.</span></p>
  124.  
  125. <p>
  126. <br>
  127. </p><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">➳ PRESENT DAYS</span>
  128. <hr><span style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae orci &nbsp;quam. Suspendisse interdum hendrerit lacinia. Sed vel sem consectetur, &nbsp;suscipit nunc a, accumsan arcu. Vestibulum ante ipsum primis in faucibus &nbsp;orci luctus et ultrices posuere cubilia Curae; Praesent varius lorem &nbsp;odio, vel mattis ex consectetur a. Vestibulum consequat fringilla mi, ac &nbsp;cursus lacus sollicitudin non. Sed interdum lectus sit amet aliquam &nbsp;viverra. Morbi mattis semper ipsum nec tincidunt. Suspendisse pharetra, &nbsp;metus sit amet volutpat sagittis, augue massa faucibus metus, non &nbsp;bibendum nibh lectus eget turpis. Donec laoreet porttitor euismod. &nbsp;Integer faucibus eros ex, ut posuere leo elementum eleifend. Lorem ipsum &nbsp;dolor sit amet, consectetur adipiscing elit. Proin vel tempus lectus, &nbsp;vel sagittis velit. Integer ullamcorper nunc eget turpis consectetur &nbsp;luctus.</span>
  129.  
  130. <p>
  131. <br>
  132. </p>
  133. </div>
  134. <!------------------ TAB4 ------------------->
  135. <div class="tab-pane fade in card-block pb-0 table-responsive" id="FOUR" style="background:none;height:305px;">
  136.  
  137. <p><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">➳ STATISTICS</span></p>
  138. <hr>
  139.  
  140. <p>
  141. <br>
  142. </p>
  143.  
  144. <table style="width: 97%; margin-right: calc(3%);">
  145. <tbody>
  146. <tr>
  147. <td style="width: 11.2409%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; text-align: right; vertical-align: top;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">HEALTH</span></td>
  148. <td style="width: 39.2072%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; vertical-align: middle;">
  149. <div class="progress" style="background: #c9c9c9;">
  150. <div class="progress-bar" style="background: #BFD1E1; width:75%;">
  151. <br>
  152. </div>
  153. </div>
  154. </td>
  155. <td rowspan="7" style="width: 48.5401%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; text-align: center;">
  156. <br>
  157. </td>
  158. </tr>
  159. <tr>
  160. <td style="width: 11.2409%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; text-align: right;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">STAMINA</span></td>
  161. <td style="width: 39.2072%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">
  162. <div class="progress" style="background: #c9c9c9;">
  163. <div class="progress-bar" style="background: #BFD1E1; width:75%;">
  164. <br>
  165. </div>
  166. </div>
  167. </td>
  168. </tr>
  169. <tr>
  170. <td style="width: 11.2409%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; text-align: right;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">STRENGTH</span></td>
  171. <td style="width: 39.2072%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">
  172. <div class="progress" style="background: #c9c9c9;">
  173. <div class="progress-bar" style="background: #BFD1E1; width:75%;">
  174. <br>
  175. </div>
  176. </div>
  177. </td>
  178. </tr>
  179. <tr>
  180. <td style="width: 11.2409%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; text-align: right;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">POWER</span></td>
  181. <td style="width: 39.2072%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">
  182. <div class="progress" style="background: #c9c9c9;">
  183. <div class="progress-bar" style="background: #BFD1E1; width:75%;">
  184. <br>
  185. </div>
  186. </div>
  187. </td>
  188. </tr>
  189. <tr>
  190. <td style="width: 11.2409%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; text-align: right;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">SPEED</span></td>
  191. <td style="width: 39.2072%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">
  192. <div class="progress" style="background: #c9c9c9;">
  193. <div class="progress-bar" style="background: #BFD1E1; width:75%;">
  194. <br>
  195. </div>
  196. </div>
  197. </td>
  198. </tr>
  199. <tr>
  200. <td style="width: 11.2409%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; text-align: right;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">DEFENSE</span></td>
  201. <td style="width: 39.2072%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">
  202. <div class="progress" style="background: #c9c9c9;">
  203. <div class="progress-bar" style="background: #BFD1E1; width:75%;">
  204. <br>
  205. </div>
  206. </div>
  207. </td>
  208. </tr>
  209. <tr>
  210. <td style="width: 11.2409%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; text-align: right;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;">INTELLECT</span></td>
  211. <td style="width: 39.2072%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">
  212. <div class="progress" style="background: #c9c9c9;">
  213. <div class="progress-bar" style="background: #BFD1E1; width:75%;">
  214. <br>
  215. </div>
  216. </div>
  217. </td>
  218. </tr>
  219. </tbody>
  220. </table>
  221.  
  222. <p>
  223. <br>
  224. </p>
  225.  
  226. <p><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">➳ SKILLS</span></p>
  227. <hr>
  228.  
  229. <p style="margin-left: 80px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;"><strong>Skill.</strong> Level.</span></p>
  230.  
  231. <p style="margin-left: 80px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;"><strong>Skill.</strong> Level.&nbsp;</span></span>
  232. </p>
  233.  
  234. <p style="margin-left: 80px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;"><strong>Skill.</strong> Level.&nbsp;</span></span>
  235. </span>
  236. </p>
  237.  
  238. <p style="margin-left: 80px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;"><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 12px;"><strong>Skill.</strong> Level.</span></span>
  239. </span>
  240. </span>
  241. </p>
  242. </div>
  243. <!------------------ TAB5 ------------------->
  244. <div class="tab-pane fade in card-block pb-0 table-responsive" id="FIVE" style="background:none;height:305px;">
  245.  
  246. <p><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">➳ TRIVIAS &amp; FACTS</span></p>
  247. <hr>
  248.  
  249. <table style="width: 100%; margin-left: calc(0%);">
  250. <tbody>
  251. <tr>
  252. <td style="width: 50%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">
  253.  
  254. <ul style="list-style-type: circle;">
  255. <li><span style="font-size: 12px;">Trivia</span></li>
  256. <li><span style="font-size: 12px;">Trivia</span></li>
  257. <li><span style="font-size: 12px;">Trivia</span></li>
  258. <li><span style="font-size: 12px;">Trivia</span></li>
  259. <li><span style="font-size: 12px;">...</span></li>
  260. <li><span style="font-size: 12px;">...</span></li>
  261. <li><span style="font-size: 12px;">...</span></li>
  262. <li><span style="font-size: 12px;">...</span></li>
  263. </ul>
  264. </td>
  265. <td style="width: 50%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">
  266.  
  267. <ul style="list-style-type: circle;">
  268. <li><span style="font-size: 12px;">Trivia</span></li>
  269. <li><span style="font-size: 12px;">Trivia</span></li>
  270. <li><span style="font-size: 12px;">Trivia</span></li>
  271. <li><span style="font-size: 12px;">Trivia</span></li>
  272. <li><span style="font-size: 12px;">...</span></li>
  273. <li><span style="font-size: 12px;">...</span></li>
  274. <li><span style="font-size: 12px;">...</span></li>
  275. <li>...</li>
  276. </ul>
  277. </td>
  278. </tr>
  279. </tbody>
  280. </table>
  281. </div>
  282. <!------------------ TAB6 ------------------->
  283. <div class="tab-pane fade in card-block pb-0 table-responsive" id="SIX" style="background:none;height:305px;">
  284. <!------------------ IMAGE SIZE FOR RELATIONSHIPS MUST BE ADJUSTED MANUALLY. IMAGE IS ROUNDED------------------->
  285. <!------------------ COPY PASTE FROM HERE TO ADD CHARACTER ------------------->
  286.  
  287. <p><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">➳ CHARACTER NAME</span></p>
  288. <hr>
  289.  
  290. <table style="width: 100%;">
  291. <tbody>
  292. <tr>
  293. <td style="width: 23.9669%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; text-align: center;"><img src="https://file.toyhou.se/characters/1816143?1526004070" class="fr-fic fr-dib fr-rounded" width="186" height="186"></td>
  294. <td style="width: 75.915%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="font-size: 12px;">Relationship.</span></td>
  295. </tr>
  296. </tbody>
  297. </table>
  298. <br>
  299. <!------------------ COPY PASTE UP TO HERE TO ADD CHARACTER ------------------->
  300.  
  301. <p><span style="letter-spacing: 3px; padding-bottom: 10px; font-size: 20px;">➳ CHARACTER NAME</span></p>
  302. <hr>
  303.  
  304. <table style="width: 100%;">
  305. <tbody>
  306. <tr>
  307. <td style="width: 24.4392%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px; text-align: right;"><span style="font-size: 12px;"><img src="https://file.toyhou.se/characters/1816143?1526004070" class="fr-fic fr-dib fr-rounded" width="190" height="200"></span></td>
  308. <td style="width: 75.4427%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;"><span style="font-size: 12px;">Relationship.</span></td>
  309. </tr>
  310. </tbody>
  311. </table>
  312. <br>
  313. <!------------------ END OF THE RELATIONSHIP - COPY PASTE HERE THE CODE PART INDICATED ABOVE TO ADD CHARACTER ------------------->
  314.  
  315. <p>
  316. <br>
  317. </p>
  318. </div>
  319. </div>
  320. </div>
  321. </div>
  322. <!------------------ CREDIT DON'T REMOVE ------------------->
  323.  
  324. <p style="text-align: right;"><span style="font-size: 11px;">Code by @Gakipper</span></p>
  325. <!------------------ CREDIT DON'T REMOVE ------------------->
  326. </div>
  327. </div>
  328. </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!