API tools faq
paste
Advertisement
Guest User

Storylines F2U Code

a guest
Mar 11th, 2023
502
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 68.89 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <div class="container-fluid">
  3. <!------ MENU ------->
  4. <div class="col-lg-12 p-1">
  5. <div class="card border-1 rounded-2 p-1 h-100">
  6. <div class="card border-0 bg-faded rounded-2 p-1 h-100">
  7. <!------ NAVBAR ------->
  8.  
  9. <ul class="nav nav-pills nav-fill d-flex flex-wrap mb-1">
  10. <li class="nav-item p-1"><a class="nav-link btn btn-secondary border-0 text-muted text-uppercase show active" data-toggle="pill" href="#tab1"><span style="font-size: 0.85em; letter-spacing: 1.5px;">Story #1</span></a></li>
  11. <li class="nav-item p-1"><a class="nav-link btn btn-secondary border-0 text-muted text-uppercase show" data-toggle="pill" href="#tab2"><span style="font-size: 0.85em; letter-spacing: 1.5px;">Story #2</span></a></li>
  12. <li class="nav-item p-1"><a class="nav-link btn btn-secondary border-0 text-muted text-uppercase show" data-toggle="pill" href="#tab3"><span style="font-size: 0.85em; letter-spacing: 1.5px;">Story #3</span></a></li>
  13. <li class="nav-item p-1 "><a class="nav-link btn btn-secondary border-0 text-muted text-uppercase show" data-toggle="pill" href="#tab4"><span style="font-size: 0.85em; letter-spacing: 1.5px;">Story #4</span></a></li>
  14. </ul>
  15. <!------ NAVBAR END ------->
  16. </div>
  17. </div>
  18. </div>
  19. <!------ MENU END ------->
  20. <!--TAB CONTENT-->
  21. <div class="tab-content">
  22. <!------TAB 1 ----->
  23. <div class="tab-pane fade active show" id="tab1">
  24. <div class="row no-gutters justify-content-center">
  25. <!------ TITLE ------->
  26. <div class="col-lg-8 p-1">
  27. <div class="card border-1 rounded-2 p-1 h-100">
  28.  
  29. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2"><i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i> TITLE <i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i></h1>
  30. <div class="card border-0 bg-faded justify-content-center rounded-2 p-2">
  31. <div style="height: 370px; overflow: auto;">
  32. <div class="row justify-content-center no-gutters">
  33. <!-----Character----->
  34. <div class="col-auto p-1 text-center mb-2">
  35. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  36. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;PROTAGONIST&nbsp;</span></div>
  37. <!-----You can add more characters below this line!----->
  38. <!-----Character----->
  39. <div class="col-auto p-1 text-center mb-2">
  40. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  41. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  42. <!-----You can add more characters below this line!----->
  43. <!-----Character----->
  44. <div class="col-auto p-1 text-center mb-2">
  45. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  46. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  47. <!-----You can add more characters below this line!----->
  48. <!-----Character----->
  49. <div class="col-auto p-1 text-center mb-2">
  50. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  51. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;ANTAGONIST&nbsp;</span></div>
  52. <!-----You can add more characters below this line!----->
  53. <!-----Character----->
  54. <div class="col-auto p-1 text-center mb-2">
  55. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  56. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  57. </div>
  58. <!-----You can add more characters below this line!----->
  59. <!-----Character----->
  60. <div class="col-auto p-1 text-center mb-2">
  61. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  62. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  63. </div>
  64. <!-----You can add more characters below this line!----->
  65. <!-----Character----->
  66. <div class="col-auto p-1 text-center mb-2">
  67. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  68. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  69. </div>
  70. <!-----You can add more characters below this line!----->
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <!------ INFO ------->
  77. <div class="col-lg-4 p-1">
  78. <div class="card border-1 h-100 rounded-2 p-1">
  79.  
  80. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">INFO</h1>
  81. <div class="card h-100 border-0 bg-faded rounded-2 p-2">
  82. <div style="height: 370px; overflow: auto;">
  83.  
  84. <p class="justify-content-center text-center">Write your description here. This box scrolls.</p>
  85.  
  86. <p class="justify-content-center text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra, nunc et bibendum euismod, nulla magna porta tortor, quis varius mauris ipsum eu libero.</p>
  87.  
  88. <p class="justify-content-center text-center">Nam consequat sollicitudin dolor, quis mattis magna pellentesque ut. Phasellus porttitor nec augue ut tempor.</p>
  89.  
  90. <ul class="list-unstyled mb-0" style="text-align:left;">
  91. <li>
  92. <hr>
  93. </li>
  94. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  95. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  96. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  97. </ul>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <!------ TITLE ------->
  103. <div class="col-lg-8 p-1">
  104. <div class="card border-1 rounded-2 p-1 h-100">
  105.  
  106. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2"><i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i> TITLE <i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i></h1>
  107. <div class="card border-0 bg-faded justify-content-center rounded-2 p-2">
  108. <div style="height: 370px; overflow: auto;">
  109. <div class="row justify-content-center no-gutters">
  110. <!-----Character----->
  111. <div class="col-auto p-1 text-center mb-2">
  112. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  113. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;PROTAGONIST&nbsp;</span></div>
  114. <!-----You can add more characters below this line!----->
  115. <!-----Character----->
  116. <div class="col-auto p-1 text-center mb-2">
  117. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  118. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  119. <!-----You can add more characters below this line!----->
  120. <!-----Character----->
  121. <div class="col-auto p-1 text-center mb-2">
  122. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  123. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  124. <!-----You can add more characters below this line!----->
  125. <!-----Character----->
  126. <div class="col-auto p-1 text-center mb-2">
  127. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  128. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;ANTAGONIST&nbsp;</span></div>
  129. <!-----You can add more characters below this line!----->
  130. <!-----Character----->
  131. <div class="col-auto p-1 text-center mb-2">
  132. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  133. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  134. </div>
  135. <!-----You can add more characters below this line!----->
  136. <!-----Character----->
  137. <div class="col-auto p-1 text-center mb-2">
  138. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  139. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  140. </div>
  141. <!-----You can add more characters below this line!----->
  142. <!-----Character----->
  143. <div class="col-auto p-1 text-center mb-2">
  144. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  145. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  146. </div>
  147. <!-----You can add more characters below this line!----->
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. <!------ INFO ------->
  154. <div class="col-lg-4 p-1">
  155. <div class="card border-1 h-100 rounded-2 p-1">
  156.  
  157. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">INFO</h1>
  158. <div class="card h-100 border-0 bg-faded rounded-2 p-2">
  159. <div style="height: 370px; overflow: auto;">
  160.  
  161. <p class="justify-content-center text-center">Write your description here. This box scrolls.</p>
  162.  
  163. <p class="justify-content-center text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra, nunc et bibendum euismod, nulla magna porta tortor, quis varius mauris ipsum eu libero.</p>
  164.  
  165. <p class="justify-content-center text-center">Nam consequat sollicitudin dolor, quis mattis magna pellentesque ut. Phasellus porttitor nec augue ut tempor.</p>
  166.  
  167. <ul class="list-unstyled mb-0" style="text-align:left;">
  168. <li>
  169. <hr>
  170. </li>
  171. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  172. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  173. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  174. </ul>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <!------ TITLE ------->
  180. <div class="col-lg-8 p-1">
  181. <div class="card border-1 rounded-2 p-1 h-100">
  182.  
  183. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2"><i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i> TITLE <i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i></h1>
  184. <div class="card border-0 bg-faded justify-content-center rounded-2 p-2">
  185. <div style="height: 370px; overflow: auto;">
  186. <div class="row justify-content-center no-gutters">
  187. <!-----Character----->
  188. <div class="col-auto p-1 text-center mb-2">
  189. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  190. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;PROTAGONIST&nbsp;</span></div>
  191. <!-----You can add more characters below this line!----->
  192. <!-----Character----->
  193. <div class="col-auto p-1 text-center mb-2">
  194. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  195. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  196. <!-----You can add more characters below this line!----->
  197. <!-----Character----->
  198. <div class="col-auto p-1 text-center mb-2">
  199. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  200. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  201. <!-----You can add more characters below this line!----->
  202. <!-----Character----->
  203. <div class="col-auto p-1 text-center mb-2">
  204. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  205. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;ANTAGONIST&nbsp;</span></div>
  206. <!-----You can add more characters below this line!----->
  207. <!-----Character----->
  208. <div class="col-auto p-1 text-center mb-2">
  209. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  210. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  211. </div>
  212. <!-----You can add more characters below this line!----->
  213. <!-----Character----->
  214. <div class="col-auto p-1 text-center mb-2">
  215. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  216. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  217. </div>
  218. <!-----You can add more characters below this line!----->
  219. <!-----Character----->
  220. <div class="col-auto p-1 text-center mb-2">
  221. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  222. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  223. </div>
  224. <!-----You can add more characters below this line!----->
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  229. </div>
  230. <!------ INFO ------->
  231. <div class="col-lg-4 p-1">
  232. <div class="card border-1 h-100 rounded-2 p-1">
  233.  
  234. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">INFO</h1>
  235. <div class="card h-100 border-0 bg-faded rounded-2 p-2">
  236. <div style="height: 370px; overflow: auto;">
  237.  
  238. <p class="justify-content-center text-center">Write your description here. This box scrolls.</p>
  239.  
  240. <p class="justify-content-center text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra, nunc et bibendum euismod, nulla magna porta tortor, quis varius mauris ipsum eu libero.</p>
  241.  
  242. <p class="justify-content-center text-center">Nam consequat sollicitudin dolor, quis mattis magna pellentesque ut. Phasellus porttitor nec augue ut tempor.</p>
  243.  
  244. <ul class="list-unstyled mb-0" style="text-align:left;">
  245. <li>
  246. <hr>
  247. </li>
  248. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  249. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  250. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  251. </ul>
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. <!------ You can add more stories after this line ------->
  257. </div>
  258. </div>
  259. <!------ TAB 1 END ------->
  260. <!------TAB 2 ----->
  261. <div class="tab-pane fade" id="tab2">
  262. <div class="row no-gutters justify-content-center">
  263. <!------ TITLE ------->
  264. <div class="col-lg-8 p-1">
  265. <div class="card border-1 rounded-2 p-1 h-100">
  266.  
  267. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2"><i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i> TITLE <i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i></h1>
  268. <div class="card border-0 bg-faded justify-content-center rounded-2 p-2">
  269. <div style="height: 370px; overflow: auto;">
  270. <div class="row justify-content-center no-gutters">
  271. <!-----Character----->
  272. <div class="col-auto p-1 text-center mb-2">
  273. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  274. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;PROTAGONIST&nbsp;</span></div>
  275. <!-----You can add more characters below this line!----->
  276. <!-----Character----->
  277. <div class="col-auto p-1 text-center mb-2">
  278. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  279. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  280. <!-----You can add more characters below this line!----->
  281. <!-----Character----->
  282. <div class="col-auto p-1 text-center mb-2">
  283. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  284. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  285. <!-----You can add more characters below this line!----->
  286. <!-----Character----->
  287. <div class="col-auto p-1 text-center mb-2">
  288. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  289. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;ANTAGONIST&nbsp;</span></div>
  290. <!-----You can add more characters below this line!----->
  291. <!-----Character----->
  292. <div class="col-auto p-1 text-center mb-2">
  293. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  294. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  295. </div>
  296. <!-----You can add more characters below this line!----->
  297. <!-----Character----->
  298. <div class="col-auto p-1 text-center mb-2">
  299. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  300. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  301. </div>
  302. <!-----You can add more characters below this line!----->
  303. <!-----Character----->
  304. <div class="col-auto p-1 text-center mb-2">
  305. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  306. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  307. </div>
  308. <!-----You can add more characters below this line!----->
  309. </div>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. <!------ INFO ------->
  315. <div class="col-lg-4 p-1">
  316. <div class="card border-1 h-100 rounded-2 p-1">
  317.  
  318. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">INFO</h1>
  319. <div class="card h-100 border-0 bg-faded rounded-2 p-2">
  320. <div style="height: 370px; overflow: auto;">
  321.  
  322. <p class="justify-content-center text-center">Write your description here. This box scrolls.</p>
  323.  
  324. <p class="justify-content-center text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra, nunc et bibendum euismod, nulla magna porta tortor, quis varius mauris ipsum eu libero.</p>
  325.  
  326. <p class="justify-content-center text-center">Nam consequat sollicitudin dolor, quis mattis magna pellentesque ut. Phasellus porttitor nec augue ut tempor.</p>
  327.  
  328. <ul class="list-unstyled mb-0" style="text-align:left;">
  329. <li>
  330. <hr>
  331. </li>
  332. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  333. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  334. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  335. </ul>
  336. </div>
  337. </div>
  338. </div>
  339. </div>
  340. <!------ TITLE ------->
  341. <div class="col-lg-8 p-1">
  342. <div class="card border-1 rounded-2 p-1 h-100">
  343.  
  344. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2"><i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i> TITLE <i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i></h1>
  345. <div class="card border-0 bg-faded justify-content-center rounded-2 p-2">
  346. <div style="height: 370px; overflow: auto;">
  347. <div class="row justify-content-center no-gutters">
  348. <!-----Character----->
  349. <div class="col-auto p-1 text-center mb-2">
  350. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  351. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;PROTAGONIST&nbsp;</span></div>
  352. <!-----You can add more characters below this line!----->
  353. <!-----Character----->
  354. <div class="col-auto p-1 text-center mb-2">
  355. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  356. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  357. <!-----You can add more characters below this line!----->
  358. <!-----Character----->
  359. <div class="col-auto p-1 text-center mb-2">
  360. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  361. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  362. <!-----You can add more characters below this line!----->
  363. <!-----Character----->
  364. <div class="col-auto p-1 text-center mb-2">
  365. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  366. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;ANTAGONIST&nbsp;</span></div>
  367. <!-----You can add more characters below this line!----->
  368. <!-----Character----->
  369. <div class="col-auto p-1 text-center mb-2">
  370. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  371. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  372. </div>
  373. <!-----You can add more characters below this line!----->
  374. <!-----Character----->
  375. <div class="col-auto p-1 text-center mb-2">
  376. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  377. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  378. </div>
  379. <!-----You can add more characters below this line!----->
  380. <!-----Character----->
  381. <div class="col-auto p-1 text-center mb-2">
  382. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  383. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  384. </div>
  385. <!-----You can add more characters below this line!----->
  386. </div>
  387. </div>
  388. </div>
  389. </div>
  390. </div>
  391. <!------ INFO ------->
  392. <div class="col-lg-4 p-1">
  393. <div class="card border-1 h-100 rounded-2 p-1">
  394.  
  395. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">INFO</h1>
  396. <div class="card h-100 border-0 bg-faded rounded-2 p-2">
  397. <div style="height: 370px; overflow: auto;">
  398.  
  399. <p class="justify-content-center text-center">Write your description here. This box scrolls.</p>
  400.  
  401. <p class="justify-content-center text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra, nunc et bibendum euismod, nulla magna porta tortor, quis varius mauris ipsum eu libero.</p>
  402.  
  403. <p class="justify-content-center text-center">Nam consequat sollicitudin dolor, quis mattis magna pellentesque ut. Phasellus porttitor nec augue ut tempor.</p>
  404.  
  405. <ul class="list-unstyled mb-0" style="text-align:left;">
  406. <li>
  407. <hr>
  408. </li>
  409. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  410. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  411. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  412. </ul>
  413. </div>
  414. </div>
  415. </div>
  416. </div>
  417. <!------ TITLE ------->
  418. <div class="col-lg-8 p-1">
  419. <div class="card border-1 rounded-2 p-1 h-100">
  420.  
  421. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2"><i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i> TITLE <i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i></h1>
  422. <div class="card border-0 bg-faded justify-content-center rounded-2 p-2">
  423. <div style="height: 370px; overflow: auto;">
  424. <div class="row justify-content-center no-gutters">
  425. <!-----Character----->
  426. <div class="col-auto p-1 text-center mb-2">
  427. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  428. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;PROTAGONIST&nbsp;</span></div>
  429. <!-----You can add more characters below this line!----->
  430. <!-----Character----->
  431. <div class="col-auto p-1 text-center mb-2">
  432. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  433. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  434. <!-----You can add more characters below this line!----->
  435. <!-----Character----->
  436. <div class="col-auto p-1 text-center mb-2">
  437. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  438. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  439. <!-----You can add more characters below this line!----->
  440. <!-----Character----->
  441. <div class="col-auto p-1 text-center mb-2">
  442. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  443. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;ANTAGONIST&nbsp;</span></div>
  444. <!-----You can add more characters below this line!----->
  445. <!-----Character----->
  446. <div class="col-auto p-1 text-center mb-2">
  447. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  448. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  449. </div>
  450. <!-----You can add more characters below this line!----->
  451. <!-----Character----->
  452. <div class="col-auto p-1 text-center mb-2">
  453. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  454. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  455. </div>
  456. <!-----You can add more characters below this line!----->
  457. <!-----Character----->
  458. <div class="col-auto p-1 text-center mb-2">
  459. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  460. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  461. </div>
  462. <!-----You can add more characters below this line!----->
  463. </div>
  464. </div>
  465. </div>
  466. </div>
  467. </div>
  468. <!------ INFO ------->
  469. <div class="col-lg-4 p-1">
  470. <div class="card border-1 h-100 rounded-2 p-1">
  471.  
  472. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">INFO</h1>
  473. <div class="card h-100 border-0 bg-faded rounded-2 p-2">
  474. <div style="height: 370px; overflow: auto;">
  475.  
  476. <p class="justify-content-center text-center">Write your description here. This box scrolls.</p>
  477.  
  478. <p class="justify-content-center text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra, nunc et bibendum euismod, nulla magna porta tortor, quis varius mauris ipsum eu libero.</p>
  479.  
  480. <p class="justify-content-center text-center">Nam consequat sollicitudin dolor, quis mattis magna pellentesque ut. Phasellus porttitor nec augue ut tempor.</p>
  481.  
  482. <ul class="list-unstyled mb-0" style="text-align:left;">
  483. <li>
  484. <hr>
  485. </li>
  486. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  487. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  488. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  489. </ul>
  490. </div>
  491. </div>
  492. </div>
  493. </div>
  494. <!------ You can add more stories after this line ------->
  495. </div>
  496. </div>
  497. <!------ TAB 2 END ------->
  498. <!------TAB 3 ----->
  499. <div class="tab-pane fade" id="tab3">
  500. <div class="row no-gutters justify-content-center">
  501. <!------ TITLE ------->
  502. <div class="col-lg-8 p-1">
  503. <div class="card border-1 rounded-2 p-1 h-100">
  504.  
  505. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2"><i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i> TITLE <i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i></h1>
  506. <div class="card border-0 bg-faded justify-content-center rounded-2 p-2">
  507. <div style="height: 370px; overflow: auto;">
  508. <div class="row justify-content-center no-gutters">
  509. <!-----Character----->
  510. <div class="col-auto p-1 text-center mb-2">
  511. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  512. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;PROTAGONIST&nbsp;</span></div>
  513. <!-----You can add more characters below this line!----->
  514. <!-----Character----->
  515. <div class="col-auto p-1 text-center mb-2">
  516. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  517. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  518. <!-----You can add more characters below this line!----->
  519. <!-----Character----->
  520. <div class="col-auto p-1 text-center mb-2">
  521. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  522. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  523. <!-----You can add more characters below this line!----->
  524. <!-----Character----->
  525. <div class="col-auto p-1 text-center mb-2">
  526. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  527. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;ANTAGONIST&nbsp;</span></div>
  528. <!-----You can add more characters below this line!----->
  529. <!-----Character----->
  530. <div class="col-auto p-1 text-center mb-2">
  531. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  532. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  533. </div>
  534. <!-----You can add more characters below this line!----->
  535. <!-----Character----->
  536. <div class="col-auto p-1 text-center mb-2">
  537. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  538. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  539. </div>
  540. <!-----You can add more characters below this line!----->
  541. <!-----Character----->
  542. <div class="col-auto p-1 text-center mb-2">
  543. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  544. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  545. </div>
  546. <!-----You can add more characters below this line!----->
  547. </div>
  548. </div>
  549. </div>
  550. </div>
  551. </div>
  552. <!------ INFO ------->
  553. <div class="col-lg-4 p-1">
  554. <div class="card border-1 h-100 rounded-2 p-1">
  555.  
  556. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">INFO</h1>
  557. <div class="card h-100 border-0 bg-faded rounded-2 p-2">
  558. <div style="height: 370px; overflow: auto;">
  559.  
  560. <p class="justify-content-center text-center">Write your description here. This box scrolls.</p>
  561.  
  562. <p class="justify-content-center text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra, nunc et bibendum euismod, nulla magna porta tortor, quis varius mauris ipsum eu libero.</p>
  563.  
  564. <p class="justify-content-center text-center">Nam consequat sollicitudin dolor, quis mattis magna pellentesque ut. Phasellus porttitor nec augue ut tempor.</p>
  565.  
  566. <ul class="list-unstyled mb-0" style="text-align:left;">
  567. <li>
  568. <hr>
  569. </li>
  570. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  571. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  572. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  573. </ul>
  574. </div>
  575. </div>
  576. </div>
  577. </div>
  578. <!------ TITLE ------->
  579. <div class="col-lg-8 p-1">
  580. <div class="card border-1 rounded-2 p-1 h-100">
  581.  
  582. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2"><i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i> TITLE <i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i></h1>
  583. <div class="card border-0 bg-faded justify-content-center rounded-2 p-2">
  584. <div style="height: 370px; overflow: auto;">
  585. <div class="row justify-content-center no-gutters">
  586. <!-----Character----->
  587. <div class="col-auto p-1 text-center mb-2">
  588. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  589. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;PROTAGONIST&nbsp;</span></div>
  590. <!-----You can add more characters below this line!----->
  591. <!-----Character----->
  592. <div class="col-auto p-1 text-center mb-2">
  593. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  594. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  595. <!-----You can add more characters below this line!----->
  596. <!-----Character----->
  597. <div class="col-auto p-1 text-center mb-2">
  598. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  599. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  600. <!-----You can add more characters below this line!----->
  601. <!-----Character----->
  602. <div class="col-auto p-1 text-center mb-2">
  603. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  604. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;ANTAGONIST&nbsp;</span></div>
  605. <!-----You can add more characters below this line!----->
  606. <!-----Character----->
  607. <div class="col-auto p-1 text-center mb-2">
  608. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  609. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  610. </div>
  611. <!-----You can add more characters below this line!----->
  612. <!-----Character----->
  613. <div class="col-auto p-1 text-center mb-2">
  614. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  615. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  616. </div>
  617. <!-----You can add more characters below this line!----->
  618. <!-----Character----->
  619. <div class="col-auto p-1 text-center mb-2">
  620. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  621. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  622. </div>
  623. <!-----You can add more characters below this line!----->
  624. </div>
  625. </div>
  626. </div>
  627. </div>
  628. </div>
  629. <!------ INFO ------->
  630. <div class="col-lg-4 p-1">
  631. <div class="card border-1 h-100 rounded-2 p-1">
  632.  
  633. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">INFO</h1>
  634. <div class="card h-100 border-0 bg-faded rounded-2 p-2">
  635. <div style="height: 370px; overflow: auto;">
  636.  
  637. <p class="justify-content-center text-center">Write your description here. This box scrolls.</p>
  638.  
  639. <p class="justify-content-center text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra, nunc et bibendum euismod, nulla magna porta tortor, quis varius mauris ipsum eu libero.</p>
  640.  
  641. <p class="justify-content-center text-center">Nam consequat sollicitudin dolor, quis mattis magna pellentesque ut. Phasellus porttitor nec augue ut tempor.</p>
  642.  
  643. <ul class="list-unstyled mb-0" style="text-align:left;">
  644. <li>
  645. <hr>
  646. </li>
  647. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  648. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  649. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  650. </ul>
  651. </div>
  652. </div>
  653. </div>
  654. </div>
  655. <!------ TITLE ------->
  656. <div class="col-lg-8 p-1">
  657. <div class="card border-1 rounded-2 p-1 h-100">
  658.  
  659. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2"><i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i> TITLE <i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i></h1>
  660. <div class="card border-0 bg-faded justify-content-center rounded-2 p-2">
  661. <div style="height: 370px; overflow: auto;">
  662. <div class="row justify-content-center no-gutters">
  663. <!-----Character----->
  664. <div class="col-auto p-1 text-center mb-2">
  665. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  666. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;PROTAGONIST&nbsp;</span></div>
  667. <!-----You can add more characters below this line!----->
  668. <!-----Character----->
  669. <div class="col-auto p-1 text-center mb-2">
  670. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  671. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  672. <!-----You can add more characters below this line!----->
  673. <!-----Character----->
  674. <div class="col-auto p-1 text-center mb-2">
  675. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  676. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  677. <!-----You can add more characters below this line!----->
  678. <!-----Character----->
  679. <div class="col-auto p-1 text-center mb-2">
  680. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  681. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;ANTAGONIST&nbsp;</span></div>
  682. <!-----You can add more characters below this line!----->
  683. <!-----Character----->
  684. <div class="col-auto p-1 text-center mb-2">
  685. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  686. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  687. </div>
  688. <!-----You can add more characters below this line!----->
  689. <!-----Character----->
  690. <div class="col-auto p-1 text-center mb-2">
  691. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  692. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  693. </div>
  694. <!-----You can add more characters below this line!----->
  695. <!-----Character----->
  696. <div class="col-auto p-1 text-center mb-2">
  697. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  698. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  699. </div>
  700. <!-----You can add more characters below this line!----->
  701. </div>
  702. </div>
  703. </div>
  704. </div>
  705. </div>
  706. <!------ INFO ------->
  707. <div class="col-lg-4 p-1">
  708. <div class="card border-1 h-100 rounded-2 p-1">
  709.  
  710. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">INFO</h1>
  711. <div class="card h-100 border-0 bg-faded rounded-2 p-2">
  712. <div style="height: 370px; overflow: auto;">
  713.  
  714. <p class="justify-content-center text-center">Write your description here. This box scrolls.</p>
  715.  
  716. <p class="justify-content-center text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra, nunc et bibendum euismod, nulla magna porta tortor, quis varius mauris ipsum eu libero.</p>
  717.  
  718. <p class="justify-content-center text-center">Nam consequat sollicitudin dolor, quis mattis magna pellentesque ut. Phasellus porttitor nec augue ut tempor.</p>
  719.  
  720. <ul class="list-unstyled mb-0" style="text-align:left;">
  721. <li>
  722. <hr>
  723. </li>
  724. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  725. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  726. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  727. </ul>
  728. </div>
  729. </div>
  730. </div>
  731. </div>
  732. <!------ You can add more stories after this line ------->
  733. </div>
  734. </div>
  735. <!------ TAB 3 END ------->
  736. <!------TAB 4----->
  737. <div class="tab-pane fade" id="tab4">
  738. <div class="row no-gutters justify-content-center">
  739. <!------ TITLE ------->
  740. <div class="col-lg-8 p-1">
  741. <div class="card border-1 rounded-2 p-1 h-100">
  742.  
  743. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2"><i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i> TITLE <i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i></h1>
  744. <div class="card border-0 bg-faded justify-content-center rounded-2 p-2">
  745. <div style="height: 370px; overflow: auto;">
  746. <div class="row justify-content-center no-gutters">
  747. <!-----Character----->
  748. <div class="col-auto p-1 text-center mb-2">
  749. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  750. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;PROTAGONIST&nbsp;</span></div>
  751. <!-----You can add more characters below this line!----->
  752. <!-----Character----->
  753. <div class="col-auto p-1 text-center mb-2">
  754. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  755. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  756. <!-----You can add more characters below this line!----->
  757. <!-----Character----->
  758. <div class="col-auto p-1 text-center mb-2">
  759. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  760. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  761. <!-----You can add more characters below this line!----->
  762. <!-----Character----->
  763. <div class="col-auto p-1 text-center mb-2">
  764. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  765. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;ANTAGONIST&nbsp;</span></div>
  766. <!-----You can add more characters below this line!----->
  767. <!-----Character----->
  768. <div class="col-auto p-1 text-center mb-2">
  769. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  770. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  771. </div>
  772. <!-----You can add more characters below this line!----->
  773. <!-----Character----->
  774. <div class="col-auto p-1 text-center mb-2">
  775. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  776. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  777. </div>
  778. <!-----You can add more characters below this line!----->
  779. <!-----Character----->
  780. <div class="col-auto p-1 text-center mb-2">
  781. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  782. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  783. </div>
  784. <!-----You can add more characters below this line!----->
  785. </div>
  786. </div>
  787. </div>
  788. </div>
  789. </div>
  790. <!------ INFO ------->
  791. <div class="col-lg-4 p-1">
  792. <div class="card border-1 h-100 rounded-2 p-1">
  793.  
  794. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">INFO</h1>
  795. <div class="card h-100 border-0 bg-faded rounded-2 p-2">
  796. <div style="height: 370px; overflow: auto;">
  797.  
  798. <p class="justify-content-center text-center">Write your description here. This box scrolls.</p>
  799.  
  800. <p class="justify-content-center text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra, nunc et bibendum euismod, nulla magna porta tortor, quis varius mauris ipsum eu libero.</p>
  801.  
  802. <p class="justify-content-center text-center">Nam consequat sollicitudin dolor, quis mattis magna pellentesque ut. Phasellus porttitor nec augue ut tempor.</p>
  803.  
  804. <ul class="list-unstyled mb-0" style="text-align:left;">
  805. <li>
  806. <hr>
  807. </li>
  808. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  809. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  810. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  811. </ul>
  812. </div>
  813. </div>
  814. </div>
  815. </div>
  816. <!------ TITLE ------->
  817. <div class="col-lg-8 p-1">
  818. <div class="card border-1 rounded-2 p-1 h-100">
  819.  
  820. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2"><i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i> TITLE <i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i></h1>
  821. <div class="card border-0 bg-faded justify-content-center rounded-2 p-2">
  822. <div style="height: 370px; overflow: auto;">
  823. <div class="row justify-content-center no-gutters">
  824. <!-----Character----->
  825. <div class="col-auto p-1 text-center mb-2">
  826. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  827. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;PROTAGONIST&nbsp;</span></div>
  828. <!-----You can add more characters below this line!----->
  829. <!-----Character----->
  830. <div class="col-auto p-1 text-center mb-2">
  831. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  832. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  833. <!-----You can add more characters below this line!----->
  834. <!-----Character----->
  835. <div class="col-auto p-1 text-center mb-2">
  836. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  837. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  838. <!-----You can add more characters below this line!----->
  839. <!-----Character----->
  840. <div class="col-auto p-1 text-center mb-2">
  841. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  842. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;ANTAGONIST&nbsp;</span></div>
  843. <!-----You can add more characters below this line!----->
  844. <!-----Character----->
  845. <div class="col-auto p-1 text-center mb-2">
  846. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  847. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  848. </div>
  849. <!-----You can add more characters below this line!----->
  850. <!-----Character----->
  851. <div class="col-auto p-1 text-center mb-2">
  852. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  853. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  854. </div>
  855. <!-----You can add more characters below this line!----->
  856. <!-----Character----->
  857. <div class="col-auto p-1 text-center mb-2">
  858. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  859. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  860. </div>
  861. <!-----You can add more characters below this line!----->
  862. </div>
  863. </div>
  864. </div>
  865. </div>
  866. </div>
  867. <!------ INFO ------->
  868. <div class="col-lg-4 p-1">
  869. <div class="card border-1 h-100 rounded-2 p-1">
  870.  
  871. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">INFO</h1>
  872. <div class="card h-100 border-0 bg-faded rounded-2 p-2">
  873. <div style="height: 370px; overflow: auto;">
  874.  
  875. <p class="justify-content-center text-center">Write your description here. This box scrolls.</p>
  876.  
  877. <p class="justify-content-center text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra, nunc et bibendum euismod, nulla magna porta tortor, quis varius mauris ipsum eu libero.</p>
  878.  
  879. <p class="justify-content-center text-center">Nam consequat sollicitudin dolor, quis mattis magna pellentesque ut. Phasellus porttitor nec augue ut tempor.</p>
  880.  
  881. <ul class="list-unstyled mb-0" style="text-align:left;">
  882. <li>
  883. <hr>
  884. </li>
  885. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  886. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  887. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  888. </ul>
  889. </div>
  890. </div>
  891. </div>
  892. </div>
  893. <!------ TITLE ------->
  894. <div class="col-lg-8 p-1">
  895. <div class="card border-1 rounded-2 p-1 h-100">
  896.  
  897. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2"><i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i> TITLE <i class="fas fa-star font-weight-lighter ml-2">&nbsp;</i></h1>
  898. <div class="card border-0 bg-faded justify-content-center rounded-2 p-2">
  899. <div style="height: 370px; overflow: auto;">
  900. <div class="row justify-content-center no-gutters">
  901. <!-----Character----->
  902. <div class="col-auto p-1 text-center mb-2">
  903. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  904. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;PROTAGONIST&nbsp;</span></div>
  905. <!-----You can add more characters below this line!----->
  906. <!-----Character----->
  907. <div class="col-auto p-1 text-center mb-2">
  908. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  909. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  910. <!-----You can add more characters below this line!----->
  911. <!-----Character----->
  912. <div class="col-auto p-1 text-center mb-2">
  913. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  914. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;SIDEKICK&nbsp;</span></div>
  915. <!-----You can add more characters below this line!----->
  916. <!-----Character----->
  917. <div class="col-auto p-1 text-center mb-2">
  918. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  919. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;ANTAGONIST&nbsp;</span></div>
  920. <!-----You can add more characters below this line!----->
  921. <!-----Character----->
  922. <div class="col-auto p-1 text-center mb-2">
  923. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  924. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  925. </div>
  926. <!-----You can add more characters below this line!----->
  927. <!-----Character----->
  928. <div class="col-auto p-1 text-center mb-2">
  929. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  930. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  931. </div>
  932. <!-----You can add more characters below this line!----->
  933. <!-----Character----->
  934. <div class="col-auto p-1 text-center mb-2">
  935. <a href="LINK" id="" rel="noopener noreferrer" target="_blank"><img src="https://f2.toyhou.se/file/f2-toyhou-se/folders/1741636?1611993743" class="fr-fic fr-dii rounded-circle" width="150" height="150"></a>
  936. <br><span class="px-2 p-1 bg-dark text-white" style="border-radius: 8px; font-size: 14px ;">&nbsp;<span data-toggle="tooltip" title="side character"><i class="text-muted">SIDE CHARACTER</i></span>&nbsp;</span>
  937. </div>
  938. <!-----You can add more characters below this line!----->
  939. </div>
  940. </div>
  941. </div>
  942. </div>
  943. </div>
  944. <!------ INFO ------->
  945. <div class="col-lg-4 p-1">
  946. <div class="card border-1 h-100 rounded-2 p-1">
  947.  
  948. <h1 class="display-4 m-0 text-center text-muted text-uppercase p-2">INFO</h1>
  949. <div class="card h-100 border-0 bg-faded rounded-2 p-2">
  950. <div style="height: 370px; overflow: auto;">
  951.  
  952. <p class="justify-content-center text-center">Write your description here. This box scrolls.</p>
  953.  
  954. <p class="justify-content-center text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra, nunc et bibendum euismod, nulla magna porta tortor, quis varius mauris ipsum eu libero.</p>
  955.  
  956. <p class="justify-content-center text-center">Nam consequat sollicitudin dolor, quis mattis magna pellentesque ut. Phasellus porttitor nec augue ut tempor.</p>
  957.  
  958. <ul class="list-unstyled mb-0" style="text-align:left;">
  959. <li>
  960. <hr>
  961. </li>
  962. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  963. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  964. <li class="mb-2"><i class="far fa-star fa-fw"></i> note</li>
  965. </ul>
  966. </div>
  967. </div>
  968. </div>
  969. </div>
  970. <!------ You can add more stories after this line ------->
  971. </div>
  972. </div>
  973. <!------ TAB 4 END ------->
  974. <!------ TABS END ------->
  975. </div>
  976. </div>
  977. <!------ END ------->
  978.  
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!