API tools faq
paste
Advertisement
LeafJelly

2000s Web User Profile - B&W

LeafJelly
Nov 3rd, 2022 (edited)
4,827
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.27 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------
  2. Free to Use User Profile Code
  3. Black & White Theme
  4. By LeafJelly
  5.  
  6. Background: #000
  7. Font: #BDBDBD
  8. Font Accent: #fff
  9.  
  10. Sources for great 2000s profile decorations
  11. Eye strain and blood warning for these websites! They don't filter mature content.
  12. https://gifcity.carrd.co/
  13.  
  14. Rules
  15. 1. DO NOT REMOVE credits
  16. 2. DO NOT redistribute purchased codes
  17. 3. Turn off WYSIWYG before using my HTML codes and while editing, it'll break otherwise
  18. 4. You can modify and frankestein my codes with credit to all the source codes, and only if the other coders allow it.
  19. 5. You may NOT redistribute frankesteined codes under your own name, claiming it as your own work. Copy and pasting parts of my code without credit is theft, and takes advantage of my work that's provided for free.
  20. 6.You're allowed to heavily modify my codes, as long as credit to me stays on the page. If the credit breaks, feel free to write it in somewhere instead or at the bottom.
  21. -------------------------------------------->
  22. <div class="col-12 col-lg-8 m-auto">
  23.  
  24. <!--------------Border, change the first p-2 from 0-5 to change the thickness-------------------->
  25. <div class="col-12 rounded-0 p-2" style="font-family:times new roman; color:#000; font-size:.9em; background: linear-gradient(to bottom right, #000000, #FFFFFF, #000000, #FFFFFF, #000000);">
  26.  
  27. <!-----Background-------->
  28. <div class="card rounded-0 px-0" style="background: url(https://gifcity.carrd.co/assets/images/gallery73/20fe10c7.png?v=d32b0bb8) center; color:#BDBDBD;">
  29.  
  30. <!-----Top Banner, it repeats itself horizontally, Replace the URL-------->
  31. <div class="col-12 m-0 p-3"
  32. style="background:url(https://gifcity.carrd.co/assets/images/gallery48/6e941e51.gif?v=d32b0bb8) top; background-repeat: repeat-x;"></div>
  33.  
  34. <!--------------Content Box --------------------->
  35. <div class="col-12 col-lg-11 my-5 p-1 p-lg-5 mx-auto row">
  36.  
  37. <div class="col-12 p-1">
  38. <div class="card rounded-0 p-1" style="background:#000">
  39. <div class="row no-gutters text-center mx-auto">
  40. <!-----------HEADER---------->
  41. <p class="text-uppercase mx-2" style="font-size:2.2em;font-weight:700; color:#fff">
  42. <!---Left Side Img Decoration--->
  43. <img src="https://gifcity.carrd.co/assets/images/gallery11/44d1b015.gif?v=d32b0bb8">
  44. <img src="https://gifcity.carrd.co/assets/images/gallery11/688c3ffd.gif?v=d32b0bb8">
  45. <img src="https://gifcity.carrd.co/assets/images/gallery97/0b9023af.gif?v=d32b0bb8">
  46.  
  47. username or more decor
  48.  
  49. <!---Right Side Img Decoration--->
  50. <img src="https://gifcity.carrd.co/assets/images/gallery97/0b9023af.gif?v=d32b0bb8">
  51. <img src="https://gifcity.carrd.co/assets/images/gallery11/688c3ffd.gif?v=d32b0bb8">
  52. <img src="https://gifcity.carrd.co/assets/images/gallery11/44d1b015.gif?v=d32b0bb8">
  53. </p>
  54. </div>
  55. </div>
  56. </div>
  57.  
  58. <div class="col-12 col-lg-9 p-0 row no-gutters">
  59. <!----------Left Side------------>
  60. <div class="col-12 col-lg-4 p-1">
  61. <div class="card rounded-0 p-1 text-center h-100" style="background:#000">
  62. <!-----divider-------->
  63. <img src="https://gifcity.carrd.co/assets/images/gallery49/e802b9ad.gif?v=d32b0bb8" class="mx-auto">
  64.  
  65. <!--------Avatar Replace the URL------->
  66. <div class="square mx-auto my-1"
  67. style="background:url(https://i.pinimg.com/originals/3f/83/dd/3f83dd0e1e032e6d111888a1e568a23d.png) center; background-size:cover; height:100px; width:100px; float:left"></div>
  68.  
  69. <!-----divider-------->
  70. <img src="https://web.archive.org/web/20090728135726/http://www.geocities.com/mycatmaomao/x-hikashi22.gif" class="mx-auto mb-2">
  71. <span>Name/Nicknames</span>
  72. <p><img src="https://gifcity.carrd.co/assets/images/gallery94/1931f2d9.gif?v=d32b0bb8">
  73. Pronouns . Age . Gender
  74. <img src="https://gifcity.carrd.co/assets/images/gallery10/d3f78d82.gif?v=d32b0bb8">
  75. </p>
  76.  
  77. <a href="URL_HERE" class="btn rounded-0 p-1 my-auto" style="color:#fff; border:1px solid #fff">
  78. Twitter</a>
  79. <a href="URL_HERE" class="btn rounded-0 p-1 my-auto" style="color:#DBDBDB; border:1px solid #DBDBDB">
  80. Instagram</a>
  81. <a href="URL_HERE" class="btn rounded-0 p-1 my-auto" style="color:#BDBDBD; border:1px solid #BDBDBD">
  82. Youtube</a>
  83. <a href="URL_HERE" class="btn rounded-0 p-1 my-auto" style="color:#ABABAB; border:1px solid #ABABAB">
  84. ArtFight</a>
  85. <a href="URL_HERE" class="btn rounded-0 p-1 my-auto" style="color:#919191; border:1px solid #919191">
  86. Tumblr </a>
  87. <a href="URL_HERE" class="btn rounded-0 p-1 my-auto" style="color:#787878; border:1px solid #787878">
  88. Carrd</a>
  89. </div>
  90. </div>
  91.  
  92. <!----------Middle------------>
  93. <div class="col-12 col-lg-8 p-1">
  94.  
  95. <!-----------About me section------------>
  96. <div class="card rounded-0 p-1 text-center" style="background:#000">
  97.  
  98. <!-----Blinkies-------->
  99. <p>
  100. <img src="https://gifcity.carrd.co/assets/images/gallery23/9c914c62.gif?v=d32b0bb8">
  101. <img src="https://gifcity.carrd.co/assets/images/gallery23/37a9f40c.png?v=d32b0bb8">
  102. <img src="https://gifcity.carrd.co/assets/images/gallery24/b65fb453.gif?v=d32b0bb8">
  103. <img src="https://gifcity.carrd.co/assets/images/gallery24/e5842d56.gif?v=d32b0bb8">
  104. <img src="https://gifcity.carrd.co/assets/images/gallery23/a8f5239b.gif?v=d32b0bb8">
  105. </p>
  106.  
  107. <!-----Title-------->
  108. <p class="text-uppercase mx-2 text-center" style="font-size:1.4em;font-weight:700; color:#fff">
  109. ABOUT ME</p>
  110. <!-----divider-------->
  111. <img src="https://gifcity.carrd.co/assets/images/gallery49/62c5c338.gif?v=d32b0bb8" width="100%" class="mx-auto mb-1">
  112. <!------- Info it scrolls ------->
  113. <div class="px-1" style="height:200px; overflow:auto;">
  114. <p>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.</p>
  115.  
  116. <!-----Friends Section-------->
  117. <p class="text-uppercase m-0 text-center" style="font-size:1.4em;font-weight:700; color:#fff">
  118. Friends</p>
  119. <!-----divider-------->
  120. <img src="https://gifcity.carrd.co/assets/images/gallery48/fa02f5f0.gif?v=d32b0bb8" class="mx-auto">
  121. <p>List user names here with @username @username
  122. </p>
  123. </div>
  124. </div>
  125.  
  126.  
  127.  
  128. <div class="row no-gutters">
  129. <!-----------Art Status section------------>
  130. <div class="col-12 col-md-6 col-lg-6 p-1">
  131. <div class="card rounded-0 my-1 h-100" style="background:#000">
  132. <!-----Title-------->
  133. <p class="text-uppercase mx-2 text-center" style="font-size:1.4em;font-weight:700; color:#fff">
  134. <img src="https://gifcity.carrd.co/assets/images/gallery11/41533bba.gif?v=d32b0bb8">
  135. Art
  136. <img src="https://gifcity.carrd.co/assets/images/gallery11/41533bba.gif?v=d32b0bb8">
  137. </p>
  138. <!-----divider-------->
  139. <img src="https://gifcity.carrd.co/assets/images/gallery49/fb765e90.gif?v=d32b0bb8" width="100%" class="mx-auto mb-1">
  140. <!------- Info------->
  141. <div class="px-2 my-auto">
  142. <div class="justify-content-between">
  143. <p>Commissions</p>
  144. <a href="URL_HERE" ><i style="color:#FFF">Open</i></a>
  145. </div>
  146.  
  147. <div class="justify-content-between">
  148. <p>Trades</p>
  149. <i class="text-right">Closed</i>
  150. </div>
  151.  
  152. <div class="justify-content-between">
  153. <p>Requests</p>
  154. <i class="text-right">Closed</i>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159.  
  160. <!-----------Trade Status section------------>
  161. <div class="col-12 col-md-6 col-lg-6 p-1">
  162. <div class="card rounded-0 my-1 text-center h-100" style="background:#000">
  163. <!-----Title-------->
  164. <p class="text-uppercase mx-2 text-center" style="font-size:1.4em;font-weight:700; color:#fff">
  165. <img src="https://gifcity.carrd.co/assets/images/gallery11/688c3ffd.gif?v=d32b0bb8">
  166. Trade
  167. <img src="https://gifcity.carrd.co/assets/images/gallery11/688c3ffd.gif?v=d32b0bb8">
  168. </p>
  169. <!-----divider-------->
  170. <img src="https://gifcity.carrd.co/assets/images/gallery49/fb765e90.gif?v=d32b0bb8" width="100%" class="mx-auto mb-1">
  171.  
  172. <!------- Buttons------->
  173. <div class="px-2 px-lg-3 text-uppercase">
  174. <a href="URL_HERE" class="btn btn-block rounded-0 py-1" style=" font-size:.9em; color:#FFF; border:1px solid #FFF;">Trades</a>
  175. <a href="URL_HERE" class="btn btn-block rounded-0 my-1 py-1" style="font-size:.9em;color:#FFF; border:1px solid #FFF;">Sales</a>
  176. <a href="URL_HERE" class="btn btn-block rounded-0 py-1" style="font-size:.9em;color:#FFF; border:1px solid #FFF;">Prefrences</a>
  177. </div>
  178. </div>
  179.  
  180. </div>
  181. </div>
  182. </div>
  183.  
  184. <!---------------STAMPS Remove this if you don't want it, or put something else in the <p>------------------->
  185. <div class="col-12 col-lg-12 p-1">
  186. <div class="card rounded-0 p-1 text-center h-100" style="background:#000">
  187. <p>
  188. <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/08b2f3b5-019b-4c09-8b44-6123084178e2/ddsobgr-2ee4cd3d-e8ad-4abf-a3c9-32de92d19d65.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzA4YjJmM2I1LTAxOWItNGMwOS04YjQ0LTYxMjMwODQxNzhlMlwvZGRzb2Jnci0yZWU0Y2QzZC1lOGFkLTRhYmYtYTNjOS0zMmRlOTJkMTlkNjUucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.qKQ2jUKBYMXDGMLpggK5Ye4gHIvfrtTrqWnN6OkLgqk">
  189. <img src="https://gifcity.carrd.co/assets/images/gallery61/b683d51c.gif?v=d32b0bb8">
  190. <img src="https://gifcity.carrd.co/assets/images/gallery60/71b89d53.png?v=d32b0bb8">
  191. <img src="https://gifcity.carrd.co/assets/images/gallery60/243501eb.gif?v=d32b0bb8">
  192. <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/db0d7c37-0bce-4b24-969d-d90f5db93021/dcijd56-afe24290-3f04-4ca1-9f13-3d558616c6ba.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2RiMGQ3YzM3LTBiY2UtNGIyNC05NjlkLWQ5MGY1ZGI5MzAyMVwvZGNpamQ1Ni1hZmUyNDI5MC0zZjA0LTRjYTEtOWYxMy0zZDU1ODYxNmM2YmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.So_AlZztCs8pXL3K4s4Htux_xA5XojBvCUODC1hZQa8">
  193. <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/7c96a69a-2a3c-4976-bb03-701cfaecbb1f/dy06s0-ebe0fe22-502c-47ab-b1ec-6b3e6f380df9.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzdjOTZhNjlhLTJhM2MtNDk3Ni1iYjAzLTcwMWNmYWVjYmIxZlwvZHkwNnMwLWViZTBmZTIyLTUwMmMtNDdhYi1iMWVjLTZiM2U2ZjM4MGRmOS5qcGcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.yDHwAC6hPMen8cAde_xsaP7sdj_1ZkTdRjNFzTsOANo">
  194. <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/69b803a8-e9f8-48e7-9a7c-b50fc0664a9e/dcjvbio-67b54adf-c76c-4cf2-a99f-6a795a118f6f.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzY5YjgwM2E4LWU5ZjgtNDhlNy05YTdjLWI1MGZjMDY2NGE5ZVwvZGNqdmJpby02N2I1NGFkZi1jNzZjLTRjZjItYTk5Zi02YTc5NWExMThmNmYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.yDPg_yXceoyQWbpcpWUV-1FQrvDDVD4lKpZLGViVjTE">
  195. </p>
  196. </div>
  197. </div>
  198. <!----Stamps end----->
  199.  
  200. </div>
  201.  
  202. <!----------Right Side------------>
  203. <div class="col-12 col-lg-3 py-1 px-1">
  204. <div class="card rounded-0 p-0 text-center" style="background:#000">
  205. <!-----Top Banner Fake Windows-------->
  206. <div class="card-info mb-1"
  207. style="background: url(https://gifcity.carrd.co/assets/images/gallery96/36c0250f.gif?v=d32b0bb8) center;">
  208.  
  209. <div class="row pull-right mr-1 pt-1">
  210. <div class="card px-1 py-2 mr-1" style="background:#FFF;color:#000;"><i class="fa fa-minus fa-xs"></i></div>
  211. <div class="card px-1 py-2 mr-1" style="background:#FFF;color:#000;"><i class="fa fa-window-restore fa-xs"></i></div>
  212. <div class="card px-1 py-2" style="background:#BDBDBD;color:#000;"><i class="fa fa-times fa-xs"></i></div>
  213. </div>
  214.  
  215. <p class="text-uppercase mx-2 text-left my-1" style="font-size:1em;font-weight:700; color:#FFF">
  216. Featured
  217. </p>
  218. </div>
  219.  
  220. <div class="col-12 row no-gutters py-1 px-0 mx-auto">
  221. <!--------Character 1 ------->
  222. <div class="col-6 col-md-3 col-lg-12 mx-auto my-1">
  223. <div class="square mx-auto"
  224. style="background:url(https://64.media.tumblr.com/bca1232f973b6fdc2f68415e2cdcd13e/1ce0b9777cca6175-2a/s400x600/1e5bfe0b132af2efec371606704cdd149676fc10.png) center;
  225. background-size:cover; height:100px; width:100px;"></div>
  226.  
  227. <a href="URL_HERE" title="Character Name" class="text-uppercase"
  228. style="color:#ffF">
  229. <img src="https://gifcity.carrd.co/assets/images/gallery11/3a2bc8f8.gif?v=d32b0bb8">
  230. Name
  231. <img src="https://gifcity.carrd.co/assets/images/gallery11/3a2bc8f8.gif?v=d32b0bb8">
  232. </a>
  233. </div>
  234.  
  235. <!--------Character 2 ------->
  236. <div class="col-6 col-md-3 col-lg-12 mx-auto my-1">
  237. <div class="square mx-auto"
  238. style="background:url(https://i.pinimg.com/474x/2f/43/f4/2f43f4ed60e07ecfc397e6f68bb2e3a5.jpg) center;
  239. background-size:cover; height:100px; width:100px;"></div>
  240.  
  241. <a href="URL_HERE" title="Character Name" class="text-uppercase"
  242. style="color:#FFF">
  243. <img src="https://gifcity.carrd.co/assets/images/gallery10/61e05e18.gif?v=d32b0bb8">
  244. Name
  245. <img src="https://gifcity.carrd.co/assets/images/gallery10/61e05e18.gif?v=d32b0bb8">
  246. </a>
  247. </div>
  248.  
  249. <!--------Character 3 ------->
  250. <div class="col-6 col-md-3 col-lg-12 mx-auto my-1">
  251. <div class="square mx-auto"
  252. style="background:url(https://64.media.tumblr.com/4ee6233574a4516f55cbb07b7fb7f180/tumblr_p4434nvw0n1vy2tgqo4_400.jpg) center;
  253. background-size:cover; height:100px; width:100px;"></div>
  254.  
  255. <a href="URL_HERE" title="Character Name" class="text-uppercase"
  256. style="color:#FFF">
  257. <img src="https://gifcity.carrd.co/assets/images/gallery94/7a670b97.gif?v=d32b0bb8">
  258. Name
  259. <img src="https://gifcity.carrd.co/assets/images/gallery94/7a670b97.gif?v=d32b0bb8">
  260. </a>
  261. </div>
  262.  
  263. <!----------Copy and paste above here for more charas------------->
  264. </div>
  265. </div>
  266.  
  267. <!-----------------Small Page doll Remove it if you don't want it---------------------->
  268. <div class="col-12 text-center m-1">
  269. <p><img src="https://gifcity.carrd.co/assets/images/gallery85/9327363b.gif?v=d32b0bb8" style="max-height:150px;"></p>
  270. </div>
  271.  
  272. </div>
  273.  
  274. </div>
  275.  
  276. <div class="col-12 m-0 p-3"
  277. style="background:url(https://gifcity.carrd.co/assets/images/gallery48/6e941e51.gif?v=d32b0bb8) top; background-repeat: repeat-x;"></div>
  278.  
  279. </div>
  280. </div>
  281.  
  282. <!--------CREDIT DO NOT REMOVE----------->
  283. <div class="text-center mt-1">
  284. <a href="/LeafJelly"> <i class="fa-solid fa-code text-dark fa-sm" title="Code by LeafJelly"></i></a>
  285. </div>
  286.  
  287. </div>
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!