API tools faq
paste
t3ch13-c0l0rs

error

t3ch13-c0l0rs
Nov 5th, 2022 (edited)
184
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.28 KB | None | 0 0
raw download clone embed print report
  1. <!-- HELLAUR I KNOW I WAS JUST HERE LIKE 2 DAYS AGO BUT IM BACK. AGAIN
  2.  
  3. gradient color 1 + links: #ecff00
  4. gradient color 2 + text color: #121400
  5. the hearts i think (oh and the brackets): #fff
  6. basic info bg color: #919d00
  7. relation bg color 1: #494e00
  8. relation bg color 2: #5b6200
  9. relation bg color 3: #6d7600
  10.  
  11. and a BIG BIG THANK YOU TO CELINE EDOT FOR LETTING ME USE HER ARTWORK!!! i_i it was very nice of him and i cannot thank him enough!! now go read forgotten https://forgottencomic.tumblr.com/post/161654559248/here-we-go
  12. -->
  13.  
  14. <div class="col-md-6 col-sm-12 mx-auto p-0">
  15.  
  16. <!-- start :3 -->
  17. <div class="col-12 p-2" style="background-image: linear-gradient(#ecff00, #121400)">
  18.  
  19. <div class="row no-gutters">
  20.  
  21. <div class="col-md-7 col-sm-12">
  22.  
  23. <!-- name, <i> can be changed to an icon of your choosing. go to fontawesome.com to leran more -->
  24. <div class="col-12 pl-2" style="font-family: georgia; color: #121400; font-size: 25px">
  25. <i class="fas fa-claw-marks"></i> Charla</div>
  26.  
  27. <div style="color: #121400; font-weight: 800; font-family: times new roman;">
  28. <div class="justify-content-between mb-1">
  29.  
  30. <!-- full name -->
  31. <div class="d-flex col-auto p-2" style="background-color: #919d00;">
  32. <p><i class="fas fa-signature"></i> Name Surname </p>
  33. </div>
  34.  
  35. <!-- birthday -->
  36. <div class="d-flex col-auto p-2" style="background-color: #919d00">
  37. <p><i class="fas fa-calendar-days"></i> Birthday </p>
  38. </div>
  39.  
  40. </div>
  41.  
  42. <div class="justify-content-between mb-1">
  43.  
  44. <!-- age -->
  45. <div class="d-flex col-auto p-2" style="background-color: #919d00;">
  46. <p><i class="fas fa-cake"></i> Age </p>
  47. </div>
  48.  
  49. <!-- species -->
  50. <div class="d-flex col-auto p-2" style="background-color: #919d00">
  51. <p><i class="fas fa-cat"></i> Species </p>
  52. </div>
  53.  
  54. </div>
  55.  
  56. <div class="justify-content-between mb-1">
  57.  
  58. <!-- gender -->
  59. <div class="d-flex col-auto p-2" style="background-color: #919d00;">
  60. <p><i class="fas fa-transgender"></i> Gender </p>
  61. </div>
  62.  
  63. <!-- pronouns -->
  64. <div class="d-flex col-auto p-2" style="background-color: #919d00">
  65. <p><i class="fas fa-slash"></i> Pronouns </p>
  66. </div>
  67.  
  68. </div>
  69.  
  70. <div class="justify-content-between mb-1">
  71.  
  72. <!-- job -->
  73. <div class="d-flex col-auto p-2" style="background-color: #919d00;">
  74. <p><i class="fas fa-briefcase"></i> Occupation </p>
  75. </div>
  76.  
  77. <!-- home/city -->
  78. <div class="d-flex col-auto p-2" style="background-color: #919d00">
  79. <p><i class="fas fa-house"></i> Home </p>
  80. </div>
  81.  
  82. </div>
  83.  
  84. <div class="justify-content-between mb-1">
  85.  
  86. <!-- r they for trade -->
  87. <div class="d-flex col-auto p-2" style="background-color: #919d00;">
  88. <p><i class="fas fa-question"></i> Status </p>
  89. </div>
  90.  
  91. <!-- worth. dont put the $ its already there -->
  92. <div class="d-flex col-auto p-2" style="background-color: #919d00">
  93. <p><i class="fas fa-dollar"></i> Worth </p>
  94. </div>
  95.  
  96. </div>
  97.  
  98. </div>
  99.  
  100. </div>
  101.  
  102. <!-- profile picture image, change https://media.discordapp.net/attachments/839974252362334279/1037159566410006599/unknown.png to change img OHOHOHOHOHOH theres an alt version, you can replace '23em' (the one below this one) with 310px LOL -->
  103. <div class="col-md-5 col-sm-12 hidden-sm-down" style="position: absolute; margin-left: 23em;">
  104. <div class="col-12 p-2" style="background-color: #494e00;">
  105. <img src="https://media.discordapp.net/attachments/839974252362334279/1037159566410006599/unknown.png" style="width: 282px; max-height: 318px;">
  106. </div>
  107. </div>
  108.  
  109. <!-- end of top -->
  110.  
  111. <div class="col-12 p-0 mt-2">
  112. <div class="row no-gutters">
  113.  
  114. <!-- profile picture change https://media.discordapp.net/attachments/839974252362334279/1037161750715437086/unknown.png to change. this does not show up on mobile -->
  115. <div class="col-md-4 col-sm-12 hidden-sm-down" style="padding-top: 33%; background-image: url(https://media.discordapp.net/attachments/839974252362334279/1037161750715437086/unknown.png); background-size: cover; margin-left: -40px; "></div>
  116.  
  117. <div class="col-md-9 col-sm-12 ml-2 p-0" style="max-width: 371px">
  118. <div class="justify-content-between">
  119. <p style="font-size: 30px; font-family: times new roman; margin-bottom: 0px">
  120. <span style="color: #fff; font-size: 35px; margin-left: -15px">【</span>
  121.  
  122. <!-- name here -->
  123. <a href="something" style="color: #ecff00">NAME HERE</a>
  124. </p>
  125.  
  126. <!-- fas = full fal = not full -->
  127. <p style="font-size: 20px; margin-top: 12px; margin-bottom: 0px; color: #fff">
  128. <i class="fas fa-heart"></i>
  129. <i class="fas fa-heart"></i>
  130. <i class="fas fa-heart"></i>
  131. <i class="fal fa-heart"></i>
  132. <i class="fal fa-heart"></i>
  133. </p>
  134. </div>
  135.  
  136. <!-- paragraph abt them lol -->
  137. <div class="col-12 p-0" style="font-family: times new roman;">
  138. <div class="col-12 p-1 mb-1" style="background-color: #494e00; overflow: auto; max-height: 75px; color: #121400; font-weight: 800">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</div>
  139.  
  140. <!-- wuote -->
  141. <div class="col-12 p-1" style="background-color: #494e00; overflow: auto; max-height: 70p; font-style: italic; color: #121400; font-weight: 700">AWESOMR F7C8ING QUOTE</div>
  142. </div>
  143. </div>
  144.  
  145. </div>
  146. </div>
  147.  
  148. <div class="col-12 p-0 mt-2">
  149. <div class="row no-gutters">
  150.  
  151. <div class="col-md-9 col-sm-12 mr-2 p-0" style="max-width: 371px">
  152. <div class="justify-content-between">
  153.  
  154. <!-- hearts first this time -->
  155. <p style="font-size: 20px; margin-top: 12px; margin-bottom: 0px; color: #fff">
  156. <i class="fas fa-heart"></i>
  157. <i class="fas fa-heart"></i>
  158. <i class="fas fa-heart"></i>
  159. <i class="fal fa-heart"></i>
  160. <i class="fal fa-heart"></i>
  161. </p>
  162.  
  163. <!-- name again -->
  164. <p style="font-size: 30px; font-family: times new roman; margin-bottom: 0px">
  165. <a href="something" style="color: #ecff00">NAME HERE</a> <span style="color: #fff; font-size: 35px;">】</span>
  166. </p>
  167.  
  168. </div>
  169.  
  170. <!-- paragraph again -->
  171. <div class="col-12 p-0" style="font-family: times new roman;">
  172. <div class="col-12 p-1 mb-1" style="background-color: #5b6200; overflow: auto; max-height: 75px; color: #121400; font-weight: 800">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</div>
  173.  
  174. <!-- quote again -->
  175. <div class="col-12 p-1" style="background-color: #5b6200; overflow: auto; max-height: 70p; font-style: italic; color: #121400; font-weight: 700">AWESOMR F7C8ING QUOTE</div>
  176. </div>
  177. </div>
  178.  
  179.  
  180. <!-- profile img again https://media.discordapp.net/attachments/839974252362334279/1037477111528702052/Screen_Shot_2022-11-02_at_5.23.34_PM.png -->
  181. <div class="col-md-4 col-sm-12 hidden-sm-down" style="padding-top: 33%; background-image: url(https://media.discordapp.net/attachments/839974252362334279/1037477111528702052/Screen_Shot_2022-11-02_at_5.23.34_PM.png); background-size: cover; margin-right: -70px; "></div>
  182.  
  183. </div>
  184. </div>
  185.  
  186. <div class="col-12 p-0 mt-2">
  187. <div class="row no-gutters">
  188.  
  189.  
  190. <!-- the third profile image you dont realize how tiring this is https://media.discordapp.net/attachments/839974252362334279/1037477471139942421/Screen_Shot_2022-11-02_at_5.25.00_PM.png -->
  191. <div class="col-md-4 col-sm-12 hidden-sm-down" style="padding-top: 33%; background-image: url(https://media.discordapp.net/attachments/839974252362334279/1037477471139942421/Screen_Shot_2022-11-02_at_5.25.00_PM.png); background-size: cover; margin-left: -40px; "></div>
  192.  
  193. <div class="col-md-9 col-sm-12 ml-2 p-0" style="max-width: 371px">
  194. <div class="justify-content-between">
  195. <p style="font-size: 30px; font-family: times new roman; margin-bottom: 0px">
  196. <span style="color: #fff; font-size: 35px; margin-left: -15px">【</span>
  197. <!-- name here -->
  198. <a href="something" style="color: #ecff00">NAME HERE</a>
  199. </p>
  200.  
  201. <!-- hearts -->
  202. <p style="font-size: 20px; margin-top: 12px; margin-bottom: 0px; color: #fff">
  203. <i class="fas fa-heart"></i>
  204. <i class="fas fa-heart"></i>
  205. <i class="fas fa-heart"></i>
  206. <i class="fal fa-heart"></i>
  207. <i class="fal fa-heart"></i>
  208. </p>
  209. </div>
  210.  
  211. <!-- paragraph -->
  212. <div class="col-12 p-0" style="font-family: times new roman;">
  213. <div class="col-12 p-1 mb-1" style="background-color: #6d7600; overflow: auto; max-height: 75px; color: #121400; font-weight: 800">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</div>
  214.  
  215. <!-- quote -->
  216. <div class="col-12 p-1" style="background-color: #6d7600; overflow: auto; max-height: 70p; font-style: italic; color: #121400; font-weight: 700">AWESOMR F7C8ING QUOTE</div>
  217. </div>
  218. </div>
  219.  
  220. </div>
  221. </div>
  222.  
  223. <!-- image, this ones bigger. i would recommend making it wide and not tall. change https://pbs.twimg.com/media/FDJO0WUWEAkwUXP?format=jpg&name=large to your image. -->
  224. <div class="col-12 mt-3" style="background-image:url(https://pbs.twimg.com/media/FDJO0WUWEAkwUXP?format=jpg&name=large); padding-top: 45%; background-size: cover">
  225. <div class="col-12 p-1 justify-content-end">
  226. <!-- credit for the img -->
  227. <a href="https://twitter.com/cheesecakewitch" style="color: #ecff00; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000;" data-toggle="tooltip" title="art by celine edot"><i class="fas fa-paintbrush"></i></a>
  228. </div>
  229. </div>
  230.  
  231. </div>
  232.  
  233.  
  234.  
  235. </div>
  236.  
  237. <!-- end. sorry if this wasnt super helpful im very tired -->
  238.  
  239. <div class="col-12">
  240. <a href="/micro-wave" data-toggle="tooltip" title="code by micro-wave" style="color: #ecff00; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000;"><i class="fas fa-microwave"></i></a>
  241. </div>
  242. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!