Advertisement
GreaserDemon

Altered Code

Feb 22nd, 2022
155
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.48 KB | None | 0 0
  1. <!--
  2. CREDIT || fluffykweh • fluffiestkweh • fluffycodes
  3. KEEP THE CREDIT LOCATED SOMEWHERE VISIBLE ON THE PROFILE
  4.  
  5. • C O L O U R S •
  6. WHITE: #FAF8F9
  7. MAIN: #FF003B
  8. TEXT: #9E969B
  9.  
  10. • HOW TO CHANGE COLOURS •
  11. press ctrl+f while in the code editor, select the + infront of the "0 of 0", place the colour you want to replace in the "search for" bar and insert the colour you want to replace it with in the "replace with" bar, then select the "all" button next to "replace"
  12. you're highly encouraged to change the colours to suit your own tastes!
  13.  
  14. feel free to change the information shown on this layout; you can add / remove sections as you see fit!
  15. read my free to use rules for more information!
  16. -->
  17. <div class="container mx-auto">
  18. <div class="row justify-content-md-center align-items-center">
  19. <div class="col-sm-10">
  20. <!-- • M A I N B O X • -->
  21. <div class="card rounded-0 m-2" style="background-color:;border-color:#7E838C;">
  22. <div class="card-block">
  23. <div class="container mx-auto">
  24. <div class="row align-items-center justify-content-center">
  25. <div class="col-sm-4">
  26. <!-- • H E A D E R B O X • -->
  27. <div class="card rounded-0 m-2" style="background-color:#000000;border-color:#7E838C;">
  28. <div class="card-block">&nbsp;<img src="https://f2.toyhou.se/file/f2-toyhou-se/images/16161574_tT5Z5P5uTyCiIHK.png" class="rounded-circle fr-fic fr-dii" width="139" height="139">
  29. <b class="text-uppercase m-0" style="font-size: 1.5em; color: #FAF8F9;">NAME</b>
  30. <hr class="m-1" style="background-color: #9da6b5;">
  31.  
  32. <p class="text-lowercase" style="color: #FAF8F9;"><u><strong>Never selling or trading</strong></u><strong>&nbsp;!</strong></p><span style="font-size: 12px; color: rgb(157, 166, 181);">Obtained Via -- | Worth:</span><span style="font-size: 12px; color: rgb(123, 130, 140);">&nbsp;</span></div>
  33. </div>
  34. </div>
  35. <div class="col-sm-8"><b class="text-uppercase m-0" style="font-size: 1.5em; color: #56504a;"><span style="color: rgb(196, 196, 196);">BASICS</span></b>
  36. <hr class="m-1" style="background-color: #56504a;" width="50%">
  37. <div class="container">
  38. <div class="row">
  39. <!-- • L E F T S I D E • -->
  40. <div class="col-sm">
  41.  
  42. <p style="color: #9E969B;"><b class="text-uppercase" style="color:;;"><span style="color: rgb(126, 131, 140);">NAME:</span></b><span style="color: rgb(126, 131, 140);">&nbsp;--<br><b class="text-uppercase" style="color:;;">AGE:</b> --<br><b class="text-uppercase" style="color:;;">SEX:</b> --<br><b class="text-uppercase" style="color:;;">SPECIES:</b> --<br><b class="text-uppercase" style="color:;;">Theme:</b> --</span>
  43. <br><span style="color: rgb(126, 131, 140);"><span style="color: rgb(126, 131, 140);"><b class="text-uppercase" style="color:;;">VOICE:</b> --</span></span>
  44. </p>
  45. </div>
  46. <div class="col-sm">
  47.  
  48. <p style="color: #9E969B;"><span style="color: rgb(126, 131, 140);"><b class="text-uppercase" style="color:;;">ORIENTATION:</b> --<br><b class="text-uppercase" style="color:;;">OCCUPATION:</b> --<br><b class="text-uppercase" style="color:;;">Traits:</b> --<br><b class="text-uppercase" style="color:;;">Alignment:</b> --<br><b class="text-uppercase" style="color:;;">HEIGHT:</b> --</span>
  49. <br><span style="color: rgb(126, 131, 140);"><span style="color: rgb(126, 131, 140);"><b class="text-uppercase" style="color:;;">THEMEs/Inspo:</b><strong>♫ ♫ ♫</strong></span></span>
  50. </p>
  51. </div>
  52. </div>
  53. </div>
  54. <!-- • S T A M P B O X • -->
  55. <div class="card rounded-0 m-2" style="background-color:#000000;border-color:#7E838C;">
  56. <div class="card-block"><strong><span style="color: #ffffff;">PERSONALITY:</span></strong><span style="color: #ffffff;"><br>-- | -- | -- | -- | -- | --</span></div>
  57. </div>
  58. </div>
  59. </div>
  60. <!-- • A B O U T • -->
  61. <b class="text-uppercase m-0" style="font-size: 1.5em; color: #56504a;"><span style="color: #c4c4c4;">ABOUT</span></b>
  62. <hr class="m-1" style="background-color: #56504a;" width="50%">
  63.  
  64. <p dir="ltr"><span style="color: rgb(126, 131, 140);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas facilisis ex quis enim condimentum, vulputate elementum lacus viverra. Donec non dui id augue pellentesque aliquam et eget felis. Aliquam erat volutpat. &nbsp;Nulla nulla augue, vehicula id volutpat nec, auctor et ipsum. Phasellus pretium non libero eu ultricies.&nbsp;</span></p>
  65. <br>
  66. </div>
  67. <div class="container mx-auto">
  68. <div class="row align-items-center justify-content-center">
  69. <div class="col-sm">
  70. <!-- • L I K E S • -->
  71. <b class="text-uppercase m-0" style="font-size: 1.5em; color: #56504a;"><span style="color: #c4c4c4;">LIKES</span></b>
  72. <hr class="m-1" style="background-color: #56504a;" width="50%">
  73.  
  74. <p><span style="color: rgb(196, 196, 196);">&bull;</span><span style="color: rgb(126, 131, 140);">&nbsp;--<br><span style="color: rgb(196, 196, 196);">&bull;</span> --
  75. <br><span style="color: rgb(196, 196, 196);">&bull;</span> --</span>
  76. </p>
  77. </div>
  78. <div class="col-sm">
  79. <!-- • D I S L I K E S • -->
  80. <b class="text-uppercase m-0" style="font-size: 1.5em; color: #56504a;"><span style="color: #c4c4c4;">DISLIKES</span></b>
  81. <hr class="m-1" style="background-color: #56504a;" width="50%">
  82.  
  83. <p><span style="color: rgb(196, 196, 196);">&bull;</span><span style="color: rgb(126, 131, 140);">&nbsp;--<br><span style="color: rgb(196, 196, 196);">&bull;</span> --
  84. <br><span style="color: rgb(196, 196, 196);">&bull;</span> --</span>
  85. </p>
  86. </div>
  87. <div class="col-sm">
  88. <!-- • I N T E R E S T S • -->
  89. <b class="text-uppercase m-0" style="font-size: 1.5em; color: #56504a;"><span style="color: #c4c4c4;">INTERESTS</span></b>
  90. <hr class="m-1" style="background-color: #56504a;" width="50%">
  91.  
  92. <p><span style="color: rgb(196, 196, 196);">&bull;</span><span style="color: rgb(126, 131, 140);">&nbsp;--<br><span style="color: rgb(196, 196, 196);">&bull;</span> --
  93. <br><span style="color: rgb(196, 196, 196);">&bull;</span> --</span>
  94. </p>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="container mx-auto">
  99. <div class="row align-items-center justify-content-center">
  100. <div class="col-sm">
  101. <!-- • A P P E A R A N C E • -->&nbsp; &nbsp;
  102. <br><b class="text-uppercase m-0" style="font-size: 1.5em; color: #56504a;"><span style="color: #c4c4c4;">Alternate Forms</span></b>
  103. <hr class="m-1" style="background-color: #56504a;" width="50%">
  104.  
  105. <ul style="list-style-type: disc;">
  106. <li style="color: #C4C4C4;"><span style="color: rgb(126, 131, 140);">--</span></li>
  107. <li style="color: #C4C4C4;"><span style="color: rgb(126, 131, 140);">--</span></li>
  108. </ul><strong><span style="color: rgb(226, 226, 226);">&gt;&gt; More Friends &gt;&gt;</span></strong><span style="color: rgb(126, 131, 140);"><br>Name | Name | Name | Name<br><br></span><strong><em><span style="color: rgb(226, 226, 226);">! ALWAYS OPEN FOR FRIENDSHIPS !</span></em></strong>
  109. <br>
  110. <br>
  111. </div>
  112. <div class="col-sm">
  113. <!-- • I M A G E B O X - image itself can be whatever size! • -->
  114. <div class="card rounded-0 m-2" style="background-color:#000000;border-color:#56504a;">
  115. <div class="card-block"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/16161574_tT5Z5P5uTyCiIHK.png" class="fr-fic fr-dii" width="139" height="139"></div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. <div class="container mx-auto"><b class="text-uppercase m-0" style="font-size: 1.5em; color: #56504a;"><span style="color: #c4c4c4;">RELATIONSHIPS</span></b>
  121. <hr class="m-1" style="background-color: #56504a;" width="50%">
  122. <div class="row align-items-center justify-content-center">
  123. <!-- • R E L A T I O N S H I P S - delete what isn't required! • -->
  124. <div class="col-sm">
  125. <br><img src="https://via.placeholder.com/75/FFFFFF/56504a" class="rounded-circle fr-fic fr-dii" width="75" height="75">
  126. <br>
  127. <div class="btn btn-sm text-uppercase" style="background-color:#000000;color:#FAF8F9;"><strong>Name</strong></div>
  128.  
  129. <p style="color: #9E969B;"><span style="color: rgb(111, 111, 128); font-size: 12px;">Relationship</span></p>
  130. </div>
  131. <div class="col-sm">
  132. <br><span style="color: #414141;"><img src="https://via.placeholder.com/75/FFFFFF/56504a" class="rounded-circle fr-fic fr-dii" width="75" height="75"></span>
  133. <br>
  134. <div class="btn btn-sm text-uppercase" style="background-color:#000000;color:#FAF8F9;"><strong>NAME</strong></div>
  135.  
  136. <p style="color: #9E969B;"><span style="color: rgb(111, 111, 128); font-size: 12px;">Relationship</span></p>
  137. </div>
  138. <div class="col-sm">
  139. <br><img src="https://via.placeholder.com/75/FFFFFF/56504a" class="rounded-circle fr-fic fr-dii" width="75" height="75">
  140. <div class="btn btn-sm text-uppercase" style="background-color:#000000;color:#FAF8F9;"><strong>NAME</strong></div>
  141.  
  142. <p style="color: #9E969B;"><span style="color: rgb(111, 111, 128); font-size: 12px;">Relationship</span></p>
  143. </div>
  144. <div class="col-sm">
  145. <br><span style="color: #414141;"><img src="https://via.placeholder.com/75/FFFFFF/56504a" class="rounded-circle fr-fic fr-dii" width="75" height="75"></span>
  146. <div class="btn btn-sm text-uppercase" style="background-color:#000000;color:#FAF8F9;"><strong>NAME</strong></div>
  147.  
  148. <p style="color: #9E969B;"><span style="color: rgb(111, 111, 128); font-size: 12px;">Relationship</span></p>
  149. </div>
  150. <div class="col-sm">
  151. <br><img src="https://via.placeholder.com/75/FFFFFF/56504a" class="rounded-circle fr-fic fr-dii" width="75" height="75">
  152. <div class="btn btn-sm text-uppercase" style="background-color:#000000;color:#FAF8F9;"><strong>NAME</strong></div>
  153.  
  154. <p style="color: #9E969B;"><span style="color: rgb(111, 111, 128); font-size: 12px;">Relationship</span></p>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. <div align="right"><a href="https://toyhou.se/fluffycodes" style="color:#C4C4C4;" target="_blank"><i class="fas fa-code"></i></a></div>
  161. </div>
  162. </div>
  163. </div>
  164.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement