API tools faq
paste
Advertisement
CrispinAsheYA

Grey Wolf (Custom Colours)

CrispinAsheYA
May 13th, 2024
18
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.64 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.0
  4.  
  5. Default Colours
  6. -Main Text: #343434
  7. -Buttons: #5C677D
  8. -Background: #EFFFFF
  9. -Background Supplement: #BFCDDF
  10. -Social Media Buttons: #5C677C, #7E899F, #9FABBF, #BFCEDF
  11. -
  12. -Important Whites: #FFFFFF
  13. -Default Font-Awesome: fas fa-paw-claws | fas fa-claw-marks
  14.  
  15. All find and replace variables are "???". Simply press ctrl+F, search for ???, and it'll take you to all info that needs changing, whether it be text, links, or images.
  16.  
  17. Thank you for reading!
  18. Crispin
  19.  
  20. -->
  21.  
  22. <!--- Start Top Section --->
  23. <div class="card border-0 rounded-0" style="height:250px;">
  24. <div class="card border-0 rounded-0 " style="height:250px; background-image:url(???); background-size:cover; background-position:center;">
  25. <div style="height:250px; background-color:rgba(255,255,255,0.4);">
  26. <div class="row no-gutters">
  27.  
  28. <!--- Start Image --->
  29. <div class="col-lg-auto col-12 d-none d-lg-block m-3 p-0" style="border:#000000 4px solid;">
  30. <div class="card d-none d-lg-block border-0 rounded-0" style="width:210px; height:210px; background-image:url(???); background-size:cover; background-position:center;"></div>
  31. </div>
  32. <!--- End Image --->
  33.  
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. <!--- End Top Section --->
  39.  
  40. <!--- Start Main Section --->
  41. <div class="card border-0 rounded-0" style="background-color:#EFFFFF; font-size:1rem; color:#343434;">
  42.  
  43. <!--- Start Row --->
  44. <div class="row no-gutters">
  45.  
  46. <!--- Start Profile Section --->
  47. <div class="col-12 col-lg-7 p-3 border-0 rounded-0">
  48.  
  49. <!--- Start Basic Info --->
  50. <div class="text-center pb-3">
  51. <p class="display-4" style="color:#5C677D; font-weight:900;">??? / ??? / ???</p><hr style="flex-grow:1; border:#BFCDDF solid 1px;">
  52.  
  53. <div data-toggle="tooltip" title="" class="border-0 rounded-0 d-inline-block" data-original-title="Pansexual" style="background-image:linear-gradient(#C93B5F,#C93B5F 33%,#EBB701 33%,#EBB701 66%,#734EB5 66%,#734EB5);line-height:60px;width:80px;font-size:0px;">Pan</div>
  54.  
  55. <div class="mt-3">
  56. <p>???</p>
  57. <p>???</p>
  58. </div>
  59.  
  60. </div>
  61. <!--- End Basic Info --->
  62.  
  63. <!--- Start Engage & Buttons --->
  64. <div class="row">
  65.  
  66. <!--- Start Buttons Setup --->
  67. <div class="col-12 col-lg-6">
  68. <h1 class="text-uppercase text-center" style="color:#5C677D;">Links</h1>
  69. <div class="col-12 row no-gutters mb-2 pb-3 p-0 text-center">
  70. <div class="col-12">
  71.  
  72. <!--- Start Buttons --->
  73. <a class="btn btn-block m-2 border-0 rounded-0" style="color:#FFFFFF; background-color:#5C677D;" href="???">???</a>
  74. <a class="btn btn-block m-2 border-0 rounded-0" style="color:#FFFFFF; background-color:#5C677D;" href="???">???</a>
  75. <a class="btn btn-block m-2 border-0 rounded-0" style="color:#FFFFFF; background-color:#5C677D;" href="???">???</a>
  76. <a class="btn btn-block m-2 border-0 rounded-0" style="color:#FFFFFF; background-color:#5C677D;" href="???">???</a>
  77. <!--- End Buttons --->
  78.  
  79. </div>
  80. </div>
  81. </div>
  82. <!--- End Buttons Setup --->
  83.  
  84. <!--- Start Engage --->
  85. <div class="col-12 col-lg-6">
  86. <h1 class="text-uppercase text-center" style="color:#5C677D;">Engage</h1>
  87. <div class="col-12 row mb-2 pb-3 p-0 text-center">
  88. <div class="col-12">
  89. <div class="d-flex align-text-center" style="flex-direction:row;">
  90. <p class="mr-2" style="flex-grow:0;">Art Trades</p><hr style="flex-grow:1; border:#BFCDDF solid 1px;"><a href="???"><span class="ml-2" style="color:#5C677D;">???</span></a>
  91. </div>
  92. <div class="d-flex" style="flex-direction:row; align-items:center;">
  93. <p class="mr-2" style="flex-grow:0;">Art Commissions</p><hr style="flex-grow:1; border:#BFCDDF solid 1px;"><a href="???"><span class="ml-2" style="color:#5C677D;">???</span></a>
  94. </div>
  95. <div class="d-flex" style="flex-direction:row; align-items:center;">
  96. <p class="mr-2" style="flex-grow:0;">HTML Commissions</p><hr style="flex-grow:1; border:#BFCDDF solid 1px;"><a href="???"><span class="ml-2" style="color:#5C677D;">???</span></a>
  97. </div>
  98. <div class="d-flex" style="flex-direction:row; align-items:center;">
  99. <p class="mr-2" style="flex-grow:0;">Writing Commissions</p><hr style="flex-grow:1; border:#BFCDDF solid 1px;"><a href="???"><span class="ml-2" style="color:#5C677D;">???</span></a>
  100. </div>
  101. <div class="d-flex" style="flex-direction:row; align-items:center;">
  102. <p class="mr-2" style="flex-grow:0;">Requests</p><hr style="flex-grow:1; border:#BFCDDF solid 1px;"><a href="???"><span class="ml-2" style="color:#5C677D;">???</span></a>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. <!--- End Engage --->
  108.  
  109. </div>
  110. <!--- End Engage & Buttons --->
  111.  
  112. </div>
  113. <!--- End Profile Section --->
  114.  
  115. <!--- Start Social Media --->
  116. <div class="col-12 col-lg border-0 rounded-0">
  117. <div class="row no-gutters h-100">
  118. <a class="card col text-center p-3 border-0 rounded-0" href="???" style="font-size:1.5rem; background:#5C677C;">
  119. <span class="my-auto" style="color:#FFFFFF;"><i class="fas fa-paw-claws"></i></span>
  120. </a>
  121. <a class="card col text-center p-3 border-0 rounded-0" href="???" style="font-size:1.5rem; background:#7E899F;">
  122. <span class="my-auto" href="???" style="color:#FFFFFF;"><i class="fas fa-paw-claws"></i></span>
  123. </a>
  124. <a class="card col text-center p-3 border-0 rounded-0" href="???" style="font-size:1.5rem; background:#9FABBF;">
  125. <span class="my-auto" href="???" style="color:#FFFFFF;"><i class="fas fa-paw-claws"></i></span>
  126. </a>
  127. <a class="card col text-center p-3 border-0 rounded-0" href="???" style="font-size:1.5rem; background:#BFCEDF;">
  128. <span class="my-auto" href="???" style="color:#FFFFFF;"><i class="fas fa-paw-claws"></i></span>
  129. </a>
  130. </div>
  131. </div>
  132. <!--- End Social Media --->
  133.  
  134. <!--- Start Image --->
  135. <div class="col-12 col-lg-4 border-0 rounded-0" style="background:url(???) center; background-size:cover; background-repeat:no-repeat; min-height:400px;"></div>
  136. <!--- End Image --->
  137.  
  138. </div>
  139. <!--- End Row --->
  140.  
  141. <!---------- START CHARACTERS SET UP ----------->
  142. <span class="display-4 text-center text-uppercase mt-5" style="color:#5C677D; font-weight:900;">FEATURED BLORBOS</span>
  143. <div class="row no-gutters justify-content-around text-center">
  144.  
  145. <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  146. <a data-toggle="tooltip" href="???"><img src="???"></a>
  147. <a style="color:#FFFFFF;" href="???"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#5C677D;">【 ??? 】</div></a>
  148. <div class="p-2 border-0 rounded-0" style="background-color:#BFCDDF;"><a style="color:#232323">???</a></div>
  149. </div>
  150.  
  151. <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  152. <a data-toggle="tooltip" href="???"><img src="???"></a>
  153. <a style="color:#FFFFFF;" href="???"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#5C677D;">【 ??? 】</div></a>
  154. <div class="p-2 border-0 rounded-0" style="background-color:#BFCDDF;"><a style="color:#232323">???</a></div>
  155. </div>
  156.  
  157. <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  158. <a data-toggle="tooltip" href="???"><img src="???"></a>
  159. <a style="color:#FFFFFF;" href="???"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#5C677D;">【 ??? 】</div></a>
  160. <div class="p-2 border-0 rounded-0" style="background-color:#BFCDDF;"><a style="color:#232323">???</a></div>
  161. </div>
  162.  
  163. <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  164. <a data-toggle="tooltip" href="???"><img src="???"></a>
  165. <a style="color:#FFFFFF;" href="???"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#5C677D;">【 ??? 】</div></a>
  166. <div class="p-2 border-0 rounded-0" style="background-color:#BFCDDF;"><a style="color:#232323">???</a></div>
  167. </div>
  168.  
  169. </div>
  170. <!---------- END CHARACTERS SET UP ----------->
  171.  
  172. <!---------- START BUDDIES SET UP ----------->
  173. <span class="display-4 text-center text-uppercase mt-5" style="color:#5C677D; font-weight:900;">THE SQUAD</span>
  174. <div class="row no-gutters justify-content-around text-center">
  175.  
  176. <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  177. <a data-toggle="tooltip" href="???"><img src="???"></a>
  178. <a style="color:#FFFFFF;" href="???"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#5C677D;">【 ??? 】</div></a>
  179. <div class="p-2 border-0 rounded-0" style="background-color:#BFCDDF;"><a style="color:#232323">???</a></div>
  180. </div>
  181.  
  182. <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  183. <a data-toggle="tooltip" href="???"><img src="???"></a>
  184. <a style="color:#FFFFFF;" href="???"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#5C677D;">【 ??? 】</div></a>
  185. <div class="p-2 border-0 rounded-0" style="background-color:#BFCDDF;"><a style="color:#232323">???</a></div>
  186. </div>
  187.  
  188. <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  189. <a data-toggle="tooltip" href="???"><img src="???"></a>
  190. <a style="color:#FFFFFF;" href="???"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#5C677D;">【 ??? 】</div></a>
  191. <div class="p-2 border-0 rounded-0" style="background-color:#BFCDDF;"><a style="color:#232323">???</a></div>
  192. </div>
  193.  
  194. <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  195. <a data-toggle="tooltip" href="???"><img src="???"></a>
  196. <a style="color:#FFFFFF;" href="???"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#5C677D;">【 ??? 】</div></a>
  197. <div class="p-2 border-0 rounded-0" style="background-color:#BFCDDF;"><a style="color:#232323">???</a></div>
  198. </div>
  199.  
  200. </div>
  201. <!---------- END BUDDIES SET UP ----------->
  202.  
  203. </div>
  204.  
  205. <div class="col-12 py-2 text-center" style="font-size:1.4rem; background-color:#5C677D;">
  206.  
  207. <a href="???" data-toggle="tooltip" title="Header Image Source"><span style="color:#FFFFFF;"><i class="fas fa-claw-marks fa-flip-horizontal"></i></span></a>
  208. <a href="https://toyhou.se/27243096.grey-wolf" data-toggle="tooltip" title="Code By: TomcatCodes / CrispinAsheYA"><span style="color:#FFFFFF;"><i class="fas fa-paw-claws"></i></span></a>
  209. <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-claw-marks"></i></span></a>
  210.  
  211. </div>
  212.  
  213. </div>
  214. <!--- Start End Section --->
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!