Advertisement
tsumuan

coffincode

May 16th, 2023 (edited)
1,178
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.22 KB | None | 0 0
  1. <!--
  2. /\_/\ /\_/\ /\_/\ /\_/\ /\_/\ /\_/\ /\_/\ /\_/\ /\_/\ /\_/\ /\_/\
  3. ( o.o )( o.o )( o.o )( o.o )( o.o )( o.o )( o.o )( o.o )( o.o )( o.o )( o.o )
  4. > ^ < > ^ < > ^ < > ^ < > ^ < > ^ < > ^ < > ^ < > ^ < > ^ < > ^ <
  5. /\_/\ ____ _____ ___ _ _ __ _ _ __ __ __ /\_/\
  6. ( o.o ) ( _ \( _ )/ __)( )/ ) /__\ ( )/ ) /__\ ( ) /__\ ( o.o )
  7. > ^ < ) / )(_)( \__ \ ) ( /(__)\ ) ( /(__)\ )(__ /(__)\ > ^ <
  8. /\_/\ (_)\_)(_____)(___/(_)\_)(__)(__)(_)\_)(__)(__)(____)(__)(__) /\_/\
  9. ( o.o ) ___ _____ ____ ____ ___ ( o.o )
  10. > ^ < / __)( _ )( _ \( ___)/ __) > ^ <
  11. /\_/\ ( (__ )(_)( )(_) ))__) \__ \ /\_/\
  12. ( o.o ) \___)(_____)(____/(____)(___/ ( o.o )
  13. > ^ < > ^ <
  14. /\_/\ /\_/\ /\_/\ /\_/\ /\_/\ /\_/\ /\_/\ /\_/\ /\_/\ /\_/\ /\_/\
  15. ( o.o )( o.o )( o.o )( o.o )( o.o )( o.o )( o.o )( o.o )( o.o )( o.o )( o.o )
  16. > ^ < > ^ < > ^ < > ^ < > ^ < > ^ < > ^ < > ^ < > ^ < > ^ < > ^ <
  17. -->
  18.  
  19. <!-- Texture n color stuff :D // highlight the material you want to replace. Press CTRL + F on your keyboard. click the plus mark and replace all! -->
  20. <!-- black gradient: dark: #0f0f0f light: #454545 -->
  21. <!-- dark red: #a80202 -->
  22. <!-- white: #ffffff -->
  23. <!-- Black: #000000 -->
  24.  
  25.  
  26.  
  27.  
  28.  
  29. <!--------------------------- BACKGROUND IMAGE --------------------------->
  30. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  31. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  32. <div style="position:absolute;top:0;bottom:0;left:0;
  33.  
  34. background:url(https://f2.toyhou.se/file/f2-toyhou-se/images/65084240_Fdj3e9GoNYj0dHb.jpg)
  35.  
  36. fixed center;background-size:cover;width:100%;z-index:-2;"></div>
  37. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  38. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  39.  
  40.  
  41. <div class="container">
  42. <div class="row no-gutters justify-content-center" style="display:flex; margin: auto; height: auto; max-width: 1100px;">
  43.  
  44. <!--------------------------- ROSE DECORATIONS --------------------------->
  45. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  46. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  47.  
  48.  
  49. <img class="d-none d-lg-block" src="https://f2.toyhou.se/file/f2-toyhou-se/images/65084212_Pvf2Qvubs1jJX9L.png" width="580" height="100" style="position:absolute; margin-top: 470px; margin-left:20px; ;z-index:2; ">
  50. <img class="d-none d-lg-block" src="https://f2.toyhou.se/file/f2-toyhou-se/images/65084212_Pvf2Qvubs1jJX9L.png" width="580" height="100" style="position:absolute; margin-top: 120px; margin-left:80px; ;z-index:-1; ">
  51.  
  52.  
  53. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  54. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  55.  
  56.  
  57. <div class="col-lg " style="height: 558px; z-index:2; max-width: 347px; clip-path: polygon(31% 0, 69% 0, 100% 22%, 72% 100%, 25% 100%, 0 22%); background: linear-gradient(to bottom, #0f0f0f 20%, #454545 50%, #0f0f0f 100%);">
  58.  
  59.  
  60. <!--------------------------- CHARACTER ICON (backround-image: url) --------------------------->
  61. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  62. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  63. <center><div style="height: 538px; max-width: 322px; margin-top: 10px; clip-path: polygon(31% 0, 69% 0, 100% 22%, 72% 100%, 25% 100%, 0 22%);
  64.  
  65.  
  66. background-image: url(https://f2.toyhou.se/file/f2-toyhou-se/images/64954960_bohi7VQPhWbdV7E.png);
  67.  
  68.  
  69. background-size: cover; background-position: center;">
  70. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  71. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  72.  
  73.  
  74. <div style="height: 25px; position: absolute; top:15px; left:110px; width: 122px; background: linear-gradient(to left, #0f0f0f 20%, #454545 50%, #0f0f0f 100%); border: 3px solid #000000; border-radius: 10px; z-index: 3; line-height:0.9; display:flex; padding-left:5px; padding-top:2px; text-align: left;">
  75. <i class="fa-solid fa-music fa-1xl" style="color: #ffffff; "></i>
  76.  
  77. <!--------------------------- Music name. the current song is Helena by My Chemical Romance.--------------------------->
  78. <span style="font-family: georgia,palatino; font-size: 8px; margin-left:5px; margin-top:1px;">
  79.  
  80. <span style="color: #ffffff;">Song Name <br> Artist</span></strong></span>
  81.  
  82.  
  83. <!--------------------------- MUSIC, replace "7SM5laxokpg" with yr own link--------------------------->
  84. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  85. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  86.  
  87. <iframe src="https://www.youtube.com/embed/7SM5laxokpg?modestbranding=1"
  88.  
  89. style="position:absolute; top: 0; bottom:0; left:0; right:0; opacity: .001" class="h-100 w-100" frameborder="0"> </iframe> </div>
  90. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  91. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  92.  
  93.  
  94. <div style="height: 80px; max-width: 300px; position: absolute; background-color:#0f0f0f; margin-left: 10px; margin-top: 460px; border: 5px solid #000000;">
  95.  
  96.  
  97.  
  98. <!----------------------------- FIRST NAME ----------------------------->
  99. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  100. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  101. <span style="font-family: georgia,palatino; font-size: 23px;">
  102.  
  103.  
  104. <span style="color: #ffffff;">First Name</span></strong></span><br>
  105.  
  106.  
  107. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  108. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  109.  
  110.  
  111. <!----------------------------- ROSE DIVIDER UNDER NAME ----------------------------->
  112. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  113. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  114.  
  115. <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/65084212_Pvf2Qvubs1jJX9L.png"
  116.  
  117. style="margin-top: -10px; margin-left: -15px;"> </div> </div></center></div>
  118. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  119. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  120.  
  121.  
  122. <div class="col-lg mt-lg-5 mt-2 ml-lg-n5" style="max-width:740px; height:auto;">
  123. <div class="row no-gutters justify-content-center justify-content-lg-start mt-lg-5" style="height: 50px; z-index:3; max-width: 500px; display:flex;"><ul class="nav flex mt-lg-3 ml-lg-5" id="v-pills-tab" role="tablist" >
  124.  
  125. <!-- HOME BUTTON--->
  126. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  127. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  128. <li class="col-lg-3 nav-item ml-md-2 mt-lg-5 pt-1 ml-n2 mr-n2 mr-md-0">
  129. <a class="nav-link active justify-content-center pt-3" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true" style="height: 43px; width: 100px; background: linear-gradient(to left, #0f0f0f 20%, #454545 50%, #0f0f0f 100%); border: 3px solid #000000; border-radius: 10px;">
  130. <i class="fa-solid fa-house fa-2xl" style="color: #ffffff;"></i>
  131. </a></li>
  132. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  133. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  134.  
  135.  
  136. <!-- INFO BUTTON -->
  137. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  138. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  139. <li class="col-lg-3 nav-item ml-md-2 mt-lg-5 pt-1 ml-n2 mr-n2 mr-md-0">
  140. <a class="nav-link justify-content-center pt-3" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false" style="height: 43px; width: 100px; background: linear-gradient(to left, #0f0f0f 20%, #454545 50%, #0f0f0f 100%); border: 3px solid #000000; border-radius: 10px; ">
  141. <i class="fa-solid fa-circle-info fa-2xl" style="color: #ffffff;"></i>
  142. </a></li>
  143. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  144. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  145.  
  146.  
  147. <!-- MORE INFO BUTTON -->
  148. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  149. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  150. <li class="col-lg-3 nav-item ml-md-2 mt-lg-5 pt-1 ml-n2">
  151. <a class="nav-link justify-content-center pt-3" id="like-tab" data-toggle="tab" href="#like" role="tab" aria-controls="like" aria-selected="false" style="height: 43px; width: 100px; background: linear-gradient(to left, #0f0f0f 20%, #454545 50%, #0f0f0f 100%); border: 3px solid #000000; border-radius: 10px; ">
  152. <i class="fa-solid fa-heart fa-2xl" style="color: #ffffff; "></i>
  153. </a></li></ul></div>
  154. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  155. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  156.  
  157.  
  158. <div class="mt-lg-5 ml-lg-n5" >
  159. <div class="mt-lg-5 mt-1 ml-lg-n5" style="height: auto; padding: 8px; max-width: 637px; background: linear-gradient(to left, #0f0f0f 20%, #454545 50%, #0f0f0f 100%); border: 5px solid #000000; border-radius: 10px;"><div class="tab-content" id="myTabContent">
  160. <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
  161. <div class="row no-gutters justify-content-center" style="height: auto; max-width: 610px; display:flex;">
  162. <div class="col-lg ml-md-1 ml-0" style="height: auto; width: 10px;"> <a href="https://toyhou.se/Roskakala">
  163. <i class="fa-solid fa-code mb-lg-3 mb-n1 mr-lg-3" style="color:#e3f9ff; position:absolute; bottom:0px; right:0;"></i>
  164. </a> </div> <div class="col-lg " style="height: 278px; min-width: 300px;">
  165. <div style="height: 45px; width: 100%; padding: 8px; display:flex; justify-content: space-between; border-radius: 10px; margin-top: 8px; background: linear-gradient(to left, #171717 20%, #333333 50%, #171717 100%); border: 5px inset #000000;" >
  166.  
  167.  
  168. <span style="font-family: georgia,palatino; font-size: 13px;"><span style="color: #ffffff;">Full Name:</span></strong></span>
  169.  
  170.  
  171. <!------------------------------- CHARACTER FULL NAME ------------------------------->
  172. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  173. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  174. <span style="font-family: georgia,palatino; font-size: 13px;">
  175.  
  176.  
  177. <span style="color: #ffffff;">Character Name</span></strong></span> </div>
  178.  
  179.  
  180. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  181. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  182.  
  183. <div style="height: 45px; max-width: 100%; padding: 8px; border-radius: 10px;display:flex; justify-content: space-between; margin-top: 10px; background: linear-gradient(to left, #171717 20%, #333333 50%, #171717 100%); border: 5px inset #000000;" >
  184. <span style="font-family: georgia,palatino; font-size: 13px;"><span style="color: #ffffff;">Pronouns:</span></strong></span>
  185.  
  186.  
  187. <!------------------------------- PRONOUNSSSS ------------------------------->
  188. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  189. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  190. <span style="font-family: georgia,palatino; font-size: 13px;">
  191.  
  192.  
  193. <span style="color: #ffffff;">Pro/Nouns</span></strong></span></div>
  194.  
  195.  
  196. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  197. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  198.  
  199. <div style="height: 45px; max-width: 100%; padding: 8px; border-radius: 10px; display:flex; justify-content: space-between; margin-top: 10px; background: linear-gradient(to left, #171717 20%, #333333 50%, #171717 100%); border: 5px inset #000000;" >
  200. <span style="font-family: georgia,palatino; font-size: 13px;"><span style="color: #ffffff;">Orientation:</span></strong></span>
  201.  
  202. <!------------------------------- ORIENTATION ------------------------------->
  203. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  204. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  205. <span style="font-family: georgia,palatino; font-size: 13px;">
  206.  
  207.  
  208. <span style="color: #ffffff;">Sexuality</span></strong></span></div>
  209.  
  210.  
  211. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  212. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  213.  
  214. <div style="height: 45px; max-width: 100%; padding: 8px; border-radius: 10px; display:flex; justify-content: space-between; margin-top: 10px; background: linear-gradient(to left, #171717 20%, #333333 50%, #171717 100%); border: 5px inset #000000;" >
  215. <span style="font-family: georgia,palatino; font-size: 13px;"><span style="color: #ffffff;">Age:</span></strong></span>
  216.  
  217. <!------------------------------- AGE!!! ------------------------------->
  218. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  219. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  220. <span style="font-family: georgia,palatino; font-size: 13px;">
  221.  
  222.  
  223. <span style="color: #ffffff;">3456</span></strong></span></div>
  224.  
  225.  
  226. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  227. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  228.  
  229.  
  230. <div style="height: 45px; max-width: 100%; padding: 8px; border-radius: 10px; display:flex; justify-content: space-between; margin-top: 10px; background: linear-gradient(to left, #171717 20%, #333333 50%, #171717 100%); border: 5px inset #000000;" >
  231. <span style="font-family: georgia,palatino; font-size: 13px;"><span style="color: #ffffff;">Species:</span></strong></span>
  232.  
  233. <!------------------------------- SPECIES!!!! ------------------------------->
  234. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  235. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  236. <span style="font-family: georgia,palatino; font-size: 13px;">
  237.  
  238.  
  239. <span style="color: #ffffff;">HTML</span></strong></span> </div>
  240.  
  241.  
  242. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  243. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  244.  
  245. </div>
  246. <div class="col-lg mt-md-0 mt-1 ml-3 mr-2" style="max-width: 101px; height: 278px;">
  247.  
  248.  
  249. <!--------------------------------- STAMP1 --------------------------------->
  250. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  251. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  252.  
  253. <img src="https://64.media.tumblr.com/b1d2082b47a87d69d9813ee3aa0fabd5/tumblr_inline_p3jlp05NNJ1vtcax5_500.gif" style=" margin-top: 10px; width:101px; height:57px;"><br>
  254.  
  255. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  256. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  257.  
  258. <!--------------------------------- STAMP2 --------------------------------->
  259. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  260. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  261.  
  262. <img src="https://64.media.tumblr.com/e32e51700ba6f410a7758d182fa69e43/tumblr_inline_rbs8h3k9dE1vefsve_500.png" style=" margin-top: 10px; width:101px; height:57px;"><br>
  263.  
  264. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  265. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  266.  
  267. <!--------------------------------- STAMP3 --------------------------------->
  268. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  269. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  270.  
  271. <img src="https://y2k.neocities.org/stamps2/d4lg6i9-78f47b74-1006-4a92-97c1-241d717c202b.png" style=" margin-top: 10px; width:101px; height:57px;"><br>
  272.  
  273. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  274. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  275.  
  276. <!--------------------------------- STAMP4 --------------------------------->
  277. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  278. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  279.  
  280. <img src="https://y2k.neocities.org/stamps/tumblr_inline_pe6lc7ijO61v11djx_1280.gif" style=" margin-top: 10px;"><br>
  281.  
  282. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  283. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  284. </div>
  285.  
  286.  
  287. <!--------------------------------- SIDE PICTURE --------------------------------->
  288. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  289. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  290. <div class="col-lg-1 col-6 mt-md-0 mt-1 ml-2 mr-2" style=" height: 278px; max-width: 100%;
  291.  
  292. background-image: url(https://i.pinimg.com/564x/0c/10/e8/0c10e8eaef871e0a5fb4d2ecea632295.jpg);
  293.  
  294. background-position: center; background-size: cover; border: 3px solid #000000;">
  295. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  296. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  297.  
  298. </div></div></div> <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
  299. <div class="row no-gutters justify-content-center" style="height: auto; max-width: 610px; display:flex; padding-bottom:6px;">
  300. <div class="col-lg ml-md-3 ml-0" style="height: auto; width: 10px;"></div>
  301. <div class="col-lg" style="height: auto; min-width: 300px;">
  302. <div style="height: 264px; width: 100%; padding: 8px; border-radius: 10px; margin-top: 8px; background: linear-gradient(to left, #171717 20%, #333333 50%, #171717 100%); border: 5px inset #000000; overflow: auto;" >
  303.  
  304.  
  305. <!--------------------------------- BIG INFO BOX --------------------------------->
  306. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  307. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  308. <span style="font-family: georgia,palatino; font-size: 15px;"><span style="color: #ffffff;">
  309.  
  310. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ornare hendrerit metus vitae tempor. In hac habitasse platea dictumst. Fusce sit amet metus tempor, maximus libero sed, luctus est. Praesent at enim et dui sagittis ultricies. Etiam quis ante vulputate nisi viverra volutpat. Pellentesque vehicula, nulla non feugiat sagittis, erat lacus ornare ante, vel volutpat tortor purus et nisi. Fusce vel consequat est, et dignissim nisl.
  311.  
  312. </span></strong></span>
  313. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  314. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  315. </div> </div>
  316. <div class="col-lg ml-md-3 mr-md-2" style="height: auto; min-width: 180px;">
  317. <div style="height: 100px; width: auto; padding: 8px; border-radius: 10px; margin-top: 25px; background: linear-gradient(to left, #171717 20%, #333333 50%, #171717 100%); border: 5px inset #000000; overflow: auto;" >
  318. <i class="fa-solid fa-heart fa-3x" style="color: #a80202; position: absolute; margin-top: -25px; margin-left: -20px;"></i>
  319.  
  320.  
  321.  
  322. <!--------------------------------- LIKES --------------------------------->
  323. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  324. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  325. <center><span style="font-family: georgia,palatino; font-size: 15px;"><span style="color: #ffffff;">
  326.  
  327. •thing•<br>
  328. •thing•<br>
  329. •thing•<br>
  330. •thing•<br>
  331. •thing•<br>
  332. •thing•<br>
  333. •thing•<br>
  334.  
  335. </span></strong></span></center>
  336. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  337. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  338.  
  339. </div> <div style="height: 100px; width: auto; padding: 8px; border-radius: 10px; margin-top: 30px; background: linear-gradient(to left, #171717 20%, #333333 50%, #171717 100%); border: 5px inset #000000; overflow: auto;" >
  340. <i class="fa-solid fa-heart-crack fa-3x" style="color: #a80202; position: absolute; margin-top: -25px; margin-left: -20px;"></i>
  341.  
  342.  
  343. <!--------------------------------- DISLIKES --------------------------------->
  344. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  345. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  346. <center><span style="font-family: georgia,palatino; font-size: 15px;"><span style="color: #ffffff;">
  347.  
  348. •thing•<br>
  349. •thing•<br>
  350. •thing•<br>
  351. •thing•<br>
  352. •thing•<br>
  353. •thing•<br>
  354. •thing•<br>
  355.  
  356. </span></strong></span></center>
  357. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  358. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  359.  
  360.  
  361. </div></div> </div> </div>
  362. <div class="tab-pane fade" id="like" role="tabpanel" aria-labelledby="like-tab">
  363. <div class="row no-gutters justify-content-center" style="height: auto; max-width: 610px; display:flex;">
  364. <div class="col-lg" style="height: auto; width: 5px;"></div>
  365. <div class="col-lg p-md-0 p-2 ml-md-2 ml-0 mb-3 mb-md-0" style="height: 278px; min-width: 350px;">
  366. <center><span style="font-family: georgia,palatino; font-size: 15px;"><span style="color: #ffffff;">Trivia</span></strong></span></center>
  367. <div style="height: 110px; max-width: auto; padding: 8px; border-radius: 10px; background: linear-gradient(to left, #171717 20%, #333333 50%, #171717 100%); border: 5px inset #000000; overflow: auto; margin-bottom: 8px;" >
  368.  
  369. <!--------------------------------- TRIVIA --------------------------------->
  370. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  371. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  372. <span style="font-family: georgia,palatino; font-size: 15px;"><span style="color: #ffffff;">
  373.  
  374. •thing<br>
  375. •thing<br>
  376. •thing<br>
  377. •thing<br>
  378. •thing<br>
  379. •thing<br>
  380. •thing<br>
  381.  
  382. </span></strong></span>
  383. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  384. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  385.  
  386.  
  387. </div><center><span style="font-family: georgia,palatino; font-size: 15px;"><span style="color: #ffffff;">Design notes:</span></strong></span></center>
  388. <div style="height: 110px; max-width: auto; padding: 8px; border-radius: 10px; background: linear-gradient(to left, #171717 20%, #333333 50%, #171717 100%); border: 5px inset #000000; overflow: auto;" >
  389.  
  390. <!--------------------------------- DESIGN NOTES --------------------------------->
  391. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  392. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  393. <span style="font-family: georgia,palatino; font-size: 15px;"><span style="color: #ffffff;">
  394.  
  395. •thing<br>
  396. •thing<br>
  397. •thing<br>
  398. •thing<br>
  399. •thing<br>
  400. •thing<br>
  401. •thing<br>
  402.  
  403. </span></strong></span>
  404. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  405. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  406.  
  407. </div>
  408. </div>
  409.  
  410. <div class="col-md ml-lg-2">
  411. <div class="d-flex flex-row flex-lg-column" style="width: auto; height:auto;">
  412.  
  413.  
  414. <!--------------------------------- RELATIONSHIP BOX1 --------------------------------->
  415. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  416. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  417.  
  418. <!-- relationtext is details-->
  419. <div class="col hidden-down tooltipster " title=" relationtext ">
  420.  
  421. <!-- link-->
  422. <a href="">
  423.  
  424. <!-- relationship icon-->
  425. <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/64954960_bohi7VQPhWbdV7E.png" width="90" height="90" style="border: 5px inset #000000;"><br>
  426.  
  427. </div></a>
  428.  
  429. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  430. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  431.  
  432.  
  433. <!--------------------------------- RELATIONSHIP BOX2 --------------------------------->
  434. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  435. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  436.  
  437.  
  438. <!-- relationtext is details-->
  439. <div class="col hidden-down tooltipster" title=" relationtext " >
  440.  
  441. <!-- link-->
  442. <a href="">
  443.  
  444. <!-- relationship icon-->
  445. <img class="mt-lg-1" src="https://f2.toyhou.se/file/f2-toyhou-se/images/64954960_bohi7VQPhWbdV7E.png" width="90" height="90" style="border: 5px inset #000000;"><br>
  446.  
  447. </div></a>
  448. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  449. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  450.  
  451.  
  452. <!--------------------------------- RELATIONSHIP BOX3 --------------------------------->
  453. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  454. <!-- aaaaaaaaaaaaaaaaaaaaaa -->
  455.  
  456. <!-- relationtext is details-->
  457. <div class="col hidden-down tooltipster" title=" relationtext" >
  458.  
  459. <!-- link-->
  460. <a href="">
  461.  
  462. <!-- relationship icon-->
  463. <img class="mt-lg-1" src="https://f2.toyhou.se/file/f2-toyhou-se/images/64954960_bohi7VQPhWbdV7E.png" width="90" height="90" style="border: 5px inset #000000;"><br>
  464.  
  465. </div></a>
  466. <!-- OOOOOOOOOOOOOOOOOOOOO -->
  467. <!-- OOOOOOOOOOOOOOOOOOOOOO -->
  468.  
  469.  
  470. </div></div> </div></div> </div> </div></div> </div></div></div></div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement