API tools faq
paste
Advertisement
CrispinAsheYA

Strawberry Milk (BSWH)

CrispinAsheYA
Jan 15th, 2025 (edited)
10
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 114.78 KB | Source Code | 0 0
raw download clone embed print report
  1. <!-- PLEASE SEE HERE FOR MY CODE RULES: https://toyhou.se/12931952.bonus-content/17098747.03-terms-of-service --
  2.  
  3. Version: 1.6 (Playlist Updated)
  4.  
  5.  
  6. Default Colours
  7. -Highlight Colour: #FFB0B0
  8. -
  9. -Important Black: #000000
  10. -Important White: #FFFFFF
  11. -
  12. -Default Font-Awesome: fas fa-glass | fas fa-strawberry
  13.  
  14. Thank you for reading!
  15. Crispin
  16.  
  17. -->
  18.  
  19. <!------------------------------- START ACTUAL CODE -------------------------------->
  20. <div class="col-12 p-0" style="font-size:1.1rem; font-family:'comic sans ms'; background-color:#000000; border:#000000 4px solid;">
  21.  
  22. <!------------------------------- START HEADING -------------------------------->
  23. <div class="col-12 m-0 p-0" style="border:#000000 4px solid;">
  24. <div class="card rounded-0" style="background:url(#); background-position:center; background-size:cover; border:none;">
  25. <span class="text-center display-4 m-1 p-3" style="color:#FFFFFF; background:rgba(0,0,0,0.7);">
  26. <a href="https://toyhou.se/26239966.strawberry-milk" data-toggle="tooltip" title="Code by: TomcatCodes / CrispinAsheYA"><span style="color:#FFFFFF;"><i class="fas fa-glass fa-flip-horizontal"></i></span></a>
  27. # - #
  28. <a href="https://toyhou.se/26239966.strawberry-milk" data-toggle="tooltip" title="Code by: TomcatCodes / CrispinAsheYA"><span style="color:#FFFFFF;"><i class="fas fa-glass"></i></span></a>
  29. </span>
  30. </div>
  31. </div>
  32. <!------------------------------- END HEADING -------------------------------->
  33.  
  34. <!------------------------------- START TOP BUTTONS -------------------------------->
  35. <div class="col-12 m-0 p-0" style="position:sticky; top:0px; z-index:100;">
  36. <div class="col-12 p-0 m-0 text-center">
  37.  
  38. <ul class="nav nav-tabs card-header-tabs text-center row p-0 m-0">
  39. <li class="col-4 nav-item p-0 m-0"><a class="nav-link px-0" data-toggle="tab" href="#oneb" style="color:#FFFFFF; background-color:#FFB0B0; border:#000000 4px solid; border-radius:0px;">About</a></li>
  40. <li class="col-4 nav-item p-0 m-0"><a class="nav-link px-0" data-toggle="tab" href="#twob" style="color:#FFFFFF; background-color:#FFB0B0; border:#000000 4px solid; border-radius:0px;">Personality</a></li>
  41. <li class="col-4 nav-item p-0 m-0"><a class="nav-link px-0" data-toggle="tab" href="#threeb" style="color:#FFFFFF; background-color:#FFB0B0; border:#000000 4px solid; border-radius:0px;">Design</a></li>
  42. </ul>
  43. </div>
  44. </div>
  45. <!------------------------------- END TOP BUTTONS -------------------------------->
  46.  
  47. <!------------------------------- START MIDDLE -------------------------------->
  48. <div class="col-12 m-0 p-0">
  49.  
  50. <div class="row no-gutters">
  51.  
  52. <!------------------------------- START SIDE BUTTONS -------------------------------->
  53. <div class="col-12 p-0">
  54. <ul class="nav nav-tabs card-header-tabs row p-0 m-0" style="text-align:center;">
  55. <li class="col-6 col-lg-1 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#fourb" data-placement="bottom" data-original-title="Life Story" style="color:#FFFFFF; background:#FFB0B0; border:#000000 4px solid; border-radius:0px"><i class="fas fa-book-bookmark"></i></a></li>
  56. <li class="col-6 col-lg-1 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#tenb" data-placement="bottom" data-original-title="Identity" style="color:#FFFFFF; background:#FFB0B0; border:#000000 4px solid; border-radius:0px"><i class="fas fa-venus-mars"></i></a></li>
  57. <li class="col-6 col-lg-1 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#elevenb" data-placement="bottom" data-original-title="Inventory" style="color:#FFFFFF; background:#FFB0B0; border:#000000 4px solid; border-radius:0px"><i class="fas fa-flask-round-potion"></i></a></li>
  58. <li class="col-6 col-lg-1 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#twelveb" data-placement="bottom" data-original-title="Beliefs" style="color:#FFFFFF; background:#FFB0B0; border:#000000 4px solid; border-radius:0px"><i class="fas fa-ghost"></i></a></li>
  59. <li class="col-6 col-lg-1 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#thirteenb" data-placement="bottom" data-original-title="Demeanour" style="color:#FFFFFF; background:#FFB0B0; border:#000000 4px solid; border-radius:0px"><i class="fas fa-message"></i></a></li>
  60. <li class="col-6 col-lg-1 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#fourteenb" data-placement="bottom" data-original-title="Skills" style="color:#FFFFFF; background:#FFB0B0; border:#000000 4px solid; border-radius:0px"><i class="fas fa-violin"></i></a></li>
  61. <li class="col-6 col-lg-1 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#fifteenb" data-placement="bottom" data-original-title="Medical" style="color:#FFFFFF; background:#FFB0B0; border:#000000 4px solid; border-radius:0px"><i class="fas fa-briefcase-medical"></i></a></li>
  62. <li class="col-6 col-lg-1 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#fiveb" data-placement="bottom" data-original-title="Links" style="color:#FFFFFF; background:#FFB0B0; border:#000000 4px solid; border-radius:0px"><i class="fas fa-users"></i></a></li>
  63. <li class="col-6 col-lg-1 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#sixb" data-placement="bottom" data-original-title="Trivia" style="color:#FFFFFF; background:#FFB0B0; border:#000000 4px solid; border-radius:0px"><i class="fas fa-award"></i></a></li>
  64. <li class="col-6 col-lg-1 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#sevenb" data-placement="bottom" data-original-title="Headcanons" style="color:#FFFFFF; background:#FFB0B0; border:#000000 4px solid; border-radius:0px"><i class="fas fa-cannon"></i></a></li>
  65. <li class="col-6 col-lg-1 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#eightb" data-placement="bottom" data-original-title="Bonus" style="color:#FFFFFF; background:#FFB0B0; border:#000000 4px solid; border-radius:0px"><i class="fas fa-bell"></i></a></li>
  66. <li class="col-6 col-lg-1 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#nineb" data-placement="bottom" data-original-title="Slander" style="color:#FFFFFF; background:#FFB0B0; border:#000000 4px solid; border-radius:0px"><i class="fas fa-saxophone-fire"></i></a></li>
  67. </ul>
  68.  
  69. </div>
  70. <!------------------------------- END SIDE BUTTONS -------------------------------->
  71.  
  72. <!------------------------------- START PAGES -------------------------------->
  73. <div class="col-lg col-12 bg-faded" style="border:#000000 4px solid; border-radius:0px; z-index:50;">
  74.  
  75. <div class="tab-content">
  76.  
  77. <!------------------------------- START PAGE ONE -------------------------------->
  78. <div class="tab-pane active show" id="oneb">
  79.  
  80. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass fa-flip-horizontal"></i> ABOUT <i class="fas fa-glass"></i></div>
  81.  
  82. <div class="card bg-transparent p-4 border-0 rounded-0">
  83. <div class="row no-gutters">
  84.  
  85. <!------ Start Left Column ------>
  86. <div class="col-lg mr-lg-4 col-12 p-3">
  87.  
  88. <span style="color:#FFB0B0; font-size:1.4rem;">Overview</span><hr class="mt-1 mb-2">
  89. <p>???</p>
  90. <br>
  91.  
  92. <!----- Start Flags ----->
  93. <div class="col-12 my-2 mb-4 text-center">
  94. <div data-toggle="tooltip" title="Pastebinwon'tletmeusethisword" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#E65524,#E65524 20%,#FE9855 20%,#FE9855 40%,#FFD4B8 40%,#FFD4B8 60%,#E17684 60%,#E17684 80%,#C93B5F 80%); line-height:60px; width:80px; font-size:0px;">Censoredbypastebin</div>
  95.  
  96. <div data-toggle="tooltip" title="Gay" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#23918B,#23918B 20%,#5AC6D3 20%,#5AC6D3 40%,#CFEDF8 40%,#CFEDF8 60%,#71B4DA 60%,#71B4DA 80%,#1E5D89 80%);line-height:60px;width:80px; font-size:0px;">Gay</div>
  97.  
  98. <div data-toggle="tooltip" title="Bisexual" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#D70170,#D70170 40%,#AD358A 40%,#AD358A 60%,#432798 60%,#432798);line-height:60px;width:80px; font-size:0px;">Bi</div>
  99.  
  100. <div data-toggle="tooltip" title="Transgender" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#9BBFE1,#9BBFE1 20%,#F5A8BA 20%,#F5A8BA 40%,#FBDCE2 40%,#FBDCE2 60%,#F5A8BA 60%,#F5A8BA 80%,#9BBFE1 80%);line-height:60px;width:80px; font-size:0px;">Trans</div>
  101.  
  102. <div data-toggle="tooltip" title="Non-Binary" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#E1C363,#E1C363 25%,#E1CDF2 25%,#E1CDF2 50%,#9C58D3 50%,#9C58D3 75%,#301C41 75%,#301C41);line-height:60px;width:80px; font-size:0px;">NB</div>
  103.  
  104. <div data-toggle="tooltip" title="Demi-Girl" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#AA8C96,#AA8C96 14%,#D9BBC5 14%,#D9BBC5 28%,#FEAEC9 28%,#FEAEC9 42%,#FFE6F1 42%,#FFE6F1 56%, #FEAEC9 56%,#FEAEC9 70%, #D9BBC5 70%,#D9BBC5 84%,#AA8C96 84%);line-height:60px;width:80px; font-size:0px;">Demigirl</div>
  105.  
  106. <div data-toggle="tooltip" title="Demi-Boy" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#889BA2,#889BA2 14%,#B9CBD5 14%,#B9CBD5 28%,#9AD8ED 28%,#9AD8ED 42%,#E1F3FD 42%,#E1F3FD 56%, #9AD8ED 56%,#9AD8ED 70%, #B9CBD5 70%,#B9CBD5 84%,#889BA2 84%);line-height:60px;width:80px; font-size:0px;">Demiboy</div>
  107.  
  108. <div data-toggle="tooltip" title="Genderfluid" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#FF74A3,#FF74A3 20%,#FFD5E1 20%,#FFD5E1 40%,#D333C7 40%,#D333C7 60%,#4E2430 60%,#4E2430 80%,#734EB5 80%);line-height:60px;width:80px; font-size:0px;">Fluid</div>
  109.  
  110. <div data-toggle="tooltip" title="Asexual" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#230023,#230023 25%,#9B799A 25%,#9B799A 50%,#E1BCE1 50%,#E1BCE1 75%,#820083 75%,#820083);line-height:60px;width:80px; font-size:0px;">Ace</div>
  111.  
  112. <div data-toggle="tooltip" title="Aromantic" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#31B456,#31B456 20%,#9CCE6D 20%,#9CCE6D 40%,#E3F0D4 40%,#E3F0D4 60%,#A7B498 60%,#A7B498 80%,#323F23 80%);line-height:60px;width:80px; font-size:0px;">Aro</div>
  113.  
  114. <div data-toggle="tooltip" title="Aromantic-Asexual" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#E38C01,#E38C01 20%,#EBB701 20%,#EBB701 40%,#F7DCB1 40%,#F7DCB1 60%,#89A49B 60%,#89A49B 80%,#5C513B 80%);line-height:60px;width:80px; font-size:0px;">AroAce</div>
  115.  
  116. <div data-toggle="tooltip" title="Straight" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#2D4046,#2D4046 20%,#596C72 20%,#596C72 40%,#879AA0 40%,#879AA0 60%,#B4C7CD 60%,#B4C7CD 80%,#E1F4FA 80%);line-height:60px;width:80px; font-size:0px;">LiveLaughLove</div>
  117. </div><br>
  118. <!----- End Flags ----->
  119.  
  120. <span style="color:#FFB0B0; font-size:1.4rem;">Basic Info</span><hr class="mt-1 mb-2">
  121. <div class="row">
  122. <div class="col-12 text-center px-3">
  123. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Full Name</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  124. </div>
  125. <div class="col-lg-6 mr-lg-4 col-12 text-center px-3">
  126. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Species</p><hr style="flex-grow:1;"><a href="???"><span class="ml-2" style="color:#FFB0B0;">Coaster</span></a></div>
  127. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Birthday</p><hr style="flex-grow:1;"><span class="ml-2">??.??.??</span></div>
  128. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Age</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  129. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Gender</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  130. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Orientation</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  131. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Occupation</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  132. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Story Role</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  133. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Alignment</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  134. </div>
  135. <div class="col-lg col-12 text-center px-3">
  136. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Birthplace</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  137. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Resides</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  138. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Status</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  139. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Relationship</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  140. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Religion</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  141. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Ethnicity</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  142. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Race</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  143. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Voiceclaim</p><hr style="flex-grow:1;"><a href="???"><span class="ml-2" style="color:#FFB0B0;">???</span></a></div>
  144. </div>
  145. </div>
  146.  
  147. </div>
  148. <!------ End Left Column ------>
  149.  
  150. <!------ Start Right Column ------>
  151. <div class="col-lg-4 col-12">
  152. <div style="position:sticky; top:20px;">
  153.  
  154. <!------ Start Permissions ------>
  155. <div class="card bg-transparent border-0 rounded-0">
  156. <div class="row no-gutters text-center justify-content-between">
  157.  
  158. <!------ Start Badges ----->
  159. <div data-toggle="tooltip" title="Series: ???" class="d-inline-block my-2 border-0" style="color:#FFFFFF; line-height:35px; width:35px; background-color:#FFB0B0; border-radius:100%;"><i class="fas fa-strawberry"></i></div><br>
  160.  
  161. <div data-toggle="tooltip" title="Created By: CrispinAsheYA" class="d-inline-block my-2 border-0" style="color:#FFFFFF; line-height:35px; width:35px; background-color:#FFB0B0; border-radius:100%;"><i class="fas fa-user"></i></div><br>
  162.  
  163. <div data-toggle="tooltip" title="Designer: CrispinAsheYA" class="d-inline-block my-2 border-0" style="color:#FFFFFF; line-height:35px; width:35px; background-color:#FFB0B0; border-radius:100%;"><i class="fas fa-paintbrush"></i></div><br>
  164.  
  165. <div data-toggle="tooltip" title="Lore By: CrispinAsheYA" class="d-inline-block my-2 border-0" style="color:#FFFFFF; line-height:35px; width:35px; background-color:#FFB0B0; border-radius:100%;"><i class="fas fa-pen"></i></div><br>
  166.  
  167. <div data-toggle="tooltip" title="Headcanons: Open" class="d-inline-block my-2 border-0" style="color:#FFFFFF; line-height:35px; width:35px; background-color:#FFB0B0; border-radius:100%;"><i class="fas fa-thought-bubble"></i></div><br>
  168.  
  169. <div data-toggle="tooltip" title="Art: Open" class="d-inline-block my-2 border-0" style="color:#FFFFFF; line-height:35px; width:35px; background-color:#FFB0B0; border-radius:100%;"><i class="fas fa-paintbrush-pencil"></i></div><br>
  170.  
  171. <div data-toggle="tooltip" title="Roleplay: Friends Only" class="d-inline-block my-2 border-0" style="color:#FFFFFF; line-height:35px; width:35px; background-color:#FFB0B0; border-radius:100%;"><i class="fas fa-dice-d20"></i></div><br>
  172.  
  173. <div data-toggle="tooltip" title="Worth: Not For Sale" class="d-inline-block my-2 border-0" style="color:#FFFFFF; line-height:35px; width:35px; background-color:#FFB0B0; border-radius:100%;"><i class="fas fa-coins"></i></div><br>
  174. <!------ End Badge ----->
  175.  
  176. </div>
  177. </div>
  178. <!------ End Permissions ------>
  179.  
  180. <!------ Start Images ------>
  181. <div class="tab-content container bg-dark text-center p-3">
  182.  
  183. <div class="tab-pane active" id="form1">
  184. <img src="???" style="width:300px;">
  185. </div>
  186.  
  187. <div class="tab-pane fade" id="form2">
  188. <img src="???" style="width:300px;">
  189. </div>
  190.  
  191. </div>
  192. <!------ End Images ------>
  193.  
  194. <ul class="nav nav-tabs card-header-tabs text-center row p-0 m-0" style="border:#000000 2px solid; border-radius:0px;">
  195. <li class="col-lg-6 col-12 nav-item p-0 m-0"><a class="nav-link h-100 px-0" data-toggle="tab" href="#form1" style="color:#FFFFFF; background-color:#FFB0B0; border:#000000 2px solid; border-radius:0px;">Formal (Default)</a></li>
  196. <li class="col-lg-6 col-12 nav-item p-0 m-0"><a class="nav-link h-100 px-0" data-toggle="tab" href="#form2" style="color:#FFFFFF; background-color:#FFB0B0; border:#000000 2px solid; border-radius:0px;">Casual</a></li>
  197. </ul>
  198.  
  199. </div>
  200. </div>
  201. <!------ End Right Column ------>
  202.  
  203. </div>
  204. </div>
  205.  
  206. </div>
  207. <!------------------------------- END PAGE ONE -------------------------------->
  208.  
  209. <!------------------------------- START PAGE TWO -------------------------------->
  210. <div class="tab-pane fade" id="twob">
  211.  
  212. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass fa-flip-horizontal"></i> PERSONALITY <i class="fas fa-glass"></i></div>
  213.  
  214. <div class="card bg-transparent p-4 border-0 rounded-0">
  215. <div class="row no-gutters">
  216.  
  217. <!------ Start Left Column ------>
  218. <div class="col-lg mr-lg-4 col-12 p-3">
  219.  
  220. <span style="color:#FFB0B0; font-size:1.4rem;">Overview</span><hr class="mt-1 mb-2">
  221. <p>???</p>
  222. <br>
  223.  
  224. <div class="row">
  225. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  226. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Likes</span><hr class="mt-1 mb-2">
  227. <ul>
  228. <li>???</li>
  229. <li>???</li>
  230. <li>???</li>
  231. </ul>
  232. </div>
  233. <div class="col-lg col-12 my-2 mx-lg-2 p-3">
  234. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Dislikes</span><hr class="mt-1 mb-2">
  235. <ul>
  236. <li>???</li>
  237. <li>???</li>
  238. <li>???</li>
  239. </ul>
  240. </div>
  241. </div><div class="row">
  242. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  243. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Goals</span><hr class="mt-1 mb-2">
  244. <ul>
  245. <li>???</li>
  246. <li>???</li>
  247. <li>???</li>
  248. </ul>
  249. </div>
  250. <div class="col-lg col-12 my-2 mx-lg-2 p-3">
  251. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Dreams</span><hr class="mt-1 mb-2">
  252. <ul>
  253. <li>???</li>
  254. <li>???</li>
  255. <li>???</li>
  256. </ul>
  257. </div>
  258. </div><div class="row">
  259. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  260. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Regular Fears</span><hr class="mt-1 mb-2">
  261. <ul>
  262. <li>???</li>
  263. <li>???</li>
  264. <li>???</li>
  265. </ul>
  266. </div><div class="col-lg col-12 my-2 mx-lg-2 p-3">
  267. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Traumatic Fears</span><hr class="mt-1 mb-2">
  268. <ul>
  269. <li>???</li>
  270. <li>???</li>
  271. <li>???</li>
  272. </ul>
  273. </div>
  274. </div><div class="row">
  275. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  276. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Strengths</span><hr class="mt-1 mb-2">
  277. <ul>
  278. <li>???</li>
  279. <li>???</li>
  280. <li>???</li>
  281. </ul>
  282. </div>
  283. <div class="col-lg col-12 my-2 mx-lg-2 p-3">
  284. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Weaknesses</span><hr class="mt-1 mb-2">
  285. <ul>
  286. <li>???</li>
  287. <li>???</li>
  288. <li>???</li>
  289. </ul>
  290. </div>
  291. </div><br>
  292.  
  293. <span style="color:#FFB0B0; font-size:1.4rem;">Secrets</span><hr class="mt-1 mb-2">
  294. <ul>
  295. <li><span style="color:#FFB0B0; font-weight:bold;">???</span> - ???</li>
  296. <li><span style="color:#FFB0B0; font-weight:bold;">???</span> - ???</li>
  297. <li><span style="color:#FFB0B0; font-weight:bold;">???</span> - ???</li>
  298. </ul>
  299. <br>
  300.  
  301. <span style="color:#FFB0B0; font-size:1.4rem;">Hobbies And Pass Times</span><hr class="mt-1 mb-2">
  302.  
  303. <!----- Start Hobby ----->
  304. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  305. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  306. <img src="???">
  307. </div>
  308. </div><div class="col-12 col-lg-10">
  309. <span style="color:#FFB0B0; font-size:1.4rem;">???</span><span class="pull-right" style="color:#FFB0B0; font-size:1.4rem;">???/5</span><hr class="mt-0 mb-2">
  310. <p>???</p>
  311. </div></div>
  312. <!----- End Hobby ----->
  313.  
  314. <!----- Start Hobby ----->
  315. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  316. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  317. <img src="???">
  318. </div>
  319. </div><div class="col-12 col-lg-10">
  320. <span style="color:#FFB0B0; font-size:1.4rem;">???</span><span class="pull-right" style="color:#FFB0B0; font-size:1.4rem;">???/5</span><hr class="mt-0 mb-2">
  321. <p>???</p>
  322. </div></div>
  323. <!----- End Hobby ----->
  324.  
  325. <!----- Start Hobby ----->
  326. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  327. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  328. <img src="???">
  329. </div>
  330. </div><div class="col-12 col-lg-10">
  331. <span style="color:#FFB0B0; font-size:1.4rem;">???</span><span class="pull-right" style="color:#FFB0B0; font-size:1.4rem;">???/5</span><hr class="mt-0 mb-2">
  332. <p>???</p>
  333. </div></div>
  334. <!----- End Hobby ----->
  335.  
  336. </div>
  337. <!------ End Left Column ------>
  338.  
  339. <!------ Start Right Column ------>
  340. <div class="col-lg-4 col-12">
  341. <div style="position:sticky; top:20px;">
  342. <div class="container bg-dark text-white p-3">
  343.  
  344. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Type</span><hr class="mt-1 mb-2">
  345. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">MBTI</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  346. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Enneagram</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  347. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Western Zodiac</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  348. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Eastern Zodiac</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  349. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Birth-Flower</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  350. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Birth-Stone</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  351. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Hogwarts House</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  352. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Blood-Type</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  353. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Triforce-Piece</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  354.  
  355. <span class="justify-content-center pt-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Favourites</span><hr class="mt-1 mb-2">
  356. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  357. <p class="mr-2" style="flex-grow:0;">Snack Food</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  358. </div>
  359. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  360. <p class="mr-2" style="flex-grow:0;">Meal</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  361. </div>
  362. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  363. <p class="mr-2" style="flex-grow:0;">Cold Drink</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  364. </div>
  365. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  366. <p class="mr-2" style="flex-grow:0;">Hot Drink</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  367. </div>
  368. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  369. <p class="mr-2" style="flex-grow:0;">Animal</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  370. </div>
  371. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  372. <p class="mr-2" style="flex-grow:0;">Colour</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  373. </div>
  374. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  375. <p class="mr-2" style="flex-grow:0;">Time Of Day</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  376. </div>
  377. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  378. <p class="mr-2" style="flex-grow:0;">Season</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  379. </div>
  380. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  381. <p class="mr-2" style="flex-grow:0;">Holiday</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  382. </div>
  383. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  384. <p class="mr-2" style="flex-grow:0;">Sport</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  385. </div>
  386. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  387. <p class="mr-2" style="flex-grow:0;">Song</p><hr style="flex-grow:1;"><span class="ml-2"><a href="???" style="color:#FFB0B0;">???</a></span>
  388. </div>
  389. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  390. <p class="mr-2" style="flex-grow:0;">Band</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  391. </div>
  392. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  393. <p class="mr-2" style="flex-grow:0;">Music Genre</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  394. </div>
  395. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  396. <p class="mr-2" style="flex-grow:0;">Book</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  397. </div>
  398. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  399. <p class="mr-2" style="flex-grow:0;">Film</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  400. </div>
  401. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  402. <p class="mr-2" style="flex-grow:0;">Book/Film Genre</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  403. </div>
  404.  
  405. </div>
  406. </div>
  407. </div>
  408. <!------ End Right Column ------>
  409.  
  410. </div>
  411.  
  412. </div>
  413.  
  414. </div>
  415. <!------------------------------- END PAGE TWO -------------------------------->
  416.  
  417. <!------------------------------- START PAGE THREE -------------------------------->
  418. <div class="tab-pane fade" id="threeb">
  419.  
  420. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass"></i> DESIGN <i class="fas fa-glass"></i></div>
  421.  
  422. <div class="card bg-transparent p-4 border-0 rounded-0">
  423. <div class="row no-gutters">
  424.  
  425. <!------ Start Left Column ------>
  426. <div class="col-lg mr-lg-4 col-12 p-3">
  427.  
  428. <!----- Start Ref Sheet ----->
  429. <span style="color:#FFB0B0; font-size:1.4rem;">Reference Sheet</span><hr class="mt-1 mb-2">
  430. <div class="container bg-dark m-4 p-0 rounded-0" style="border:#FFB0B0 2px solid;" ><img src="???">
  431. <a href="https://toyhou.se/~images/64864407" data-toggle="tooltip" title="Full Size" style="position:absolute; top:5%; right:5%; color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-glass"></i></a>
  432. </div>
  433. <!----- End Ref Sheet ----->
  434.  
  435. <!----- Start Permissions ----->
  436. <div class="row px-1">
  437. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  438. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Do</span><hr class="mt-1 mb-2">
  439. <ul>
  440. <li>Global Permissions apply.</li>
  441. <li>NSFW is allowed.</li>
  442. </ul>
  443. </div>
  444. <div class="col-lg col-12 my-2 mx-lg-2 p-3">
  445. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Don't</span><hr class="mt-1 mb-2">
  446. <ul>
  447. <li>Global "Don't"s apply.</li>
  448. </ul>
  449. </div>
  450. </div><div class="row px-1">
  451. <div class="col-12 my-2 p-3">
  452. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Frequently Missed</span><hr class="mt-1 mb-2">
  453. <ul>
  454. <li>???</li>
  455. <li>???</li>
  456. <li>???</li>
  457. </ul>
  458. </div>
  459. <div class="col-12 my-2 p-3">
  460. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Other Notes</span><hr class="mt-1 mb-2">
  461. <ul>
  462. <li>Opposed to feminine clothing, won't wear it.</li>
  463. <li>Has one piercing. It's his right earlobe.</li>
  464. <li>Some of his body parts and accessories correlate to certain parts of his ride experience. Interacting with them can cause damage/changes to the rollercoaster itself. These are:</li>
  465. <ul>
  466. <li>His tie represents his drop.</li>
  467. <li>His sunarrow-downes represent his Top-Section before the drop.</li>
  468. </ul>
  469. </div>
  470. </div>
  471. <!----- End Permissions ----->
  472.  
  473. <!----- Start Favourite Images ----->
  474. <span style="color:#FFB0B0; font-size:1.4rem;">Favourite Images</span><hr class="mt-1 mb-2">
  475. <div class="row no-gutters">
  476. <div class="container bg-dark p-0 rounded-0" style="border:#FFB0B0 2px solid;" ><img src="???"></div>
  477. <div class="container bg-dark p-0 rounded-0" style="border:#FFB0B0 2px solid;" ><img src="???"></div>
  478. <div class="container bg-dark p-0 rounded-0" style="border:#FFB0B0 2px solid;" ><img src="???"></div>
  479. <div class="container bg-dark p-0 rounded-0" style="border:#FFB0B0 2px solid;" ><img src="???"></div>
  480. <div class="container bg-dark p-0 rounded-0" style="border:#FFB0B0 2px solid;" ><img src="???"></div>
  481. </div>
  482. <!----- End Favourite Images ----->
  483.  
  484. </div>
  485. <!------ End Left Column ------>
  486.  
  487. <!------ Start Right Column ------>
  488. <div class="col-lg-4 col-12">
  489. <div style="position:sticky; top:20px;">
  490. <div class="container bg-dark text-white p-3">
  491.  
  492. <span class="justify-content-center pb-1" style="color:#FFB0B0; font-size:1.4rem;">Hair</span><hr class="mt-1 mb-2">
  493. <div class="row m-2">
  494. <div class="col-12 mb-1 p-2 justify-content-between" style="color:#FFFFFF; background-color:#1E0F00; border:#000000 2px solid;"><span>Super Black</span><span>#1E0F00</span></div>
  495. </div>
  496.  
  497. <span class="justify-content-center pb-1" style="color:#FFB0B0; font-size:1.4rem;">Eyes</span><hr class="mt-1 mb-2">
  498. <div class="row m-2">
  499. <div class="col-12 mb-1 p-2 justify-content-between" style="color:#FFFFFF; background-color:#CE6800; border:#000000 2px solid;"><span>Curry Powder</span><span>#CE6800</span></div>
  500. </div>
  501.  
  502. <span class="justify-content-center pb-1" style="color:#FFB0B0; font-size:1.4rem;">Skintone</span><hr class="mt-1 mb-2">
  503. <div class="row m-2">
  504. <div class="col-12 mb-1 p-2 justify-content-between" style="color:#000000; background-color:#FFE1D1; border:#000000 2px solid;"><span>Powdered Peach</span><span>#FFE1D1</span></div>
  505. <div class="col-12 mb-1 p-2 justify-content-between" style="color:#FFFFFF; background-color:#FFBD9C; border:#000000 2px solid;"><span>Blushing Cinnamon</span><span>#FFBD9C</span></div>
  506. </div>
  507.  
  508. <span class="justify-content-center pb-1" style="color:#FFB0B0; font-size:1.4rem;">Clothes</span><hr class="mt-1 mb-2">
  509. <div class="row m-2">
  510. <div class="col-12 mb-1 p-2 justify-content-between" style="color:#FFFFFF; background-color:#D9B8A5; border:#000000 2px solid;"><span>Camel Hair</span><span>#D9B8A5</span></div>
  511. <div class="col-12 mb-1 p-2 justify-content-between" style="color:#FFFFFF; background-color:#CE6800; border:#000000 2px solid;"><span>Curry Powder</span><span>#CE6800</span></div>
  512. <div class="col-12 mb-1 p-2 justify-content-between" style="color:#FFFFFF; background-color:#1E0F00; border:#000000 2px solid;"><span>Super Black</span><span>#1E0F00</span></div>
  513. </div>
  514.  
  515. <span class="justify-content-center pb-1" style="color:#FFB0B0; font-size:1.4rem;">Accessories</span><hr class="mt-1 mb-2">
  516. <div class="row m-2">
  517. <div class="col-12 mb-1 p-2 justify-content-between" style="color:#FFFFFF; background-color:#CE6800; border:#000000 2px solid;"><span>Curry Powder</span><span>#CE6800</span></div>
  518. </div>
  519.  
  520. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Characteristics</span><hr class="mt-1 mb-2">
  521. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Hair-Type</p><hr style="flex-grow:1;"><span class="ml-2">Straight</span></div>
  522. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Hair-Length</p><hr style="flex-grow:1;"><span class="ml-2">Short</span></div>
  523. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Eye-Vibe</p><hr style="flex-grow:1;"><span class="ml-2">#</span></div>
  524. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Body-Type</p><hr style="flex-grow:1;"><span class="ml-2">Skinny</span></div>
  525. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Height</p><hr style="flex-grow:1;"><span class="ml-2">5"6</span></div>
  526. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Weight</p><hr style="flex-grow:1;"><span class="ml-2">#lbs / #KG</span></div>
  527. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Piercings</p><hr style="flex-grow:1;"><span class="ml-2">Yes</span></div>
  528. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Tattoos</p><hr style="flex-grow:1;"><span class="ml-2">None</span></div>
  529. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Clothing-Style</p><hr style="flex-grow:1;"><span class="ml-2">Business-Casual</span></div>
  530. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Presentation</p><hr style="flex-grow:1;"><span class="ml-2">Masculine/Feminine/Androgynous</span></div>
  531.  
  532. </div>
  533. </div>
  534. </div>
  535. <!------ End Right Column ------>
  536.  
  537. </div>
  538.  
  539. </div>
  540.  
  541. </div>
  542. <!------------------------------- END PAGE THREE -------------------------------->
  543.  
  544. <!------------------------------- START PAGE FOUR -------------------------------->
  545. <div class="tab-pane fade" id="fourb">
  546.  
  547. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass"></i> LIFE STORY <i class="fas fa-glass"></i></div>
  548.  
  549. <div class="card bg-transparent p-4 border-0 rounded-0">
  550.  
  551. <!------ Start Story Texts ------>
  552. <div class="col-12 p-3">
  553.  
  554. <span style="color:#FFB0B0; font-size:1.4rem;">Title - Ages 0-1 (199X-200X)</span><hr class="mt-1 mb-2">
  555. <p>???</p>
  556. <br>
  557.  
  558. </div>
  559. <!------ End Story Texts ------>
  560.  
  561. </div>
  562.  
  563. </div>
  564. <!------------------------------- END PAGE FOUR -------------------------------->
  565.  
  566. <!------------------------------- START PAGE FIVE -------------------------------->
  567. <div class="tab-pane fade" id="fiveb">
  568.  
  569. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass"></i> LINKS <i class="fas fa-glass"></i></div>
  570.  
  571. <div class="card bg-transparent p-4 border-0 rounded-0">
  572.  
  573. <!----- Start Buddy ----->
  574. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  575. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  576. <a data-toggle="tooltip" href="???"><img src="???"></a>
  577. </div>
  578. </div><div class="col-12 col-lg-10">
  579. <a href="???" style="color:#FFB0B0; font-size:1.4rem;">???</a><span class="pull-right" style="color:#FFB0B0; font-size:1.4rem;">???</span><hr class="mt-0 mb-2">
  580. <p>???</p>
  581. </div></div>
  582. <!----- End Buddy ----->
  583.  
  584. <!----- Start Buddy ----->
  585. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  586. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  587. <a data-toggle="tooltip" href="???"><img src="???"></a>
  588. </div>
  589. </div><div class="col-12 col-lg-10">
  590. <a href="???" style="color:#FFB0B0; font-size:1.4rem;">???</a><span class="pull-right" style="color:#FFB0B0; font-size:1.4rem;">???</span><hr class="mt-0 mb-2">
  591. <p>???</p>
  592. </div></div>
  593. <!----- End Buddy ----->
  594.  
  595. <!----- Start Buddy ----->
  596. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  597. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  598. <a data-toggle="tooltip" href="???"><img src="???"></a>
  599. </div>
  600. </div><div class="col-12 col-lg-10">
  601. <a href="???" style="color:#FFB0B0; font-size:1.4rem;">???</a><span class="pull-right" style="color:#FFB0B0; font-size:1.4rem;">???</span><hr class="mt-0 mb-2">
  602. <p>???</p>
  603. </div></div>
  604. <!----- End Buddy ----->
  605.  
  606. </div>
  607.  
  608. </div>
  609. <!------------------------------- END PAGE FIVE -------------------------------->
  610.  
  611. <!------------------------------- START PAGE SIX -------------------------------->
  612. <div class="tab-pane fade" id="sixb">
  613.  
  614. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass"></i> TRIVIA <i class="fas fa-glass"></i></div>
  615.  
  616. <div class="card bg-transparent p-4 border-0 rounded-0">
  617.  
  618. <!------ Start Trivia Texts ------>
  619. <div class="col-12 p-3">
  620.  
  621. <span style="color:#FFB0B0; font-size:1.4rem;">Interesting Facts / Canon Trivia</span><hr class="mt-1 mb-2">
  622. <ul>
  623. <li>None.</li>
  624. </ul>
  625. </ul>
  626. <br>
  627.  
  628. <span style="color:#FFB0B0; font-size:1.4rem;">"Word Of God" Trivia</span><hr class="mt-1 mb-2">
  629. <ul>
  630. <li>None.</li>
  631. </ul>
  632. <br>
  633.  
  634. <span style="color:#FFB0B0; font-size:1.4rem;">Developmental Trivia</span><hr class="mt-1 mb-2">
  635. <ul>
  636. <li>??? was created at (??:??) on ??.??.??.</li>
  637. <li>???'s Toyhouse title is "???", ???.</li>
  638. <li>??? First name meaning here ???</li>
  639. <ul>
  640. <li>???</li>
  641. </ul>
  642. </ul>
  643. <br>
  644.  
  645. <span style="color:#FFB0B0; font-size:1.4rem;">Real-Life Rollercoaster Trivia</span><hr class="mt-1 mb-2">
  646. <ul>
  647. <li>None / Remove.</li>
  648. </ul>
  649. <br>
  650.  
  651. <span style="color:#FFB0B0; font-size:1.4rem;">Retcons & Mistakes</span><hr class="mt-1 mb-2">
  652. <ul>
  653. <li>None.</li>
  654. </ul>
  655. <br>
  656.  
  657. <span style="color:#FFB0B0; font-size:1.4rem;">Worth Tracker</span><hr class="mt-1 mb-2">
  658. <ul>
  659. <li><span class="font-weight-bold">Current Worth Is: £17.50</span></li>
  660. <li>DD.MM.YYYY - Commissioned Person - Added £???</li>
  661. <li>DD.MM.YYYY - Made By @CrispinAsheYA - Starting Price £0</li>
  662. </ul>
  663. <br>
  664.  
  665. </div>
  666. <!------ End Trivia Texts ------>
  667.  
  668. </div>
  669.  
  670. </div>
  671. <!------------------------------- END PAGE SIX -------------------------------->
  672.  
  673. <!------------------------------- START PAGE SEVEN -------------------------------->
  674. <div class="tab-pane fade" id="sevenb">
  675.  
  676. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass"></i> HEADCANONS <i class="fas fa-glass"></i></div>
  677.  
  678. <div class="card bg-transparent p-4 border-0 rounded-0">
  679. <div class="col-12 p-3">
  680.  
  681. <!------ Start Headcanons ------>
  682. <span style="color:#FFB0B0; font-size:1.4rem;">Canon</span><hr class="mt-1 mb-2">
  683. <ul>
  684. <li><b>@???</b> - ???</li>
  685. <li><b>@???</b> - ???</li>
  686. <li><b>@???</b> - ???</li>
  687. </ul>
  688. <br>
  689.  
  690. <span style="color:#FFB0B0; font-size:1.4rem;">Maybe</span><hr class="mt-1 mb-2">
  691. <ul>
  692. <li><b>@???</b> - ???</li>
  693. <li><b>@???</b> - ???</li>
  694. <li><b>@???</b> - ???</li>
  695. </ul>
  696. <br>
  697.  
  698. <span style="color:#FFB0B0; font-size:1.4rem;">Not Canon</span><hr class="mt-1 mb-2">
  699. <ul>
  700. <li><b>@???</b> - ???</li>
  701. <li><b>@???</b> - ???</li>
  702. <li><b>@???</b> - ???</li>
  703. </ul>
  704. <br>
  705. <!------ End Headcanons ------>
  706.  
  707. </div>
  708. </div>
  709. </div>
  710. <!------------------------------- END PAGE SEVEN -------------------------------->
  711.  
  712. <!------------------------------- START PAGE EIGHT -------------------------------->
  713. <div class="tab-pane fade" id="eightb">
  714.  
  715. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass"></i> BONUS <i class="fas fa-glass"></i></div>
  716.  
  717. <div class="card bg-transparent p-4 border-0 rounded-0">
  718. <div class="row no-gutters">
  719.  
  720. <!------ Start Left Column ------>
  721. <div class="col-lg mr-lg-4 col-12 px-3">
  722.  
  723. <!------ Start Awards ------>
  724. <div class="col-12 container text-center mb-2 p-3">
  725. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Awards Cabinet</span><hr class="mt-1 mb-2">
  726. <div class="justify-content-center row no-gutters">
  727.  
  728. <!-- 11 Award -->
  729. <div class="tooltipster px-3 pb-3" title="【 Bean Water 】">
  730. <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/53113264_Bd2k12sBpXJQ56c.png" class="tooltipster" width="50" height="50" data-placement="bottom" title="This Character Participated In Artfight 2018!"></div>
  731. <!-- 11 Award -->
  732.  
  733. </div>
  734. </div>
  735. <!------ End Awards ------>
  736.  
  737. <!------ Start Moodboard ------>
  738. <div class="col-12 container my-2 p-3">
  739. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Moodboard</span><hr class="mt-1 mb-2">
  740.  
  741. <!---- Start Images ---->
  742. <div class="col-12 row mx-auto p-0" style="border:#000000 4px solid;">
  743. <div class="col-12 col-md-6 col-lg-4 m-0 p-0"><img src="???" style="height:250px; width:250px; border:#000000 4px solid;"></div>
  744. <div class="col-12 col-md-6 col-lg-4 m-0 p-0"><img src="???" style="height:250px; width:250px; border:#000000 4px solid;"></div>
  745. <div class="col-12 col-md-6 col-lg-4 m-0 p-0"><img src="???" style="height:250px; width:250px; border:#000000 4px solid;"></div>
  746. <div class="col-12 col-md-6 col-lg-4 m-0 p-0"><img src="???" style="height:250px; width:250px; border:#000000 4px solid;"></div>
  747. <div class="col-12 col-md-6 col-lg-4 m-0 p-0"><img src="???" style="height:250px; width:250px; border:#000000 4px solid;"></div>
  748. <div class="col-12 col-md-6 col-lg-4 m-0 p-0"><img src="???" style="height:250px; width:250px; border:#000000 4px solid;"></div>
  749. <div class="col-12 col-md-6 col-lg-4 m-0 p-0"><img src="???" style="height:250px; width:250px; border:#000000 4px solid;"></div>
  750. <div class="col-12 col-md-6 col-lg-4 m-0 p-0"><img src="???" style="height:250px; width:250px; border:#000000 4px solid;"></div>
  751. <div class="col-12 col-md-6 col-lg-4 m-0 p-0"><img src="???" style="height:250px; width:250px; border:#000000 4px solid;"></div>
  752. </div>
  753. <!---- End Images ---->
  754.  
  755. <!--- Start Credits -->
  756. <div class="m-0 py-2 text-center" style="background-color:#FFB0B0; border:#000000 4px solid; border-top:none;">
  757. <a href="???" data-toggle="tooltip" title="Moodboard Image 1 Source"><span style="color:#FFFFFF;"><i class="fas fa-strawberry fa-flip-horizontal"></i></span></a>
  758. <a href="???" data-toggle="tooltip" title="Moodboard Image 2 Source"><span style="color:#FFFFFF;"><i class="fas fa-strawberry fa-flip-horizontal"></i></span></a>
  759. <a href="???" data-toggle="tooltip" title="Moodboard Image 3 Source"><span style="color:#FFFFFF;"><i class="fas fa-strawberry fa-flip-horizontal"></i></span></a>
  760. <a href="???" data-toggle="tooltip" title="Moodboard Image 4 Source"><span style="color:#FFFFFF;"><i class="fas fa-strawberry fa-flip-horizontal"></i></span></a>
  761. <a href="???" data-toggle="tooltip" title="Moodboard Image 5 Source"><span style="color:#FFFFFF;"><i class="fas fa-glass fa-flip-horizontal"></i></span></a>
  762. <a href="???" data-toggle="tooltip" title="Moodboard Image 6 Source"><span style="color:#FFFFFF;"><i class="fas fa-strawberry"></i></span></a>
  763. <a href="???" data-toggle="tooltip" title="Moodboard Image 7 Source"><span style="color:#FFFFFF;"><i class="fas fa-strawberry"></i></span></a>
  764. <a href="???" data-toggle="tooltip" title="Moodboard Image 8 Source"><span style="color:#FFFFFF;"><i class="fas fa-strawberry"></i></span></a>
  765. <a href="???" data-toggle="tooltip" title="Moodboard Image 9 Source"><span style="color:#FFFFFF;"><i class="fas fa-strawberry"></i></span></a>
  766. </div>
  767. <!--- End Credits -->
  768.  
  769. </div>
  770. <!------ End Moodboard ------>
  771.  
  772. <!----- Start Kin/Inspo ----->
  773. <div class="col-12 container my-2 p-3">
  774. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Kin/Inspo List</span><hr class="mt-1 mb-2">
  775.  
  776. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  777. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  778. <a data-toggle="tooltip" href="???"><img src="???"></a>
  779. </div>
  780. </div><div class="col-12 col-lg-10">
  781. <a href="???" style="color:#FFB0B0;">???</a><span class="pull-right">???</span><hr class="mt-0 mb-2"><p>???</p>
  782. </div></div>
  783.  
  784. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  785. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  786. <a data-toggle="tooltip" href="???"><img src="???"></a>
  787. </div>
  788. </div><div class="col-12 col-lg-10">
  789. <a href="???" style="color:#FFB0B0;">???</a><span class="pull-right">???</span><hr class="mt-0 mb-2"><p>???</p>
  790. </div></div>
  791.  
  792. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  793. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  794. <a data-toggle="tooltip" href="???"><img src="???"></a>
  795. </div>
  796. </div><div class="col-12 col-lg-10">
  797. <a href="???" style="color:#FFB0B0;">???</a><span class="pull-right">???</span><hr class="mt-0 mb-2"><p>???</p>
  798. </div></div>
  799. </div>
  800. <!----- End Kin/Inspo ----->
  801.  
  802. <!------ Start Interview ----->
  803. <div class="col-12 container text-center my-2 p-3">
  804. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Interview</span><hr class="mt-1 mb-2">
  805. <h3><i>???</i></h3>
  806. <p>???</p><br>
  807. <h3><i>???</i></h3>
  808. <p>???</p><br>
  809. <h3><i>???</i></h3>
  810. <p>???</p><br>
  811. </div>
  812. <!------ End Interview ----->
  813.  
  814. </div>
  815. <!------ End Left Column ------>
  816.  
  817. <!------ Start Right Column ------>
  818. <div class="col-lg-4 col-12">
  819. <div style="position:sticky; top:20px;">
  820. <div class="container bg-dark text-white p-3">
  821.  
  822. <!------ Start Playlist ------>
  823. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Playlist</span><hr class="mt-1 mb-2">
  824.  
  825. <!-- Start Song -->
  826. <div class="text-center mx-auto p-3" style="max-width:300px;">
  827. <p style="color:#FFB0B0; font-weight:bold;">Title<br>Artist</p>
  828. <div class="card align-items-center justify-content-center rounded-0" style="overflow:hidden; max-width:400px; height:50px; background-color:#000000;"><i class="ml-1 fas fa-play" style="color:#FFFFFF;"></i>
  829. <iframe style="width:500%; height:500%; position:absolute; opacity:.001;"
  830.  
  831. src="https://www.youtube.com/embed/???"></iframe> <!-- Where the ??? is, put the "jN5CYnaZk6w" section of a youtube link found after the "watch?v=" -->
  832.  
  833. </div>
  834. <div class="pb-3"><a class="btn btn-block rounded-0" href="???" style="color:#FFFFFF; background-color:#FFB0B0;">Youtube Link</a></div>
  835. </div>
  836. <!-- End Song -->
  837.  
  838. <!-- Start Song -->
  839. <div class="text-center mx-auto p-3" style="max-width:300px;">
  840. <p style="color:#FFB0B0; font-weight:bold;">Title<br>Artist</p>
  841. <div class="card align-items-center justify-content-center rounded-0" style="overflow:hidden; max-width:400px; height:50px; background-color:#000000;"><i class="ml-1 fas fa-play" style="color:#FFFFFF;"></i>
  842. <iframe style="width:500%; height:500%; position:absolute; opacity:.001;"
  843.  
  844. src="https://www.youtube.com/embed/???"></iframe> <!-- Where the ??? is, put the "jN5CYnaZk6w" section of a youtube link found after the "watch?v=" -->
  845.  
  846. </div>
  847. <div class="pb-3"><a class="btn btn-block rounded-0" href="???" style="color:#FFFFFF; background-color:#FFB0B0;">Youtube Link</a></div>
  848. </div>
  849. <!-- End Song -->
  850.  
  851. <!-- Start Song -->
  852. <div class="text-center mx-auto p-3" style="max-width:300px;">
  853. <p style="color:#FFB0B0; font-weight:bold;">Title<br>Artist</p>
  854. <div class="card align-items-center justify-content-center rounded-0" style="overflow:hidden; max-width:400px; height:50px; background-color:#000000;"><i class="ml-1 fas fa-play" style="color:#FFFFFF;"></i>
  855. <iframe style="width:500%; height:500%; position:absolute; opacity:.001;"
  856.  
  857. src="https://www.youtube.com/embed/???"></iframe> <!-- Where the ??? is, put the "jN5CYnaZk6w" section of a youtube link found after the "watch?v=" -->
  858.  
  859. </div>
  860. <div class="pb-3"><a class="btn btn-block rounded-0" href="???" style="color:#FFFFFF; background-color:#FFB0B0;">Youtube Link</a></div>
  861. </div>
  862. <!-- End Song -->
  863.  
  864. <!------ End Playlist ------>
  865.  
  866. </div>
  867. </div>
  868. </div>
  869. <!------ End Right Column ------>
  870.  
  871. </div>
  872.  
  873. </div>
  874.  
  875. </div>
  876. <!------------------------------- END PAGE EIGHT -------------------------------->
  877.  
  878. <!------------------------------- START PAGE NINE -------------------------------->
  879. <div class="tab-pane fade" id="nineb">
  880.  
  881. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass"></i> SLANDER <i class="fas fa-glass"></i></div>
  882.  
  883. <div class="card bg-transparent p-4 border-0 rounded-0">
  884. <div class="col-12 p-3">
  885.  
  886. <!----- Start Images ----->
  887. <div class="container bg-dark p-0 rounded-0" style="border:#FFB0B0 2px solid;" ><img src="???"></div>
  888. <!----- End Images ----->
  889.  
  890. </div>
  891. </div>
  892. </div>
  893. <!------------------------------- END PAGE NINE -------------------------------->
  894.  
  895. <!------------------------------- START PAGE TEN -------------------------------->
  896. <div class="tab-pane fade" id="tenb">
  897.  
  898. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass"></i> IDENTITY <i class="fas fa-glass"></i></div>
  899.  
  900. <div class="card bg-transparent p-4 border-0 rounded-0">
  901. <div class="row no-gutters">
  902.  
  903. <!------ Start Left Column ------>
  904. <div class="col-lg mr-lg-4 col-12">
  905.  
  906. <!----- Start Heritage Percentages ----->
  907. <div class="col-12 container p-3">
  908. <span class="justify-content-center pb-1" style="color:#FFB0B0; font-size:1.4rem;">Heritage</span><hr class="mt-1 mb-2">
  909.  
  910. <div class="progress rounded-0 my-2" style="border:#000000 2px solid;">
  911. <div class="progress-bar p-2" style="height:36px; width:12.5%; background-color:#B00B69; border:#000000 2px solid; border-radius:0px;"></div>
  912. <div class="progress-bar p-2" style="height:36px; width:18.75%; background-color:#7544C7; border:#000000 2px solid; border-radius:0px;"></div>
  913. <div class="progress-bar p-2" style="height:36px; width:75%; background-color:#69B00B; border:#000000 2px solid; border-radius:0px;"></div>
  914. </div>
  915.  
  916. <div class="p-3">
  917. <div class="row my-1"><div class="mr-3" style="width:25px; height:25px; border:#000000 2px solid; background-color:#B00B69"></div><p>??? - 12.5% (Mother's Side)</p></div>
  918. <div class="row my-1"><div class="mr-3" style="width:25px; height:25px; border:#000000 2px solid; background-color:#7544C7"></div><p>??? - 18.75% (Mother's Side)</p></div>
  919. <div class="row my-1"><div class="mr-3" style="width:25px; height:25px; border:#000000 2px solid; background-color:#69B00B"></div><p>??? - 75% (Father's Side)</p></div>
  920. </div>
  921. </div>
  922. <!----- End Heritage Percentages ----->
  923.  
  924. <!----- Start Flags They Use ----->
  925. <div class="col-12 container mt-4 p-3">
  926. <span class="justify-content-center pb-1" style="color:#FFB0B0; font-size:1.4rem;">Flags They Use</span><hr class="mt-1 mb-2">
  927.  
  928. <!----- Start Flags ----->
  929. <div class="col-12 my-2 mb-4 text-center">
  930. <div data-toggle="tooltip" title="Lesbian" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#E65524,#E65524 20%,#FE9855 20%,#FE9855 40%,#FFD4B8 40%,#FFD4B8 60%,#E17684 60%,#E17684 80%,#C93B5F 80%); line-height:60px; width:80px; font-size:0px;">Lesbian</div>
  931.  
  932. <div data-toggle="tooltip" title="Gay" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#23918B,#23918B 20%,#5AC6D3 20%,#5AC6D3 40%,#CFEDF8 40%,#CFEDF8 60%,#71B4DA 60%,#71B4DA 80%,#1E5D89 80%);line-height:60px;width:80px; font-size:0px;">Gay</div>
  933.  
  934. <div data-toggle="tooltip" title="Bisexual" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#D70170,#D70170 40%,#AD358A 40%,#AD358A 60%,#432798 60%,#432798);line-height:60px;width:80px; font-size:0px;">Bi</div>
  935.  
  936. <div data-toggle="tooltip" title="Transgender" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#9BBFE1,#9BBFE1 20%,#F5A8BA 20%,#F5A8BA 40%,#FBDCE2 40%,#FBDCE2 60%,#F5A8BA 60%,#F5A8BA 80%,#9BBFE1 80%);line-height:60px;width:80px; font-size:0px;">Trans</div>
  937.  
  938. <div data-toggle="tooltip" title="Non-Binary" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#E1C363,#E1C363 25%,#E1CDF2 25%,#E1CDF2 50%,#9C58D3 50%,#9C58D3 75%,#301C41 75%,#301C41);line-height:60px;width:80px; font-size:0px;">NB</div>
  939.  
  940. <div data-toggle="tooltip" title="Demi-Girl" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#AA8C96,#AA8C96 14%,#D9BBC5 14%,#D9BBC5 28%,#FEAEC9 28%,#FEAEC9 42%,#FFE6F1 42%,#FFE6F1 56%, #FEAEC9 56%,#FEAEC9 70%, #D9BBC5 70%,#D9BBC5 84%,#AA8C96 84%);line-height:60px;width:80px; font-size:0px;">Demigirl</div>
  941.  
  942. <div data-toggle="tooltip" title="Demi-Boy" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#889BA2,#889BA2 14%,#B9CBD5 14%,#B9CBD5 28%,#9AD8ED 28%,#9AD8ED 42%,#E1F3FD 42%,#E1F3FD 56%, #9AD8ED 56%,#9AD8ED 70%, #B9CBD5 70%,#B9CBD5 84%,#889BA2 84%);line-height:60px;width:80px; font-size:0px;">Demiboy</div>
  943.  
  944. <div data-toggle="tooltip" title="Genderfluid" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#FF74A3,#FF74A3 20%,#FFD5E1 20%,#FFD5E1 40%,#D333C7 40%,#D333C7 60%,#4E2430 60%,#4E2430 80%,#734EB5 80%);line-height:60px;width:80px; font-size:0px;">Fluid</div>
  945.  
  946. <div data-toggle="tooltip" title="Asexual" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#230023,#230023 25%,#9B799A 25%,#9B799A 50%,#E1BCE1 50%,#E1BCE1 75%,#820083 75%,#820083);line-height:60px;width:80px; font-size:0px;">Ace</div>
  947.  
  948. <div data-toggle="tooltip" title="Aromantic" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#31B456,#31B456 20%,#9CCE6D 20%,#9CCE6D 40%,#E3F0D4 40%,#E3F0D4 60%,#A7B498 60%,#A7B498 80%,#323F23 80%);line-height:60px;width:80px; font-size:0px;">Aro</div>
  949.  
  950. <div data-toggle="tooltip" title="Aromantic-Asexual" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#E38C01,#E38C01 20%,#EBB701 20%,#EBB701 40%,#F7DCB1 40%,#F7DCB1 60%,#89A49B 60%,#89A49B 80%,#5C513B 80%);line-height:60px;width:80px; font-size:0px;">AroAce</div>
  951.  
  952. <div data-toggle="tooltip" title="Straight" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#2D4046,#2D4046 20%,#596C72 20%,#596C72 40%,#879AA0 40%,#879AA0 60%,#B4C7CD 60%,#B4C7CD 80%,#E1F4FA 80%);line-height:60px;width:80px; font-size:0px;">LiveLaughLove</div>
  953. </div><br>
  954. <!----- End Flags ----->
  955.  
  956. </div>
  957. <!----- End Flags They Use ----->
  958.  
  959. <!----- Start Attraction Table ----->
  960. <div class="col-12 container mt-4 p-3">
  961. <span class="justify-content-center pb-1" style="color:#FFB0B0; font-size:1.4rem;">Attraction Table</span><hr class="mt-1 mb-2">
  962.  
  963. <div class="col-12 row no-gutters p-3 mb-4">
  964. <div class="col-3 p-1 text-center"><p class="display-5 mb-4 text-center"><b>People</b></p><hr class="mt-1 mb-2">
  965. <div class="p-3 mb-2">Men</div>
  966. <div class="p-3 mb-2">Women</div>
  967. <div class="p-3 mb-2">Non-Binary</div>
  968. <div class="p-3 mb-2">Masculine</div>
  969. <div class="p-3 mb-2">Feminine</div>
  970. <div class="p-3 mb-2">Androgynous</div>
  971. </div>
  972. <div class="col-3 p-1 text-center"><p class="display-5 mb-4 text-center"><b>Aesthetic</b></p><hr class="mt-1 mb-2">
  973. <div class="p-3 mb-2"><span class="fas fa-check"></span></div>
  974. <div class="p-3 mb-2"><span class="fas fa-check"></span></div>
  975. <div class="p-3 mb-2"><span class="fas fa-check"></span></div>
  976. <div class="p-3 mb-2"><span class="fas fa-check"></span></div>
  977. <div class="p-3 mb-2"><span class="fas fa-check"></span></div>
  978. <div class="p-3 mb-2"><span class="fas fa-check"></span></div>
  979. </div>
  980. <div class="col-3 p-1 text-center"><p class="display-5 mb-4 text-center"><b>Romantic</b></p><hr class="mt-1 mb-2">
  981. <div class="p-3 mb-2"><span class="fas fa-question"></span></div>
  982. <div class="p-3 mb-2"><span class="fas fa-question"></span></div>
  983. <div class="p-3 mb-2"><span class="fas fa-question"></span></div>
  984. <div class="p-3 mb-2"><span class="fas fa-question"></span></div>
  985. <div class="p-3 mb-2"><span class="fas fa-question"></span></div>
  986. <div class="p-3 mb-2"><span class="fas fa-question"></span></div>
  987. </div>
  988. <div class="col-3 p-1 text-center"><p class="display-5 mb-4 text-center"><b>Sexual</b></p><hr class="mt-1 mb-2">
  989. <div class="p-3 mb-2"><span class="fas fa-times"></span></div>
  990. <div class="p-3 mb-2"><span class="fas fa-times"></span></div>
  991. <div class="p-3 mb-2"><span class="fas fa-times"></span></div>
  992. <div class="p-3 mb-2"><span class="fas fa-times"></span></div>
  993. <div class="p-3 mb-2"><span class="fas fa-times"></span></div>
  994. <div class="p-3 mb-2"><span class="fas fa-times"></span></div>
  995. </div>
  996. </div>
  997.  
  998. </div>
  999.  
  1000. </div>
  1001. <!------ End Left Column ------>
  1002.  
  1003. <!------ Start Right Column ------>
  1004. <div class="col-lg-4 col-12">
  1005. <div style="position:sticky; top:20px;">
  1006. <div class="container bg-dark text-white p-3">
  1007.  
  1008. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Basic Info</span><hr class="mt-1 mb-2">
  1009. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Name</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  1010. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Sex</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  1011. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Gender</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  1012. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Pronouns</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  1013. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Romantic Orientation</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  1014. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Sexual Orientation</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  1015. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Ethnicity</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  1016. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Nationality</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  1017. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Race</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  1018. </div>
  1019. </div>
  1020. </div>
  1021. <!------ End Right Column ------>
  1022.  
  1023. </div>
  1024. </div>
  1025.  
  1026. </div>
  1027. <!------------------------------- END PAGE TEN -------------------------------->
  1028.  
  1029. <!------------------------------- START PAGE ELEVEN -------------------------------->
  1030. <div class="tab-pane fade" id="elevenb">
  1031.  
  1032. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass"></i> INVENTORY <i class="fas fa-glass"></i></div>
  1033.  
  1034. <div class="card bg-transparent p-4 border-0 rounded-0">
  1035. <div class="col-12 p-3">
  1036.  
  1037. <div class="row no-gutters">
  1038.  
  1039. <!------ Start Left Column ------>
  1040. <div class="col-lg mr-lg-4 col-12 px-3">
  1041.  
  1042. <!------ Start Inventory ------>
  1043. <div class="col-12 container text-center mb-2 p-3">
  1044. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Inventory</span><hr class="mt-1 mb-2">
  1045. <div class="justify-content-center row no-gutters">
  1046.  
  1047. <!-- Inventory Item -->
  1048. <div class="bg-dark tooltipster m-2 p-3" title="【 # 】">
  1049. <img src="???" class="tooltipster" width="100" height="100" data-placement="bottom" title="#"></div>
  1050. <!-- Inventory Item -->
  1051.  
  1052. <!-- Inventory Item -->
  1053. <div class="bg-dark tooltipster m-2 p-3" title="【 # 】">
  1054. <img src="???" class="tooltipster" width="100" height="100" data-placement="bottom" title="#"></div>
  1055. <!-- Inventory Item -->
  1056.  
  1057. <!-- Inventory Item -->
  1058. <div class="bg-dark tooltipster m-2 p-3" title="【 # 】">
  1059. <img src="???" class="tooltipster" width="100" height="100" data-placement="bottom" title="#"></div>
  1060. <!-- Inventory Item -->
  1061.  
  1062. <!-- Inventory Item -->
  1063. <div class="bg-dark tooltipster m-2 p-3" title="【 # 】">
  1064. <img src="???" class="tooltipster" width="100" height="100" data-placement="bottom" title="#"></div>
  1065. <!-- Inventory Item -->
  1066.  
  1067. <!-- Inventory Item -->
  1068. <div class="bg-dark tooltipster m-2 p-3" title="【 # 】">
  1069. <img src="#" class="tooltipster" width="100" height="100" data-placement="bottom" title="#"></div>
  1070. <!-- Inventory Item -->
  1071.  
  1072. <!-- Inventory Item -->
  1073. <div class="bg-dark tooltipster m-2 p-3" title="【 # 】">
  1074. <img src="#" class="tooltipster" width="100" height="100" data-placement="bottom" title="#"></div>
  1075. <!-- Inventory Item -->
  1076.  
  1077. </div>
  1078.  
  1079. </div>
  1080. <!------ End Inventory ------>
  1081.  
  1082. </div>
  1083. <!------ End Left Column ------>
  1084.  
  1085. <!------ Start Right Column ------>
  1086. <div class="col-lg-4 col-12">
  1087. <div style="position:sticky; top:20px;">
  1088. <div class="container bg-dark text-white p-3">
  1089.  
  1090. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Outfits</span><hr class="mt-1 mb-2">
  1091.  
  1092. <!------ Start Images ------>
  1093. <div class="tab-content container bg-transparent text-center p-3">
  1094.  
  1095. <div class="tab-pane active" id="everyday">
  1096. <img src="???" style="width:300px;">
  1097. </div>
  1098.  
  1099. <div class="tab-pane fade" id="pyjamas">
  1100. <img src="???" style="width:300px;">
  1101. </div>
  1102.  
  1103. <div class="tab-pane fade" id="spring">
  1104. <img src="???" style="width:300px;">
  1105. </div>
  1106.  
  1107. <div class="tab-pane fade" id="summer">
  1108. <img src="???" style="width:300px;">
  1109. </div>
  1110.  
  1111. <div class="tab-pane fade" id="autumn">
  1112. <img src="???" style="width:300px;">
  1113. </div>
  1114.  
  1115. <div class="tab-pane fade" id="winter">
  1116. <img src="???" style="width:300px;">
  1117. </div>
  1118.  
  1119. <div class="tab-pane fade" id="casual">
  1120. <img src="???" style="width:300px;">
  1121. </div>
  1122.  
  1123. <div class="tab-pane fade" id="formal">
  1124. <img src="???" style="width:300px;">
  1125. </div>
  1126.  
  1127. </div>
  1128. <!------ End Images ------>
  1129.  
  1130. <!------ Start Outfit Buttons ------>
  1131. <ul class="nav nav-tabs card-header-tabs text-center row p-0 m-0" style="border:#000000 2px solid; border-radius:0px;">
  1132. <li class="col-lg-6 col-12 nav-item p-0 m-0"><a class="nav-link h-100 px-0" data-toggle="tab" href="#everyday" style="color:#FFFFFF; background-color:#FFB0B0; border:#000000 2px solid; border-radius:0px;">Everyday</a></li>
  1133. <li class="col-lg-6 col-12 nav-item p-0 m-0"><a class="nav-link h-100 px-0" data-toggle="tab" href="#pyjamas" style="color:#FFFFFF; background-color:#FFB0B0; border:#000000 2px solid; border-radius:0px;">Pyjamas</a></li>
  1134. <li class="col-lg-6 col-12 nav-item p-0 m-0"><a class="nav-link h-100 px-0" data-toggle="tab" href="#spring" style="color:#FFFFFF; background-color:#FFB0B0; border:#000000 2px solid; border-radius:0px;">Spring</a></li>
  1135. <li class="col-lg-6 col-12 nav-item p-0 m-0"><a class="nav-link h-100 px-0" data-toggle="tab" href="#summer" style="color:#FFFFFF; background-color:#FFB0B0; border:#000000 2px solid; border-radius:0px;">Summer</a></li>
  1136. <li class="col-lg-6 col-12 nav-item p-0 m-0"><a class="nav-link h-100 px-0" data-toggle="tab" href="#autumn" style="color:#FFFFFF; background-color:#FFB0B0; border:#000000 2px solid; border-radius:0px;">Autumn</a></li>
  1137. <li class="col-lg-6 col-12 nav-item p-0 m-0"><a class="nav-link h-100 px-0" data-toggle="tab" href="#winter" style="color:#FFFFFF; background-color:#FFB0B0; border:#000000 2px solid; border-radius:0px;">Winter</a></li>
  1138. <li class="col-lg-6 col-12 nav-item p-0 m-0"><a class="nav-link h-100 px-0" data-toggle="tab" href="#casual" style="color:#FFFFFF; background-color:#FFB0B0; border:#000000 2px solid; border-radius:0px;">Casual</a></li>
  1139. <li class="col-lg-6 col-12 nav-item p-0 m-0"><a class="nav-link h-100 px-0" data-toggle="tab" href="#formal" style="color:#FFFFFF; background-color:#FFB0B0; border:#000000 2px solid; border-radius:0px;">Formal</a></li>
  1140. </ul>
  1141. <!------ End Outfit Buttons ------>
  1142.  
  1143. </div>
  1144. </div>
  1145. </div>
  1146. <!------ End Right Column ------>
  1147.  
  1148. </div>
  1149.  
  1150. </div>
  1151. </div>
  1152. </div>
  1153. <!------------------------------- END PAGE ELEVEN -------------------------------->
  1154.  
  1155. <!------------------------------- START PAGE TWELVE -------------------------------->
  1156. <div class="tab-pane fade" id="twelveb">
  1157.  
  1158. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass"></i> BELIEFS <i class="fas fa-glass"></i></div>
  1159.  
  1160. <div class="card bg-transparent p-4 border-0 rounded-0">
  1161. <div class="row no-gutters">
  1162.  
  1163. <!------ Start Left Column ------>
  1164. <div class="col-lg mr-lg-4 col-12 p-3">
  1165.  
  1166. <span style="color:#FFB0B0; font-size:1.4rem;">Religious Beliefs</span><hr class="mt-1 mb-2">
  1167. <p>???</p>
  1168. <br>
  1169.  
  1170. <span style="color:#FFB0B0; font-size:1.4rem;">Morality</span><hr class="mt-1 mb-2">
  1171. <p>???</p>
  1172. <br>
  1173.  
  1174. <span style="color:#FFB0B0; font-size:1.4rem;">Do They Consider Themself A Good Person?</span><hr class="mt-1 mb-2">
  1175. <p>???</p>
  1176. <br>
  1177.  
  1178. <span style="color:#FFB0B0; font-size:1.4rem;">Ever Encountered Something Unexplainable?</span><hr class="mt-1 mb-2">
  1179. <p>???</p>
  1180. <br>
  1181.  
  1182. </div>
  1183. <!------ End Left Column ------>
  1184.  
  1185. <!------ Start Right Column ------>
  1186. <div class="col-lg-4 col-12">
  1187. <div style="position:sticky; top:20px;">
  1188. <div class="container bg-dark text-white p-3">
  1189.  
  1190. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Belief In...</span><hr class="mt-1 mb-2">
  1191.  
  1192. <div class="col-12 my-2 text-center">
  1193. <span>Thiest (of Religion of Choice)</span><hr class="mt-1 mb-2">
  1194. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1195. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1196. </div>
  1197. </div><br>
  1198.  
  1199. <div class="col-12 my-2 text-center">
  1200. <span>The Afterlife</span><hr class="mt-1 mb-2">
  1201. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1202. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1203. </div>
  1204. </div><br>
  1205.  
  1206. <div class="col-12 my-2 text-center">
  1207. <span>Destiny</span><hr class="mt-1 mb-2">
  1208. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1209. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1210. </div>
  1211. </div><br>
  1212.  
  1213. <div class="col-12 my-2 text-center">
  1214. <span>Ghosts / Spirits</span><hr class="mt-1 mb-2">
  1215. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1216. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1217. </div>
  1218. </div><br>
  1219.  
  1220. <div class="col-12 my-2 text-center">
  1221. <span>Good & Evil</span><hr class="mt-1 mb-2">
  1222. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1223. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1224. </div>
  1225. </div><br>
  1226.  
  1227. <div class="col-12 my-2 text-center">
  1228. <span>Karma</span><hr class="mt-1 mb-2">
  1229. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1230. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1231. </div>
  1232. </div><br>
  1233.  
  1234. <div class="col-12 my-2 text-center">
  1235. <span>Magic</span><hr class="mt-1 mb-2">
  1236. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1237. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1238. </div>
  1239. </div><br>
  1240.  
  1241. <div class="col-12 my-2 text-center">
  1242. <span>Luck</span><hr class="mt-1 mb-2">
  1243. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1244. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1245. </div>
  1246. </div><br>
  1247.  
  1248. <div class="col-12 my-2 text-center">
  1249. <span>Horoscopes</span><hr class="mt-1 mb-2">
  1250. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1251. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1252. </div>
  1253. </div><br>
  1254.  
  1255. <div class="col-12 my-2 text-center">
  1256. <span>Soulmates</span><hr class="mt-1 mb-2">
  1257. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1258. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1259. </div>
  1260. </div><br>
  1261.  
  1262. <div class="col-12 my-2 text-center">
  1263. <span>Superstition</span><hr class="mt-1 mb-2">
  1264. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1265. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1266. </div>
  1267. </div><br>
  1268.  
  1269. <div class="col-12 my-2 text-center">
  1270. <span>Reincarnation</span><hr class="mt-1 mb-2">
  1271. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1272. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1273. </div>
  1274. </div><br>
  1275.  
  1276. <div class="col-12 my-2 text-center">
  1277. <span>Curses/Hexes/Blessings</span><hr class="mt-1 mb-2">
  1278. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1279. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1280. </div>
  1281. </div><br>
  1282.  
  1283. </div>
  1284. </div>
  1285. </div>
  1286. <!------ End Right Column ------>
  1287.  
  1288. </div>
  1289.  
  1290. </div>
  1291.  
  1292. </div>
  1293. <!------------------------------- END PAGE TWELVE -------------------------------->
  1294.  
  1295. <!------------------------------- START PAGE THIRTEEN -------------------------------->
  1296. <div class="tab-pane fade" id="thirteenb">
  1297.  
  1298. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass"></i> DEMEANOUR <i class="fas fa-glass"></i></div>
  1299.  
  1300. <div class="card bg-transparent p-4 border-0 rounded-0">
  1301. <div class="row no-gutters">
  1302.  
  1303. <!------ Start Left Column ------>
  1304. <div class="col-lg mr-lg-4 col-12 p-3">
  1305.  
  1306. <span style="color:#FFB0B0; font-size:1.4rem;">Overview</span><hr class="mt-1 mb-2">
  1307. <p>???</p>
  1308. <br>
  1309.  
  1310. <!------ Start Descriptions ------>
  1311. <div class="row">
  1312. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  1313. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Posture</span><hr class="mt-1 mb-2">
  1314. <p>???</p>
  1315. </div>
  1316. <div class="col-lg col-12 my-2 mx-lg-2 p-3">
  1317. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Habits</span><hr class="mt-1 mb-2">
  1318. <p>???</p>
  1319. <p>???</p>
  1320. <p>???</p>
  1321. </div>
  1322. </div><div class="row">
  1323. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  1324. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Cry</span><hr class="mt-1 mb-2">
  1325. <p>???</p>
  1326. </div><div class="col-lg col-12 my-2 mx-lg-2 p-3">
  1327. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Anger</span><hr class="mt-1 mb-2">
  1328. <p>???</p>
  1329. </div><div class="col-12 my-2 p-3">
  1330. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Laugh</span><hr class="mt-1 mb-2">
  1331. <p>???</p>
  1332. </div>
  1333. </div><br>
  1334. <!------ End Descriptions ------>
  1335.  
  1336. <!------ Start Quotes ------>
  1337. <span style="color:#FFB0B0; font-size:1.4rem;">Quotes</span><hr class="mt-1 mb-2">
  1338. <div class="font-italics">
  1339. <ul>
  1340. <li>"???"</li>
  1341. <li>"???"</li>
  1342. <li>"???"</li>
  1343. </ul>
  1344. </div>
  1345. <br>
  1346. <!------ End Quotes ------>
  1347.  
  1348. <!----- Start Handwriting ----->
  1349. <span style="color:#FFB0B0; font-size:1.4rem;">Handwriting</span><hr class="mt-1 mb-2">
  1350. <div class="container bg-dark p-0 rounded-0" style="border:#FFB0B0 2px solid;" ><img src="???"></div>
  1351. <!----- End Handwriting ----->
  1352.  
  1353. </div>
  1354. <!------ End Left Column ------>
  1355.  
  1356. <!------ Start Right Column ------>
  1357. <div class="col-lg-4 col-12">
  1358. <div style="position:sticky; top:20px;">
  1359. <div class="container bg-dark text-white p-3">
  1360.  
  1361. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Idiolect Notes</span><hr class="mt-1 mb-2">
  1362. <ul>
  1363. <li>Swearing?</li>
  1364. <li>Uses British/American English.</li>
  1365. <ul>
  1366. <li>Calls it a biscuit instead of a cookie.</li>
  1367. <li>Calls it petrol instead of gas.</li>
  1368. <li>Calls it a car park instead of a parking lot.</li>
  1369. </ul>
  1370. <li>Speaks with a ??? Accent but doesn't use any of the dialect words.</li>
  1371. <ul>
  1372. <li>If applicable.</li>
  1373. </ul>
  1374. </ul>
  1375.  
  1376. </div>
  1377. </div>
  1378. </div>
  1379. <!------ End Right Column ------>
  1380.  
  1381. </div>
  1382.  
  1383. </div>
  1384.  
  1385. </div>
  1386. <!------------------------------- END PAGE THIRTEEN -------------------------------->
  1387.  
  1388. <!------------------------------- START PAGE FOURTEEN -------------------------------->
  1389. <div class="tab-pane fade" id="fourteenb">
  1390.  
  1391. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass"></i> SKILLS <i class="fas fa-glass"></i></div>
  1392.  
  1393. <div class="card bg-transparent p-4 border-0 rounded-0">
  1394. <div class="row no-gutters">
  1395.  
  1396. <!------ Start Left Column ------>
  1397. <div class="col-lg mr-lg-4 col-12 p-3">
  1398.  
  1399. <span style="color:#FFB0B0; font-size:1.4rem;">Overview</span><hr class="mt-1 mb-2">
  1400. <p>???</p>
  1401. <br>
  1402.  
  1403. <!------ Start Strengths & Weaknesses ------>
  1404. <div class="row">
  1405.  
  1406. <div class="col-lg-6 col-12 container my-2 mx-lg-2 p-3">
  1407. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Strengths</span><hr class="mt-1 mb-2">
  1408. <p><span class="font-weight-bold">???</span><br>???</p>
  1409. <p><span class="font-weight-bold">???</span><br>???</p>
  1410. <p><span class="font-weight-bold">???</span><br>???</p>
  1411. </div>
  1412.  
  1413. <div class="col-lg col-12 container my-2 mx-lg-2 p-3">
  1414. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Weaknesses</span><hr class="mt-1 mb-2">
  1415. <p><span class="font-weight-bold">???</span><br>???</p>
  1416. <p><span class="font-weight-bold">???</span><br>???</p>
  1417. <p><span class="font-weight-bold">???</span><br>???</p>
  1418. </div>
  1419.  
  1420. </div>
  1421. <!------ End Strengths & Weaknesses ------>
  1422.  
  1423. <!------ Start Languages ------>
  1424. <div class="col-12 my-2 mb-4 p-0">
  1425. <span style="color:#FFB0B0; font-size:1.4rem;">Languages Spoken</span><hr class="mt-1 mb-2">
  1426.  
  1427. <div class="container text-white bg-dark d-flex text-center mt-2 p-3" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">English</p><hr style="flex-grow:1;"><span class="ml-2">Fluent</span></div>
  1428.  
  1429. <div class="container text-white bg-dark d-flex text-center mt-2 p-3" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">???</p><hr style="flex-grow:1;"><span class="ml-2">Toddler Level</span></div>
  1430.  
  1431. <div class="container text-white bg-dark d-flex text-center mt-2 p-3" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">???</p><hr style="flex-grow:1;"><span class="ml-2">Occasional Phrase</span></div>
  1432.  
  1433. </div>
  1434. <!------ End Languages ------>
  1435.  
  1436. <!------ Start Talents & Skills ------>
  1437. <div class="row">
  1438.  
  1439. <div class="col-lg-6 col-12 container my-2 mx-lg-2 p-3">
  1440. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Natural Talents</span><hr class="mt-1 mb-2">
  1441. <p><span class="font-weight-bold">???</span><br>???</p>
  1442. <p><span class="font-weight-bold">???</span><br>???</p>
  1443. <p><span class="font-weight-bold">???</span><br>???</p>
  1444. </div>
  1445.  
  1446. <div class="col-lg col-12 container my-2 mx-lg-2 p-3">
  1447. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Learned Skills</span><hr class="mt-1 mb-2">
  1448. <p><span class="font-weight-bold">???</span><br>???</p>
  1449. <p><span class="font-weight-bold">???</span><br>???</p>
  1450. <p><span class="font-weight-bold">???</span><br>???</p>
  1451. </div>
  1452.  
  1453. </div>
  1454. <!------ End Talents & Skills ------>
  1455.  
  1456. </div>
  1457. <!------ End Left Column ------>
  1458.  
  1459. <!------ Start Right Column ------>
  1460. <div class="col-lg-4 col-12">
  1461. <div style="position:sticky; top:20px;">
  1462. <div class="container bg-dark text-white p-3">
  1463.  
  1464. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Skills</span><hr class="mt-1 mb-2">
  1465.  
  1466. <div class="col-12 my-2 text-center">
  1467. <span>Book Smart</span><hr class="mt-1 mb-2">
  1468. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1469. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1470. </div>
  1471. </div><br>
  1472.  
  1473. <div class="col-12 my-2 text-center">
  1474. <span>Street Smart</span><hr class="mt-1 mb-2">
  1475. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1476. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1477. </div>
  1478. </div><br>
  1479.  
  1480. <div class="col-12 my-2 text-center">
  1481. <span>People Smart</span><hr class="mt-1 mb-2">
  1482. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1483. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1484. </div>
  1485. </div><br>
  1486.  
  1487. <div class="col-12 my-2 text-center">
  1488. <span>Physical Strength</span><hr class="mt-1 mb-2">
  1489. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1490. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1491. </div>
  1492. </div><br>
  1493.  
  1494. <div class="col-12 my-2 text-center">
  1495. <span>Endurance</span><hr class="mt-1 mb-2">
  1496. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1497. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1498. </div>
  1499. </div><br>
  1500.  
  1501. <div class="col-12 my-2 text-center">
  1502. <span>Speed</span><hr class="mt-1 mb-2">
  1503. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1504. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1505. </div>
  1506. </div><br>
  1507.  
  1508. <div class="col-12 my-2 text-center">
  1509. <span>Kindness</span><hr class="mt-1 mb-2">
  1510. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1511. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1512. </div>
  1513. </div><br>
  1514.  
  1515. <div class="col-12 my-2 text-center">
  1516. <span>Charisma</span><hr class="mt-1 mb-2">
  1517. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1518. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1519. </div>
  1520. </div><br>
  1521.  
  1522. <div class="col-12 my-2 text-center">
  1523. <span>Patience</span><hr class="mt-1 mb-2">
  1524. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1525. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1526. </div>
  1527. </div><br>
  1528.  
  1529. <div class="col-12 my-2 text-center">
  1530. <span>Loyalty</span><hr class="mt-1 mb-2">
  1531. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1532. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1533. </div>
  1534. </div><br>
  1535.  
  1536. <div class="col-12 my-2 text-center">
  1537. <span>Genorosity</span><hr class="mt-1 mb-2">
  1538. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1539. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1540. </div>
  1541. </div><br>
  1542.  
  1543. <div class="col-12 my-2 text-center">
  1544. <span>Work Ethic</span><hr class="mt-1 mb-2">
  1545. <div class="progress" style="background-color:#000000; border:#000000 4px solid; border-radius:0px;">
  1546. <div class="progress-bar border-0 rounded-0" style="width:50%; color:#FFFFFF; background-color:#FFB0B0;">50%<br></div>
  1547. </div>
  1548. </div><br>
  1549.  
  1550. </div>
  1551. </div>
  1552. </div>
  1553. <!------ End Right Column ------>
  1554.  
  1555. </div>
  1556.  
  1557. </div>
  1558.  
  1559. </div>
  1560. <!------------------------------- END PAGE FOURTEEN -------------------------------->
  1561.  
  1562. <!------------------------------- START PAGE FIFTEEN -------------------------------->
  1563. <div class="tab-pane fade" id="fifteenb">
  1564.  
  1565. <div class="bg-dark text-uppercase text-center display-4 p-4" style="color:#FFB0B0;"><i class="fas fa-glass"></i> MEDICAL HISTORY <i class="fas fa-glass"></i></div>
  1566.  
  1567. <div class="card bg-transparent p-4 border-0 rounded-0">
  1568. <div class="row no-gutters">
  1569.  
  1570. <!------ Start Left Column ------>
  1571. <div class="col-lg mr-lg-4 col-12 p-3">
  1572.  
  1573. <span style="color:#FFB0B0; font-size:1.4rem;">Notable Events</span><hr class="mt-1 mb-2">
  1574. <ul>
  1575. <li>2022 - Age ??- ???</li>
  1576. <li>12th June 2023 - Age ?? - ???</li>
  1577. </ul>
  1578. <br>
  1579.  
  1580. <!------ Start Conditions ------>
  1581. <div class="row">
  1582.  
  1583. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  1584. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Diagnosed Conditiions</span><hr class="mt-1 mb-2">
  1585. <ul>
  1586. <li>???</li>
  1587. </ul>
  1588. </div>
  1589.  
  1590. <div class="col-lg col-12 my-2 mx-lg-2 p-3">
  1591. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Suspected Conditions</span><hr class="mt-1 mb-2">
  1592. <ul>
  1593. <li>???</li>
  1594. </ul>
  1595. </div>
  1596. </div>
  1597. <!------ End Conditions ------>
  1598.  
  1599. <!------ Start "Do They Do These?" ------>
  1600. <div class="row">
  1601.  
  1602. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  1603. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Alcohol</span><hr class="mt-1 mb-2">
  1604. <p>???</p>
  1605. </div>
  1606. <div class="col-lg col-12 my-2 mx-lg-2 p-3">
  1607. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Smoking</span><hr class="mt-1 mb-2">
  1608. <p>???</p>
  1609. </div>
  1610. <div class="col-12 my-2 p-3">
  1611. <span class="pb-1" style="color:#FFB0B0; font-size:1.4rem;">Drug Usage</span><hr class="mt-1 mb-2">
  1612. <p>???</p>
  1613. </div>
  1614.  
  1615. </div>
  1616. <!------ End "Do They Do These?" ------>
  1617.  
  1618. </div>
  1619. <!------ End Left Column ------>
  1620.  
  1621. <!------ Start Right Column ------>
  1622. <div class="col-lg-4 col-12">
  1623. <div style="position:sticky; top:20px;">
  1624. <div class="container bg-dark text-white p-3">
  1625.  
  1626. <span class="justify-content-center mb-2 pb-1" style="color:#FFB0B0; font-size:1.4rem;">Basic Info</span><hr class="mt-1 mb-2">
  1627. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Species</p><hr style="flex-grow:1;"><a href="???"><span class="ml-2" style="color:#FFB0B0;">???</span></a></div>
  1628. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Age</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  1629. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Blood-Type</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  1630. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Body-Type</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  1631. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Height</p><hr style="flex-grow:1;"><span class="ml-2">???</span></div>
  1632. <div class="d-flex text-center mt-2" style="flex-direction:row;"><p class="mr-2" style="flex-grow:0;">Weight</p><hr style="flex-grow:1;"><span class="ml-2">???lbs / ???KG</span></div>
  1633.  
  1634. </div>
  1635. </div>
  1636. </div>
  1637. <!------ End Right Column ------>
  1638.  
  1639. </div>
  1640.  
  1641. </div>
  1642.  
  1643. </div>
  1644. <!------------------------------- END PAGE FIFTEEN -------------------------------->
  1645.  
  1646. </div>
  1647.  
  1648. </div>
  1649. <!------------------------------- END PAGES -------------------------------->
  1650.  
  1651. </div>
  1652.  
  1653. </div>
  1654. <!------------------------------- END MIDDLE -------------------------------->
  1655.  
  1656. <!------------------------------- START GALLERY-BUTTON -------------------------------->
  1657. <div class="col-12 text-center py-3" style="background-color:#FFB0B0; border:#000000 4px solid;">
  1658. <a href="???" style="color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-glass fa-flip-horizontal"></i> GALLERY <i class="fas fa-glass"></i></li>
  1659. </div>
  1660. <!------------------------------- END GALLERY-BUTTON -------------------------------->
  1661.  
  1662. <!------------------------------- START CREDITS LIST -------------------------------->
  1663. <div class="col-12 py-2 text-center" style="font-size:1.4rem; background-color:#FFB0B0; border:#000000 4px solid;">
  1664.  
  1665. <a href="???" data-toggle="tooltip" title="Header Image Source"><span style="color:#FFFFFF;"><i class="fas fa-strawberry fa-flip-horizontal"></i></span></a>
  1666. <a href="https://toyhou.se/16006417.overlay" data-toggle="tooltip" title="Header Code Frankensteined From: CuckooHoopoe"><span style="color:#FFFFFF;"><i class="fas fa-strawberry fa-flip-horizontal"></i></span></a>
  1667. <a href="https://toyhou.se/26239966.strawberry-milk" data-toggle="tooltip" title="Code By: TomcatCodes / CrispinAsheYA"><span style="color:#FFFFFF;"><i class="fas fa-glass"></i></span></a>
  1668. <a href="https://toyhou.se/16962387.html-pride-flags" data-toggle="tooltip" title="Pride Flags Frankensteined From: VynxCodes"><span style="color:#FFFFFF;"><i class="fas fa-strawberry"></i></span></a>
  1669. <a href="https://toyhou.se/15560571.ribbon-repository-upd8-510" data-toggle="tooltip" title="Ribbon Awards From: RadioStorage"><span style="color:#FFFFFF;"><i class="fas fa-strawberry"></i></span></a>
  1670.  
  1671. </div>
  1672. <!------------------------------- END CREDITS LIST -------------------------------->
  1673.  
  1674. </div>
  1675. <!------------------------------- END ACTUAL CODE -------------------------------->
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!