API tools faq
paste
Advertisement
CrispinAsheYA

Chocolate Milk (Custom Colours)

CrispinAsheYA
Jan 15th, 2025
10
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 64.50 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. Default Colours
  6. -Main Text: #402210
  7. -Buttons: #614430
  8. -Background: #D8C0B2
  9. -Background 2: #E9D1C3
  10. -
  11. -Default Font-Awesome: fas fa-glass | fas fa-candy-bar fa-rotate-90
  12.  
  13. Thank you for reading!
  14. Crispin
  15.  
  16. -->
  17.  
  18. <!------------------------------- START ACTUAL CODE -------------------------------->
  19. <div class="col-12 p-0" style="color:#402210; font-size:1.1rem; font-family:'comic sans ms'; background-color:#000000; border:#000000 4px solid;">
  20.  
  21. <!------------------------------- START HEADING -------------------------------->
  22. <div class="col-12 m-0 p-0" style="border:#000000 4px solid;">
  23. <div class="card rounded-0" style="background:url(#); background-position:center; background-size:cover; border:none;">
  24. <span class="text-center display-4 m-1 p-3" style="color:#FFFFFF; background:rgba(0,0,0,0.7);">
  25. <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>
  26. # - #
  27. <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>
  28. </span>
  29. </div>
  30. </div>
  31. <!------------------------------- END HEADING -------------------------------->
  32.  
  33. <!------------------------------- START TOP BUTTONS -------------------------------->
  34. <div class="col-12 m-0 p-0" style="position:sticky; top:0px; z-index:100;">
  35. <div class="col-12 p-0 m-0 text-center">
  36.  
  37. <ul class="nav nav-tabs card-header-tabs text-center row p-0 m-0">
  38. <li class="col-4 nav-item p-0 m-0"><a class="nav-link px-0" data-toggle="tab" href="#one" style="color:#FFFFFF; background-color:#614430; border:#000000 4px solid; border-radius:0px;">About</a></li>
  39. <li class="col-4 nav-item p-0 m-0"><a class="nav-link px-0" data-toggle="tab" href="#two" style="color:#FFFFFF; background-color:#614430; border:#000000 4px solid; border-radius:0px;">Personality</a></li>
  40. <li class="col-4 nav-item p-0 m-0"><a class="nav-link px-0" data-toggle="tab" href="#three" style="color:#FFFFFF; background-color:#614430; border:#000000 4px solid; border-radius:0px;">Design</a></li>
  41. </ul>
  42. </div>
  43. </div>
  44. <!------------------------------- END TOP BUTTONS -------------------------------->
  45.  
  46. <!------------------------------- START MIDDLE -------------------------------->
  47. <div class="col-12 m-0 p-0">
  48.  
  49. <div class="row no-gutters">
  50.  
  51. <!------------------------------- START SIDE BUTTONS -------------------------------->
  52. <div class="col-12 p-0">
  53. <ul class="nav nav-tabs card-header-tabs row p-0 m-0" style="text-align:center;">
  54. <li class="col-6 col-lg-2 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#four" data-placement="bottom" data-original-title="Life Story" style="color:#FFFFFF; background:#614430; border:#000000 4px solid; border-radius:0px"><i class="fas fa-book-bookmark"></i></a></li>
  55. <li class="col-6 col-lg-2 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#five" data-placement="bottom" data-original-title="Links" style="color:#FFFFFF; background:#614430; border:#000000 4px solid; border-radius:0px"><i class="fas fa-users"></i></a></li>
  56. <li class="col-6 col-lg-2 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#six" data-placement="bottom" data-original-title="Trivia" style="color:#FFFFFF; background:#614430; border:#000000 4px solid; border-radius:0px"><i class="fas fa-award"></i></a></li>
  57. <li class="col-6 col-lg-2 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#seven" data-placement="bottom" data-original-title="Headcanons" style="color:#FFFFFF; background:#614430; border:#000000 4px solid; border-radius:0px"><i class="fas fa-cannon"></i></a></li>
  58. <li class="col-6 col-lg-2 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#eight" data-placement="bottom" data-original-title="Bonus" style="color:#FFFFFF; background:#614430; border:#000000 4px solid; border-radius:0px"><i class="fas fa-bell"></i></a></li>
  59. <li class="col-6 col-lg-2 nav-item p-0 m-0"><a class="nav-link tooltipster px-0" data-toggle="tab" href="#nine" data-placement="bottom" data-original-title="Slander" style="color:#FFFFFF; background:#614430; border:#000000 4px solid; border-radius:0px"><i class="fas fa-saxophone-fire"></i></a></li>
  60. </ul>
  61.  
  62. </div>
  63. <!------------------------------- END SIDE BUTTONS -------------------------------->
  64.  
  65. <!------------------------------- START PAGES -------------------------------->
  66. <div class="col-lg col-12" style="background-color:#D8C0B2; border:#000000 4px solid; border-radius:0px; z-index:50;">
  67.  
  68. <div class="tab-content">
  69.  
  70. <!------------------------------- START PAGE ONE -------------------------------->
  71. <div class="tab-pane active show" id="one">
  72.  
  73. <div class="text-uppercase text-center display-4 p-4" style="color:#614430; background-color:#E9D1C3;"><i class="fas fa-glass fa-flip-horizontal"></i> ABOUT <i class="fas fa-glass"></i></div>
  74.  
  75. <div class="card bg-transparent p-4 border-0 rounded-0">
  76. <div class="row no-gutters">
  77.  
  78. <!------ Start Left Column ------>
  79. <div class="col-lg mr-lg-4 col-12 p-3">
  80.  
  81. <span style="color:#614430; font-size:1.4rem;">Overview</span><hr class="mt-1 mb-2">
  82. <p>???</p>
  83. <br>
  84.  
  85. <!----- Start Flags ----->
  86. <div class="col-12 my-2 mb-4 text-center">
  87. <div data-toggle="tooltip" title="CensoredByPastebin" 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;">L</div>
  88.  
  89. <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>
  90.  
  91. <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>
  92.  
  93. <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>
  94.  
  95. <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>
  96.  
  97. <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>
  98.  
  99. <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>
  100.  
  101. <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>
  102.  
  103. <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>
  104.  
  105. <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>
  106.  
  107. <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>
  108.  
  109. <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>
  110. </div><br>
  111. <!----- End Flags ----->
  112.  
  113. <span style="color:#614430; font-size:1.4rem;">Basic Info</span><hr class="mt-1 mb-2">
  114. <div class="row">
  115. <div class="col-12 text-center px-3">
  116. <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>
  117. </div>
  118. <div class="col-lg-6 mr-lg-4 col-12 text-center px-3">
  119. <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:#614430;">Coaster</span></a></div>
  120. <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>
  121. <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>
  122. <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>
  123. <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>
  124. <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>
  125. <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>
  126. <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>
  127. </div>
  128. <div class="col-lg col-12 text-center px-3">
  129. <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>
  130. <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>
  131. <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>
  132. <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>
  133. <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>
  134. <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>
  135. <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>
  136. <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:#614430;">???</span></a></div>
  137. </div>
  138. </div>
  139.  
  140. </div>
  141. <!------ End Left Column ------>
  142.  
  143. <!------ Start Right Column ------>
  144. <div class="col-lg-4 col-12">
  145. <div style="position:sticky; top:20px;">
  146.  
  147. <!------ Start Permissions ------>
  148. <div class="card bg-transparent border-0 rounded-0">
  149. <div class="row no-gutters text-center justify-content-between">
  150.  
  151. <!------ Start Badges ----->
  152. <div data-toggle="tooltip" title="Series: ???" class="d-inline-block my-2 border-0" style="color:#FFFFFF; line-height:35px; width:35px; background-color:#614430; border-radius:100%;"><i class="fas fa-candy-bar fa-rotate-90"></i></div><br>
  153.  
  154. <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:#614430; border-radius:100%;"><i class="fas fa-user"></i></div><br>
  155.  
  156. <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:#614430; border-radius:100%;"><i class="fas fa-paintbrush"></i></div><br>
  157.  
  158. <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:#614430; border-radius:100%;"><i class="fas fa-pen"></i></div><br>
  159.  
  160. <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:#614430; border-radius:100%;"><i class="fas fa-thought-bubble"></i></div><br>
  161.  
  162. <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:#614430; border-radius:100%;"><i class="fas fa-paintbrush-pencil"></i></div><br>
  163.  
  164. <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:#614430; border-radius:100%;"><i class="fas fa-dice-d20"></i></div><br>
  165.  
  166. <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:#614430; border-radius:100%;"><i class="fas fa-coins"></i></div><br>
  167. <!------ End Badge ----->
  168.  
  169. </div>
  170. </div>
  171. <!------ End Permissions ------>
  172.  
  173. <!------ Start Images ------>
  174. <div class="tab-content container text-center p-3" style="background-color:#E9D1C3;">
  175.  
  176. <div class="tab-pane active" id="form1">
  177. <img src="???" style="width:300px;">
  178. </div>
  179.  
  180. <div class="tab-pane fade" id="form2">
  181. <img src="???" style="width:300px;">
  182. </div>
  183.  
  184. </div>
  185. <!------ End Images ------>
  186.  
  187. <ul class="nav nav-tabs card-header-tabs text-center row p-0 m-0" style="border:#000000 2px solid; border-radius:0px;">
  188. <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:#614430; border:#000000 2px solid; border-radius:0px;">Formal (Default)</a></li>
  189. <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:#614430; border:#000000 2px solid; border-radius:0px;">Casual</a></li>
  190. </ul>
  191.  
  192. </div>
  193. </div>
  194. <!------ End Right Column ------>
  195.  
  196. </div>
  197. </div>
  198.  
  199. </div>
  200. <!------------------------------- END PAGE ONE -------------------------------->
  201.  
  202. <!------------------------------- START PAGE TWO -------------------------------->
  203. <div class="tab-pane fade" id="two">
  204.  
  205. <div class="text-uppercase text-center display-4 p-4" style="color:#614430; background-color:#E9D1C3;"><i class="fas fa-glass fa-flip-horizontal"></i> PERSONALITY <i class="fas fa-glass"></i></div>
  206.  
  207. <div class="card bg-transparent p-4 border-0 rounded-0">
  208. <div class="row no-gutters">
  209.  
  210. <!------ Start Left Column ------>
  211. <div class="col-lg mr-lg-4 col-12 p-3">
  212.  
  213. <span style="color:#614430; font-size:1.4rem;">Overview</span><hr class="mt-1 mb-2">
  214. <p>???</p>
  215. <br>
  216.  
  217. <div class="row">
  218. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  219. <span class="pb-1" style="color:#614430; font-size:1.4rem;">Likes</span><hr class="mt-1 mb-2">
  220. <ul>
  221. <li>???</li>
  222. <li>???</li>
  223. <li>???</li>
  224. </ul>
  225. </div>
  226. <div class="col-lg col-12 my-2 mx-lg-2 p-3">
  227. <span class="pb-1" style="color:#614430; font-size:1.4rem;">Dislikes</span><hr class="mt-1 mb-2">
  228. <ul>
  229. <li>???</li>
  230. <li>???</li>
  231. <li>???</li>
  232. </ul>
  233. </div>
  234. </div><div class="row">
  235. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  236. <span class="pb-1" style="color:#614430; font-size:1.4rem;">Goals</span><hr class="mt-1 mb-2">
  237. <ul>
  238. <li>???</li>
  239. <li>???</li>
  240. <li>???</li>
  241. </ul>
  242. </div>
  243. <div class="col-lg col-12 my-2 mx-lg-2 p-3">
  244. <span class="pb-1" style="color:#614430; font-size:1.4rem;">Dreams</span><hr class="mt-1 mb-2">
  245. <ul>
  246. <li>???</li>
  247. <li>???</li>
  248. <li>???</li>
  249. </ul>
  250. </div>
  251. </div><div class="row">
  252. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  253. <span class="pb-1" style="color:#614430; font-size:1.4rem;">Regular Fears</span><hr class="mt-1 mb-2">
  254. <ul>
  255. <li>???</li>
  256. <li>???</li>
  257. <li>???</li>
  258. </ul>
  259. </div><div class="col-lg col-12 my-2 mx-lg-2 p-3">
  260. <span class="pb-1" style="color:#614430; font-size:1.4rem;">Traumatic Fears</span><hr class="mt-1 mb-2">
  261. <ul>
  262. <li>???</li>
  263. <li>???</li>
  264. <li>???</li>
  265. </ul>
  266. </div>
  267. </div><div class="row">
  268. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  269. <span class="pb-1" style="color:#614430; font-size:1.4rem;">Strengths</span><hr class="mt-1 mb-2">
  270. <ul>
  271. <li>???</li>
  272. <li>???</li>
  273. <li>???</li>
  274. </ul>
  275. </div>
  276. <div class="col-lg col-12 my-2 mx-lg-2 p-3">
  277. <span class="pb-1" style="color:#614430; font-size:1.4rem;">Weaknesses</span><hr class="mt-1 mb-2">
  278. <ul>
  279. <li>???</li>
  280. <li>???</li>
  281. <li>???</li>
  282. </ul>
  283. </div>
  284. </div><br>
  285.  
  286. <span style="color:#614430; font-size:1.4rem;">Secrets</span><hr class="mt-1 mb-2">
  287. <ul>
  288. <li><span style="color:#614430; font-weight:bold;">???</span> - ???</li>
  289. <li><span style="color:#614430; font-weight:bold;">???</span> - ???</li>
  290. <li><span style="color:#614430; font-weight:bold;">???</span> - ???</li>
  291. </ul>
  292. <br>
  293.  
  294. <span style="color:#614430; font-size:1.4rem;">Hobbies And Pass Times</span><hr class="mt-1 mb-2">
  295.  
  296. <!----- Start Hobby ----->
  297. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  298. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  299. <img src="???">
  300. </div>
  301. </div><div class="col-12 col-lg-10">
  302. <span style="color:#614430; font-size:1.4rem;">???</span><span class="pull-right" style="color:#614430; font-size:1.4rem;">???/5</span><hr class="mt-0 mb-2">
  303. <p>???</p>
  304. </div></div>
  305. <!----- End Hobby ----->
  306.  
  307. <!----- Start Hobby ----->
  308. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  309. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  310. <img src="???">
  311. </div>
  312. </div><div class="col-12 col-lg-10">
  313. <span style="color:#614430; font-size:1.4rem;">???</span><span class="pull-right" style="color:#614430; font-size:1.4rem;">???/5</span><hr class="mt-0 mb-2">
  314. <p>???</p>
  315. </div></div>
  316. <!----- End Hobby ----->
  317.  
  318. <!----- Start Hobby ----->
  319. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  320. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  321. <img src="???">
  322. </div>
  323. </div><div class="col-12 col-lg-10">
  324. <span style="color:#614430; font-size:1.4rem;">???</span><span class="pull-right" style="color:#614430; font-size:1.4rem;">???/5</span><hr class="mt-0 mb-2">
  325. <p>???</p>
  326. </div></div>
  327. <!----- End Hobby ----->
  328.  
  329. </div>
  330. <!------ End Left Column ------>
  331.  
  332. <!------ Start Right Column ------>
  333. <div class="col-lg-4 col-12">
  334. <div style="position:sticky; top:20px;">
  335. <div class="container p-3" style="background-color:#E9D1C3;">
  336.  
  337. <span class="justify-content-center mb-2 pb-1" style="color:#614430; font-size:1.4rem;">Type</span><hr class="mt-1 mb-2">
  338. <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>
  339. <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>
  340. <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>
  341. <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>
  342. <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>
  343. <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>
  344. <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>
  345. <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>
  346. <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>
  347.  
  348. <span class="justify-content-center pt-2 pb-1" style="color:#614430; font-size:1.4rem;">Favourites</span><hr class="mt-1 mb-2">
  349. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  350. <p class="mr-2" style="flex-grow:0;">Snack Food</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  351. </div>
  352. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  353. <p class="mr-2" style="flex-grow:0;">Meal</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  354. </div>
  355. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  356. <p class="mr-2" style="flex-grow:0;">Cold Drink</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  357. </div>
  358. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  359. <p class="mr-2" style="flex-grow:0;">Hot Drink</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  360. </div>
  361. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  362. <p class="mr-2" style="flex-grow:0;">Animal</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  363. </div>
  364. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  365. <p class="mr-2" style="flex-grow:0;">Colour</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  366. </div>
  367. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  368. <p class="mr-2" style="flex-grow:0;">Time Of Day</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  369. </div>
  370. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  371. <p class="mr-2" style="flex-grow:0;">Season</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  372. </div>
  373. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  374. <p class="mr-2" style="flex-grow:0;">Holiday</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  375. </div>
  376. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  377. <p class="mr-2" style="flex-grow:0;">Sport</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  378. </div>
  379. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  380. <p class="mr-2" style="flex-grow:0;">Song</p><hr style="flex-grow:1;"><span class="ml-2"><a href="???" style="color:#614430;">???</a></span>
  381. </div>
  382. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  383. <p class="mr-2" style="flex-grow:0;">Band</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  384. </div>
  385. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  386. <p class="mr-2" style="flex-grow:0;">Music Genre</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  387. </div>
  388. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  389. <p class="mr-2" style="flex-grow:0;">Book</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  390. </div>
  391. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  392. <p class="mr-2" style="flex-grow:0;">Film</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  393. </div>
  394. <div class="d-flex text-center mt-2" style="flex-direction:row;">
  395. <p class="mr-2" style="flex-grow:0;">Book/Film Genre</p><hr style="flex-grow:1;"><span class="ml-2">???</span>
  396. </div>
  397.  
  398. </div>
  399. </div>
  400. </div>
  401. <!------ End Right Column ------>
  402.  
  403. </div>
  404.  
  405. </div>
  406.  
  407. </div>
  408. <!------------------------------- END PAGE TWO -------------------------------->
  409.  
  410. <!------------------------------- START PAGE THREE -------------------------------->
  411. <div class="tab-pane fade" id="three">
  412.  
  413. <div class="text-uppercase text-center display-4 p-4" style="color:#614430; background-color:#E9D1C3;"><i class="fas fa-glass fa-flip-horizontal"></i> DESIGN <i class="fas fa-glass"></i></div>
  414.  
  415. <div class="card bg-transparent p-4 border-0 rounded-0">
  416. <div class="row no-gutters">
  417.  
  418. <!------ Start Left Column ------>
  419. <div class="col-lg mr-lg-4 col-12 p-3">
  420.  
  421. <!----- Start Ref Sheet ----->
  422. <span style="color:#614430; font-size:1.4rem;">Reference Sheet</span><hr class="mt-1 mb-2">
  423. <div class="container m-4 p-0 rounded-0" style="background-color:#E9D1C3; border:#614430 2px solid;" ><img src="???">
  424. <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>
  425. </div>
  426. <!----- End Ref Sheet ----->
  427.  
  428. <!----- Start Permissions ----->
  429. <div class="row px-1">
  430. <div class="col-lg-6 col-12 my-2 mx-lg-2 p-3">
  431. <span class="pb-1" style="color:#614430; font-size:1.4rem;">Do</span><hr class="mt-1 mb-2">
  432. <ul>
  433. <li>Global Permissions apply.</li>
  434. <li>NSFW is allowed.</li>
  435. </ul>
  436. </div>
  437. <div class="col-lg col-12 my-2 mx-lg-2 p-3">
  438. <span class="pb-1" style="color:#614430; font-size:1.4rem;">Don't</span><hr class="mt-1 mb-2">
  439. <ul>
  440. <li>Global "Don't"s apply.</li>
  441. </ul>
  442. </div>
  443. </div><div class="row px-1">
  444. <div class="col-12 my-2 p-3">
  445. <span class="pb-1" style="color:#614430; font-size:1.4rem;">Frequently Missed</span><hr class="mt-1 mb-2">
  446. <ul>
  447. <li>???</li>
  448. <li>???</li>
  449. <li>???</li>
  450. </ul>
  451. </div>
  452. <div class="col-12 my-2 p-3">
  453. <span class="pb-1" style="color:#614430; font-size:1.4rem;">Other Notes</span><hr class="mt-1 mb-2">
  454. <ul>
  455. <li>Opposed to feminine clothing, won't wear it.</li>
  456. <li>Has one piercing. It's his right earlobe.</li>
  457. <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>
  458. <ul>
  459. <li>His tie represents his drop.</li>
  460. <li>His sunarrow-downes represent his Top-Section before the drop.</li>
  461. </ul>
  462. </div>
  463. </div>
  464. <!----- End Permissions ----->
  465.  
  466. <!----- Start Favourite Images ----->
  467. <span style="color:#614430; font-size:1.4rem;">Favourite Images</span><hr class="mt-1 mb-2">
  468. <div class="row no-gutters">
  469. <div class="container p-0 rounded-0" style="background-color:#E9D1C3; border:#614430 2px solid;" ><img src="???"></div>
  470. <div class="container p-0 rounded-0" style="background-color:#E9D1C3; border:#614430 2px solid;" ><img src="???"></div>
  471. <div class="container p-0 rounded-0" style="background-color:#E9D1C3; border:#614430 2px solid;" ><img src="???"></div>
  472. <div class="container p-0 rounded-0" style="background-color:#E9D1C3; border:#614430 2px solid;" ><img src="???"></div>
  473. <div class="container p-0 rounded-0" style="background-color:#E9D1C3; border:#614430 2px solid;" ><img src="???"></div>
  474. </div>
  475. <!----- End Favourite Images ----->
  476.  
  477. </div>
  478. <!------ End Left Column ------>
  479.  
  480. <!------ Start Right Column ------>
  481. <div class="col-lg-4 col-12">
  482. <div style="position:sticky; top:20px;">
  483. <div class="container p-3" style="background-color:#E9D1C3;">
  484.  
  485. <span class="justify-content-center pb-1" style="color:#614430; font-size:1.4rem;">Hair</span><hr class="mt-1 mb-2">
  486. <div class="row m-2">
  487. <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>
  488. </div>
  489.  
  490. <span class="justify-content-center pb-1" style="color:#614430; font-size:1.4rem;">Eyes</span><hr class="mt-1 mb-2">
  491. <div class="row m-2">
  492. <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>
  493. </div>
  494.  
  495. <span class="justify-content-center pb-1" style="color:#614430; font-size:1.4rem;">Skintone</span><hr class="mt-1 mb-2">
  496. <div class="row m-2">
  497. <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>
  498. <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>
  499. </div>
  500.  
  501. <span class="justify-content-center pb-1" style="color:#614430; font-size:1.4rem;">Clothes</span><hr class="mt-1 mb-2">
  502. <div class="row m-2">
  503. <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>
  504. <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>
  505. <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>
  506. </div>
  507.  
  508. <span class="justify-content-center pb-1" style="color:#614430; font-size:1.4rem;">Accessories</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:#CE6800; border:#000000 2px solid;"><span>Curry Powder</span><span>#CE6800</span></div>
  511. </div>
  512.  
  513. <span class="justify-content-center mb-2 pb-1" style="color:#614430; font-size:1.4rem;">Characteristics</span><hr class="mt-1 mb-2">
  514. <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>
  515. <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>
  516. <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>
  517. <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>
  518. <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>
  519. <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>
  520. <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>
  521. <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>
  522. <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>
  523. <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>
  524.  
  525. </div>
  526. </div>
  527. </div>
  528. <!------ End Right Column ------>
  529.  
  530. </div>
  531.  
  532. </div>
  533.  
  534. </div>
  535. <!------------------------------- END PAGE THREE -------------------------------->
  536.  
  537. <!------------------------------- START PAGE FOUR -------------------------------->
  538. <div class="tab-pane fade" id="four">
  539.  
  540. <div class="text-uppercase text-center display-4 p-4" style="color:#614430; background-color:#E9D1C3;"><i class="fas fa-glass fa-flip-horizontal"></i> LIFE STORY <i class="fas fa-glass"></i></div>
  541.  
  542. <div class="card bg-transparent p-4 border-0 rounded-0">
  543.  
  544. <!------ Start Story Texts ------>
  545. <div class="col-12 p-3">
  546.  
  547. <span style="color:#614430; font-size:1.4rem;">Title - Ages 0-1 (199X-200X)</span><hr class="mt-1 mb-2">
  548. <p>???</p>
  549. <br>
  550.  
  551. </div>
  552. <!------ End Story Texts ------>
  553.  
  554. </div>
  555.  
  556. </div>
  557. <!------------------------------- END PAGE FOUR -------------------------------->
  558.  
  559. <!------------------------------- START PAGE FIVE -------------------------------->
  560. <div class="tab-pane fade" id="five">
  561.  
  562. <div class="text-uppercase text-center display-4 p-4" style="color:#614430; background-color:#E9D1C3;"><i class="fas fa-glass fa-flip-horizontal"></i> LINKS <i class="fas fa-glass"></i></div>
  563.  
  564. <div class="card bg-transparent p-4 border-0 rounded-0">
  565.  
  566. <!----- Start Buddy ----->
  567. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  568. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  569. <a data-toggle="tooltip" href="???"><img src="???"></a>
  570. </div>
  571. </div><div class="col-12 col-lg-10">
  572. <a href="???" style="color:#614430; font-size:1.4rem;">???</a><span class="pull-right" style="color:#614430; font-size:1.4rem;">???</span><hr class="mt-0 mb-2">
  573. <p>???</p>
  574. </div></div>
  575. <!----- End Buddy ----->
  576.  
  577. <!----- Start Buddy ----->
  578. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  579. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  580. <a data-toggle="tooltip" href="???"><img src="???"></a>
  581. </div>
  582. </div><div class="col-12 col-lg-10">
  583. <a href="???" style="color:#614430; font-size:1.4rem;">???</a><span class="pull-right" style="color:#614430; font-size:1.4rem;">???</span><hr class="mt-0 mb-2">
  584. <p>???</p>
  585. </div></div>
  586. <!----- End Buddy ----->
  587.  
  588. <!----- Start Buddy ----->
  589. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  590. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  591. <a data-toggle="tooltip" href="???"><img src="???"></a>
  592. </div>
  593. </div><div class="col-12 col-lg-10">
  594. <a href="???" style="color:#614430; font-size:1.4rem;">???</a><span class="pull-right" style="color:#614430; font-size:1.4rem;">???</span><hr class="mt-0 mb-2">
  595. <p>???</p>
  596. </div></div>
  597. <!----- End Buddy ----->
  598.  
  599. </div>
  600.  
  601. </div>
  602. <!------------------------------- END PAGE FIVE -------------------------------->
  603.  
  604. <!------------------------------- START PAGE SIX -------------------------------->
  605. <div class="tab-pane fade" id="six">
  606.  
  607. <div class="text-uppercase text-center display-4 p-4" style="color:#614430; background-color:#E9D1C3;"><i class="fas fa-glass fa-flip-horizontal"></i> TRIVIA <i class="fas fa-glass"></i></div>
  608.  
  609. <div class="card bg-transparent p-4 border-0 rounded-0">
  610.  
  611. <!------ Start Trivia Texts ------>
  612. <div class="col-12 p-3">
  613.  
  614. <span style="color:#614430; font-size:1.4rem;">Interesting Facts / Canon Trivia</span><hr class="mt-1 mb-2">
  615. <ul>
  616. <li>None.</li>
  617. </ul>
  618. </ul>
  619. <br>
  620.  
  621. <span style="color:#614430; font-size:1.4rem;">"Word Of God" Trivia</span><hr class="mt-1 mb-2">
  622. <ul>
  623. <li>None.</li>
  624. </ul>
  625. <br>
  626.  
  627. <span style="color:#614430; font-size:1.4rem;">Developmental Trivia</span><hr class="mt-1 mb-2">
  628. <ul>
  629. <li>??? was created at (??:??) on ??.??.??.</li>
  630. <li>???'s Toyhouse title is "???", ???.</li>
  631. <li>??? First name meaning here ???</li>
  632. <ul>
  633. <li>???</li>
  634. </ul>
  635. </ul>
  636. <br>
  637.  
  638. <span style="color:#614430; font-size:1.4rem;">Real-Life Rollercoaster Trivia</span><hr class="mt-1 mb-2">
  639. <ul>
  640. <li>None / Remove.</li>
  641. </ul>
  642. <br>
  643.  
  644. <span style="color:#614430; font-size:1.4rem;">Retcons & Mistakes</span><hr class="mt-1 mb-2">
  645. <ul>
  646. <li>None.</li>
  647. </ul>
  648. <br>
  649.  
  650. <span style="color:#614430; font-size:1.4rem;">Worth Tracker</span><hr class="mt-1 mb-2">
  651. <ul>
  652. <li><span class="font-weight-bold">Current Worth Is: £17.50</span></li>
  653. <li>DD.MM.YYYY - Commissioned Person - Added £???</li>
  654. <li>DD.MM.YYYY - Made By @CrispinAsheYA - Starting Price £0</li>
  655. </ul>
  656. <br>
  657.  
  658. </div>
  659. <!------ End Trivia Texts ------>
  660.  
  661. </div>
  662.  
  663. </div>
  664. <!------------------------------- END PAGE SIX -------------------------------->
  665.  
  666. <!------------------------------- START PAGE SEVEN -------------------------------->
  667. <div class="tab-pane fade" id="seven">
  668.  
  669. <div class="text-uppercase text-center display-4 p-4" style="color:#614430; background-color:#E9D1C3;"><i class="fas fa-glass fa-flip-horizontal"></i> HEADCANONS <i class="fas fa-glass"></i></div>
  670.  
  671. <div class="card bg-transparent p-4 border-0 rounded-0">
  672. <div class="col-12 p-3">
  673.  
  674. <!------ Start Headcanons ------>
  675. <span style="color:#614430; font-size:1.4rem;">Canon</span><hr class="mt-1 mb-2">
  676. <ul>
  677. <li><b>@???</b> - ???</li>
  678. <li><b>@???</b> - ???</li>
  679. <li><b>@???</b> - ???</li>
  680. </ul>
  681. <br>
  682.  
  683. <span style="color:#614430; font-size:1.4rem;">Maybe</span><hr class="mt-1 mb-2">
  684. <ul>
  685. <li><b>@???</b> - ???</li>
  686. <li><b>@???</b> - ???</li>
  687. <li><b>@???</b> - ???</li>
  688. </ul>
  689. <br>
  690.  
  691. <span style="color:#614430; font-size:1.4rem;">Not Canon</span><hr class="mt-1 mb-2">
  692. <ul>
  693. <li><b>@???</b> - ???</li>
  694. <li><b>@???</b> - ???</li>
  695. <li><b>@???</b> - ???</li>
  696. </ul>
  697. <br>
  698. <!------ End Headcanons ------>
  699.  
  700. </div>
  701. </div>
  702. </div>
  703. <!------------------------------- END PAGE SEVEN -------------------------------->
  704.  
  705. <!------------------------------- START PAGE EIGHT -------------------------------->
  706. <div class="tab-pane fade" id="eight">
  707.  
  708. <div class="text-uppercase text-center display-4 p-4" style="color:#614430; background-color:#E9D1C3;"><i class="fas fa-glass fa-flip-horizontal"></i> BONUS <i class="fas fa-glass"></i></div>
  709.  
  710. <div class="card bg-transparent p-4 border-0 rounded-0">
  711. <div class="row no-gutters">
  712.  
  713. <!------ Start Left Column ------>
  714. <div class="col-lg mr-lg-4 col-12 px-3">
  715.  
  716. <!------ Start Awards ------>
  717. <div class="col-12 container text-center mb-2 p-3">
  718. <span class="justify-content-center mb-2 pb-1" style="color:#614430; font-size:1.4rem;">Awards Cabinet</span><hr class="mt-1 mb-2">
  719. <div class="justify-content-center row no-gutters">
  720.  
  721. <!-- 11 Award -->
  722. <div class="tooltipster px-3 pb-3" title="【 Bean Water 】">
  723. <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>
  724. <!-- 11 Award -->
  725.  
  726. </div>
  727. </div>
  728. <!------ End Awards ------>
  729.  
  730. <!------ Start Moodboard ------>
  731. <div class="col-12 container my-2 p-3">
  732. <span class="justify-content-center mb-2 pb-1" style="color:#614430; font-size:1.4rem;">Moodboard</span><hr class="mt-1 mb-2">
  733.  
  734. <!---- Start Images ---->
  735. <div class="col-12 row mx-auto p-0" style="border:#000000 4px solid;">
  736. <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>
  737. <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>
  738. <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>
  739. <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>
  740. <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>
  741. <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>
  742. <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>
  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>
  746. <!---- End Images ---->
  747.  
  748. <!--- Start Credits -->
  749. <div class="m-0 py-2 text-center" style="background-color:#614430; border:#000000 4px solid; border-top:none;">
  750. <a href="???" data-toggle="tooltip" title="Moodboard Image 1 Source"><span style="color:#FFFFFF;"><i class="fas fa-candy-bar fa-rotate-90"></i></span></a>
  751. <a href="???" data-toggle="tooltip" title="Moodboard Image 2 Source"><span style="color:#FFFFFF;"><i class="fas fa-candy-bar fa-rotate-90"></i></span></a>
  752. <a href="???" data-toggle="tooltip" title="Moodboard Image 3 Source"><span style="color:#FFFFFF;"><i class="fas fa-candy-bar fa-rotate-90"></i></span></a>
  753. <a href="???" data-toggle="tooltip" title="Moodboard Image 4 Source"><span style="color:#FFFFFF;"><i class="fas fa-candy-bar fa-rotate-90"></i></span></a>
  754. <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>
  755. <a href="???" data-toggle="tooltip" title="Moodboard Image 6 Source"><span style="color:#FFFFFF;"><i class="fas fa-candy-bar fa-rotate-90"></i></span></a>
  756. <a href="???" data-toggle="tooltip" title="Moodboard Image 7 Source"><span style="color:#FFFFFF;"><i class="fas fa-candy-bar fa-rotate-90"></i></span></a>
  757. <a href="???" data-toggle="tooltip" title="Moodboard Image 8 Source"><span style="color:#FFFFFF;"><i class="fas fa-candy-bar fa-rotate-90"></i></span></a>
  758. <a href="???" data-toggle="tooltip" title="Moodboard Image 9 Source"><span style="color:#FFFFFF;"><i class="fas fa-candy-bar fa-rotate-90"></i></span></a>
  759. </div>
  760. <!--- End Credits -->
  761.  
  762. </div>
  763. <!------ End Moodboard ------>
  764.  
  765. <!----- Start Kin/Inspo ----->
  766. <div class="col-12 container my-2 p-3">
  767. <span class="justify-content-center mb-2 pb-1" style="color:#614430; font-size:1.4rem;">Kin/Inspo List</span><hr class="mt-1 mb-2">
  768.  
  769. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  770. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  771. <a data-toggle="tooltip" href="???"><img src="???"></a>
  772. </div>
  773. </div><div class="col-12 col-lg-10">
  774. <a href="???" style="color:#614430;">???</a><span class="pull-right">???</span><hr class="mt-0 mb-2"><p>???</p>
  775. </div></div>
  776.  
  777. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  778. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  779. <a data-toggle="tooltip" href="???"><img src="???"></a>
  780. </div>
  781. </div><div class="col-12 col-lg-10">
  782. <a href="???" style="color:#614430;">???</a><span class="pull-right">???</span><hr class="mt-0 mb-2"><p>???</p>
  783. </div></div>
  784.  
  785. <div class="row my-4"><div class="col-12 col-lg-2 mb-2 mb-sm-0">
  786. <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  787. <a data-toggle="tooltip" href="???"><img src="???"></a>
  788. </div>
  789. </div><div class="col-12 col-lg-10">
  790. <a href="???" style="color:#614430;">???</a><span class="pull-right">???</span><hr class="mt-0 mb-2"><p>???</p>
  791. </div></div>
  792. </div>
  793. <!----- End Kin/Inspo ----->
  794.  
  795. <!------ Start Interview ----->
  796. <div class="col-12 container text-center my-2 p-3">
  797. <span class="justify-content-center mb-2 pb-1" style="color:#614430; font-size:1.4rem;">Interview</span><hr class="mt-1 mb-2">
  798. <h3><i>???</i></h3>
  799. <p>???</p><br>
  800. <h3><i>???</i></h3>
  801. <p>???</p><br>
  802. <h3><i>???</i></h3>
  803. <p>???</p><br>
  804. </div>
  805. <!------ End Interview ----->
  806.  
  807. </div>
  808. <!------ End Left Column ------>
  809.  
  810. <!------ Start Right Column ------>
  811. <div class="col-lg-4 col-12">
  812. <div style="position:sticky; top:20px;">
  813. <div class="container p-3" style="background-color:#E9D1C3;">
  814.  
  815. <!------ Start Playlist ------>
  816. <span class="justify-content-center mb-2 pb-1" style="color:#614430; font-size:1.4rem;">Playlist</span><hr class="mt-1 mb-2">
  817.  
  818. <!-- Start Song -->
  819. <div class="text-center mx-auto p-3" style="max-width:300px;">
  820. <p style="color:#614430; font-weight:bold;">Title<br>Artist</p>
  821. <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>
  822. <iframe style="width:500%; height:500%; position:absolute; opacity:.001;"
  823.  
  824. src="https://www.youtube.com/embed/???"></iframe> <!-- Where the ??? is, put the "jN5CYnaZk6w" section of a youtube link found after the "watch?v=" -->
  825.  
  826. </div>
  827. <div class="pb-3"><a class="btn btn-block rounded-0" href="???" style="color:#FFFFFF; background-color:#614430;">Youtube Link</a></div>
  828. </div>
  829. <!-- End Song -->
  830.  
  831. <!-- Start Song -->
  832. <div class="text-center mx-auto p-3" style="max-width:300px;">
  833. <p style="color:#614430; font-weight:bold;">Title<br>Artist</p>
  834. <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>
  835. <iframe style="width:500%; height:500%; position:absolute; opacity:.001;"
  836.  
  837. src="https://www.youtube.com/embed/???"></iframe> <!-- Where the ??? is, put the "jN5CYnaZk6w" section of a youtube link found after the "watch?v=" -->
  838.  
  839. </div>
  840. <div class="pb-3"><a class="btn btn-block rounded-0" href="???" style="color:#FFFFFF; background-color:#614430;">Youtube Link</a></div>
  841. </div>
  842. <!-- End Song -->
  843.  
  844. <!-- Start Song -->
  845. <div class="text-center mx-auto p-3" style="max-width:300px;">
  846. <p style="color:#614430; font-weight:bold;">Title<br>Artist</p>
  847. <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>
  848. <iframe style="width:500%; height:500%; position:absolute; opacity:.001;"
  849.  
  850. src="https://www.youtube.com/embed/???"></iframe> <!-- Where the ??? is, put the "jN5CYnaZk6w" section of a youtube link found after the "watch?v=" -->
  851.  
  852. </div>
  853. <div class="pb-3"><a class="btn btn-block rounded-0" href="???" style="color:#FFFFFF; background-color:#614430;">Youtube Link</a></div>
  854. </div>
  855. <!-- End Song -->
  856.  
  857. <!------ End Playlist ------>
  858.  
  859. </div>
  860. </div>
  861. </div>
  862. <!------ End Right Column ------>
  863.  
  864. </div>
  865.  
  866. </div>
  867.  
  868. </div>
  869. <!------------------------------- END PAGE EIGHT -------------------------------->
  870.  
  871. <!------------------------------- START PAGE NINE -------------------------------->
  872. <div class="tab-pane fade" id="nine">
  873.  
  874. <div class="text-uppercase text-center display-4 p-4" style="color:#614430; background-color:#E9D1C3;"><i class="fas fa-glass fa-flip-horizontal"></i> SLANDER <i class="fas fa-glass"></i></div>
  875.  
  876. <div class="card bg-transparent p-4 border-0 rounded-0">
  877. <div class="col-12 p-3">
  878.  
  879. <!----- Start Images ----->
  880. <div class="container p-0 rounded-0" style="background-color:#E9D1C3; border:#614430 2px solid;" ><img src="???"></div>
  881. <!----- End Images ----->
  882.  
  883. </div>
  884. </div>
  885. </div>
  886. <!------------------------------- END PAGE NINE -------------------------------->
  887.  
  888. </div>
  889.  
  890. </div>
  891. <!------------------------------- END PAGES -------------------------------->
  892.  
  893. </div>
  894.  
  895. </div>
  896. <!------------------------------- END MIDDLE -------------------------------->
  897.  
  898. <!------------------------------- START GALLERY-BUTTON -------------------------------->
  899. <div class="col-12 text-center py-3" style="background-color:#614430; border:#000000 4px solid;">
  900. <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>
  901. </div>
  902. <!------------------------------- END GALLERY-BUTTON -------------------------------->
  903.  
  904. <!------------------------------- START CREDITS LIST -------------------------------->
  905. <div class="col-12 py-2 text-center" style="font-size:1.4rem; background-color:#614430; border:#000000 4px solid;">
  906.  
  907. <a href="???" data-toggle="tooltip" title="Header Image Source"><span style="color:#FFFFFF;"><i class="fas fa-candy-bar fa-rotate-90"></i></span></a>
  908. <a href="https://toyhou.se/16006417.overlay" data-toggle="tooltip" title="Header Code Frankensteined From: CuckooHoopoe"><span style="color:#FFFFFF;"><i class="fas fa-candy-bar fa-rotate-90"></i></span></a>
  909. <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>
  910. <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-candy-bar fa-rotate-90"></i></span></a>
  911. <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-candy-bar fa-rotate-90"></i></span></a>
  912.  
  913. </div>
  914. <!------------------------------- END CREDITS LIST -------------------------------->
  915.  
  916. </div>
  917. <!------------------------------- 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!