API tools faq
paste
Advertisement
LeafJelly

2000s Web User Profile - Rainbow

LeafJelly
Nov 3rd, 2022 (edited)
3,665
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.94 KB | None | 1 0
raw download clone embed print report
  1. <!-----------------------------------------
  2. Free to Use  2000s Web User Profile Code
  3.     Rainbow Theme
  4.    By LeafJelly
  5.    
  6. Background: #000
  7. Font: #fff
  8. Links & Buttons: #FF00EA
  9. Font Accent 2: #1DF061
  10. Font Accent 3: #FFF061
  11. Headers: #FF00EA
  12.  
  13.    Sources for great 2000s profile decorations
  14. Eye strain and blood warning for these websites! They don't filter mature content.
  15. https://gifcity.carrd.co/
  16.  
  17.        Rules
  18. 1. DO NOT REMOVE credits
  19. 2. DO NOT redistribute purchased codes
  20. 3. Turn off WYSIWYG before using my HTML codes and while editing, it'll break otherwise
  21. 4. You can modify and frankestein my codes with credit to all the source codes, and only if the other coders allow it.
  22. 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.
  23. 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.
  24. -------------------------------------------->
  25. <div class="col-12 col-lg-8 m-auto">
  26.  
  27. <!--------------Border, change the first p-2 from 0-5 to change the thickness-------------------->    
  28. <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, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);">
  29.  
  30. <!-----Background-------->    
  31. <div class="card rounded-0 px-0" style="background: url(https://gifcity.carrd.co/assets/images/gallery62/e4afa3ca.gif?v=d32b0bb8) center; color:#fff;">
  32.    
  33. <!-----Top Banner, it repeats itself horizontally, Replace the URL-------->
  34. <div class="col-12 m-0 p-3"
  35. style="background:url(https://gifcity.carrd.co/assets/images/gallery38/b77d54b6.gif?v=d32b0bb8) top; background-repeat: repeat-x;"></div>
  36.  
  37. <!--------------Content Box --------------------->        
  38.     <div class="col-12 col-lg-11 my-5 p-1 p-lg-5 mx-auto row">
  39.  
  40.         <div class="col-12 p-1">
  41.             <div class="card rounded-0 p-1" style="background:#000">
  42.                 <div class="row no-gutters text-center mx-auto">
  43.                 <!-----------HEADER---------->
  44.                      <p class="text-uppercase mx-2" style="font-size:2.2em;font-weight:700; color:#FF00EA">
  45.                         <!---Left Side Img Decoration--->
  46.                          <img src="https://gifcity.carrd.co/assets/images/gallery03/86ec2fb8.gif?v=d32b0bb8">
  47.                          <img src="https://gifcity.carrd.co/assets/images/gallery74/4f8f55df.gif?v=d32b0bb8">
  48.                          <img src="https://gifcity.carrd.co/assets/images/gallery97/0b9023af.gif?v=d32b0bb8">
  49.                          
  50.                      username or more decor
  51.                      
  52.                         <!---Right Side Img Decoration--->
  53.                          <img src="https://gifcity.carrd.co/assets/images/gallery97/0b9023af.gif?v=d32b0bb8">
  54.                          <img src="https://gifcity.carrd.co/assets/images/gallery74/4f8f55df.gif?v=d32b0bb8">
  55.                          <img src="https://gifcity.carrd.co/assets/images/gallery03/86ec2fb8.gif?v=d32b0bb8">
  56.                      </p>
  57.                 </div>
  58.             </div>
  59.         </div>  
  60.    
  61.     <div class="col-12 col-lg-9 p-0 row no-gutters">
  62.      <!----------Left Side------------>    
  63.         <div class="col-12 col-lg-4 p-1">
  64.             <div class="card rounded-0 p-1 text-center h-100" style="background:#000">
  65.                 <!-----divider-------->
  66.                 <img src="https://gifcity.carrd.co/assets/images/gallery38/cec770ea.gif?v=d32b0bb8" class="mx-auto">
  67.                    
  68.                 <!--------Avatar Replace the URL------->    
  69.                 <div class="square mx-auto my-1"
  70.                 style="background:url(https://img1.picmix.com/output/stamp/normal/3/9/8/4/1814893_82f87.gif) center; background-size:cover; height:100px; width:100px; float:left"></div>
  71.                  
  72.                 <!-----divider-------->
  73.                 <img src="https://gifcity.carrd.co/assets/images/gallery38/e3e223d9.gif?v=d32b0bb8" class="mx-auto mb-2">
  74.                 <span>Name/Nicknames</span>    
  75.                 <p><img src="https://gifcity.carrd.co/assets/images/gallery04/cac880c8.gif?v=d32b0bb8">
  76.                     Pronouns . Age . Gender
  77.                     <img src="https://gifcity.carrd.co/assets/images/gallery08/4426514c.gif?v=d32b0bb8">
  78.                 </p>
  79.                    
  80.                 <a href="URL_HERE" class="btn rounded-0 p-1 my-auto"  style="color:#FF000B; border:1px solid #FF000B">
  81.                     Twitter</a>
  82.                 <a href="URL_HERE" class="btn rounded-0 p-1 my-auto"  style="color:#FF9300; border:1px solid #FF9300">
  83.                     Instagram</a>
  84.                 <a href="URL_HERE" class="btn rounded-0 p-1 my-auto"  style="color:#FFFC00; border:1px solid #FFFC00">
  85.                     Youtube</a>
  86.                 <a href="URL_HERE" class="btn rounded-0 p-1 my-auto"  style="color:#30FF00; border:1px solid #30FF00">
  87.                     ArtFight</a>
  88.                 <a href="URL_HERE" class="btn rounded-0 p-1 my-auto"  style="color:#007EF6; border:1px solid #007EF6">
  89.                     Tumblr </a>
  90.                 <a href="URL_HERE" class="btn rounded-0 p-1 my-auto"  style="color:#B700F6; border:1px solid #B700F6">
  91.                     Carrd</a>    
  92.             </div>
  93.         </div>
  94.        
  95.      <!----------Middle------------>
  96.         <div class="col-12 col-lg-8 p-1">
  97.            
  98.             <!-----------About me section------------>
  99.             <div class="card rounded-0 p-1 text-center" style="background:#000">
  100.                
  101.                 <!-----Blinkies-------->
  102.                 <p>
  103.                     <img src="https://gifcity.carrd.co/assets/images/gallery22/6f08843d.gif?v=d32b0bb8">
  104.                     <img src="https://gifcity.carrd.co/assets/images/gallery25/8267e659.gif?v=d32b0bb8">
  105.                     <img src="https://gifcity.carrd.co/assets/images/gallery25/ea4921ca.gif?v=d32b0bb8">
  106.                     <img src="https://gifcity.carrd.co/assets/images/gallery24/e5842d56.gif?v=d32b0bb8">
  107.                     <img src="https://gifcity.carrd.co/assets/images/gallery15/f31509ab.gif?v=d32b0bb8">
  108.                 </p>
  109.                
  110.                 <!-----Title-------->
  111.                 <p class="text-uppercase mx-2 text-center" style="font-size:1.4em;font-weight:700; color:#FF00EA">
  112.                     ABOUT ME</p>
  113.                     <!-----divider-------->
  114.                     <img src="https://gifcity.carrd.co/assets/images/gallery38/d2e3195f.png?v=d32b0bb8" width="100%" class="mx-auto mb-1">
  115.                 <!------- Info it scrolls ------->    
  116.                 <div class="px-1" style="height:200px; overflow:auto;">
  117.                     <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>
  118.                    
  119.                 <!-----Friends Section-------->
  120.                 <p class="text-uppercase m-0 text-center" style="font-size:1.4em;font-weight:700; color:#FF00EA">
  121.                     Friends</p>
  122.                     <!-----divider-------->
  123.                     <img src="https://gifcity.carrd.co/assets/images/gallery49/97eaaacd.gif?v=d32b0bb8" class="mx-auto">
  124.                  <p>List user names here with @username @ username
  125.                  </p>  
  126.                 </div>
  127.             </div>
  128.            
  129.        
  130.        
  131.     <div class="row no-gutters">
  132.         <!-----------Art Status section------------>
  133.         <div class="col-12 col-lg-6  p-1">    
  134.             <div class="card rounded-0 my-1 h-100" style="background:#000">
  135.                 <!-----Title-------->
  136.                 <p class="text-uppercase mx-2 text-center" style="font-size:1.4em;font-weight:700; color:#FF00EA">
  137.                     <img src="https://gifcity.carrd.co/assets/images/gallery13/fa7aa0a8.gif?v=d32b0bb8">
  138.                     Art
  139.                     <img src="https://gifcity.carrd.co/assets/images/gallery13/fa7aa0a8.gif?v=d32b0bb8">
  140.                 </p>
  141.                     <!-----divider-------->
  142.                     <img src="https://gifcity.carrd.co/assets/images/gallery38/93558cd1.gif?v=d32b0bb8" width="100%" class="mx-auto mb-1">
  143.                 <!------- Info------->    
  144.                 <div class="px-2 my-auto">
  145.                     <div class="justify-content-between">
  146.                     <p>Commissions</p>
  147.                     <a href="URL_HERE" ><i style="color:#00C2FF">Open</i></a>
  148.                     </div>
  149.                    
  150.                     <div class="justify-content-between">
  151.                     <p>Trades</p>
  152.                     <i class="text-right">Closed</i>
  153.                     </div>
  154.                    
  155.                     <div class="justify-content-between">
  156.                     <p>Requests</p>
  157.                     <i class="text-right">Closed</i>
  158.                     </div>
  159.                 </div>
  160.             </div>
  161.         </div>
  162.        
  163.         <!-----------Trade Status section------------>
  164.         <div class="col-12 col-lg-6  p-1">    
  165.             <div class="card rounded-0 my-1 text-center h-100" style="background:#000">
  166.                 <!-----Title-------->
  167.                 <p class="text-uppercase mx-2 text-center" style="font-size:1.4em;font-weight:700; color:#FF00EA">
  168.                     <img src="https://gifcity.carrd.co/assets/images/gallery74/4f8f55df.gif?v=d32b0bb8">
  169.                     Trade
  170.                     <img src="https://gifcity.carrd.co/assets/images/gallery74/4f8f55df.gif?v=d32b0bb8">
  171.                 </p>
  172.                     <!-----divider-------->
  173.                     <img src="https://gifcity.carrd.co/assets/images/gallery38/93558cd1.gif?v=d32b0bb8" width="100%" class="mx-auto mb-1">
  174.                    
  175.                 <!------- Buttons------->    
  176.                 <div class="px-2 px-lg-3 text-uppercase">
  177.                     <a href="URL_HERE" class="btn btn-block rounded-0 py-1" style=" font-size:.9em; color:#00C2FF; border:1px solid #00C2FF;">Trades</a>
  178.                     <a href="URL_HERE" class="btn btn-block rounded-0 my-1 py-1" style="font-size:.9em;color:#00C2FF; border:1px solid #00C2FF;">Sales</a>
  179.                     <a href="URL_HERE" class="btn btn-block rounded-0 py-1" style="font-size:.9em;color:#00C2FF; border:1px solid #00C2FF;">Prefrences</a>
  180.                 </div>
  181.             </div>
  182.            
  183.         </div>
  184.      </div>    
  185.      </div>
  186.      
  187.      <!---------------STAMPS Remove this if you don't want it, or put something else in the <p>------------------->
  188.         <div class="col-12 col-lg-12 p-1">
  189.             <div class="card rounded-0 p-1 text-center h-100" style="background:#000">
  190.                 <p>
  191.                     <img src="https://gifcity.carrd.co/assets/images/gallery50/5ae589b1.png?v=d32b0bb8">
  192.                     <img src="https://gifcity.carrd.co/assets/images/gallery58/75453d31.png?v=d32b0bb8">
  193.                     <img src="https://gifcity.carrd.co/assets/images/gallery60/71b89d53.png?v=d32b0bb8">
  194.                     <img src="https://gifcity.carrd.co/assets/images/gallery50/af4827ac.jpg?v=d32b0bb8">
  195.                     <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/3d3655b7-467f-4394-ac71-50e0c1dfcff8/d58f3eo-d32e6adf-c1ec-473d-b59e-4e87c13f7528.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzNkMzY1NWI3LTQ2N2YtNDM5NC1hYzcxLTUwZTBjMWRmY2ZmOFwvZDU4ZjNlby1kMzJlNmFkZi1jMWVjLTQ3M2QtYjU5ZS00ZTg3YzEzZjc1MjgucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.R9KLeyiQ6E2pnbYnFB_Ia6DgSNo-26XI6XZzVGQJQCk">
  196.                     <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/418073a9-dc51-452b-9bbe-d077a34aef7e/d516j64-42109e4d-1d44-4b34-aca5-a2adccff171b.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQxODA3M2E5LWRjNTEtNDUyYi05YmJlLWQwNzdhMzRhZWY3ZVwvZDUxNmo2NC00MjEwOWU0ZC0xZDQ0LTRiMzQtYWNhNS1hMmFkY2NmZjE3MWIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.PurwEs1dEBjIGxxC_9OyPFgirolJSeOMkDFNj-lvvRM">
  197.                     <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/be93560f-e4f7-42f6-80e6-64c923f09562/d326znb-89265730-4b35-4ec6-b914-9317ea24b4a9.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JlOTM1NjBmLWU0ZjctNDJmNi04MGU2LTY0YzkyM2YwOTU2MlwvZDMyNnpuYi04OTI2NTczMC00YjM1LTRlYzYtYjkxNC05MzE3ZWEyNGI0YTkuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.9b3FjcCJW5FKI1x9Vsu4voWkgR2xWzSbjLn4AP9Soh0">
  198.                 </p>
  199.             </div>
  200.         </div>
  201.      <!----Stamps end----->    
  202.        
  203.      </div>
  204.  
  205.      <!----------Right Side------------>    
  206.         <div class="col-12 col-lg-3 py-1 px-1">
  207.             <div class="card rounded-0 p-0 text-center" style="background:#000">
  208.                 <!-----Top Banner Fake Windows-------->
  209.                 <div class="card-info mb-1"
  210.                style="background: url(https://gifcity.carrd.co/assets/images/gallery62/5be65c9c.gif?v=d32b0bb8) center;">
  211.                    
  212.                     <div class="row pull-right mr-1 pt-1">
  213.                         <div class="card px-1 py-2 mr-1" style="background:#fff;color:#000;"><i class="fa fa-minus fa-xs"></i></div>
  214.                         <div class="card px-1 py-2 mr-1" style="background:#fff;color:#000;"><i class="fa fa-window-restore fa-xs"></i></div>
  215.                         <div class="card px-1 py-2" style="background:#fff;color:#000;"><i class="fa fa-times fa-xs"></i></div>
  216.                     </div>
  217.                    
  218.                     <p class="text-uppercase mx-2 text-left my-1" style="font-size:1em;font-weight:700; color:#000">
  219.                         Featured
  220.                     </p>
  221.                 </div>
  222.                
  223.             <div class="col-12 row no-gutters py-1 px-0 mx-auto">
  224.                 <!--------Character 1 ------->
  225.                 <div class="col-6 col-md-3 col-lg-12 mx-auto my-1">
  226.                     <div class="square mx-auto"
  227.                     style="background:url(https://i.pinimg.com/originals/89/7c/7b/897c7b46878eca7631d5f1e69722dedd.gif) center;
  228.                     background-size:cover; height:100px; width:100px;"></div>
  229.                      
  230.                      <a href="URL_HERE" title="Character Name" class="text-uppercase"
  231.                     style="color:#00C2FF">
  232.                          <img src="https://gifcity.carrd.co/assets/images/gallery06/9dceaaca.gif?v=d32b0bb8">
  233.                          Name
  234.                          <img src="https://gifcity.carrd.co/assets/images/gallery06/9dceaaca.gif?v=d32b0bb8">
  235.                     </a>
  236.                 </div>
  237.                
  238.                 <!--------Character 2 ------->
  239.                 <div class="col-6 col-md-3 col-lg-12 mx-auto my-1">
  240.                     <div class="square mx-auto"
  241.                     style="background:url(https://cdn.discordapp.com/attachments/395263691085316096/1037562061670076436/672521422_8677.gif) center;
  242.                     background-size:cover; height:100px; width:100px;"></div>
  243.                      
  244.                      <a href="URL_HERE" title="Character Name"  class="text-uppercase"
  245.                     style="color:#1DF061">
  246.                          <img src="https://gifcity.carrd.co/assets/images/gallery04/856be5b2.gif?v=d32b0bb8">
  247.                          Name
  248.                          <img src="https://gifcity.carrd.co/assets/images/gallery04/a9c36563.gif?v=d32b0bb8">
  249.                     </a>
  250.                 </div>
  251.                
  252.                 <!--------Character 3 ------->
  253.                 <div class="col-6 col-md-3 col-lg-12 mx-auto my-1">
  254.                     <div class="square mx-auto"
  255.                     style="background:url(https://64.media.tumblr.com/03699052200209286a475b341fc49495/tumblr_pujljrfFiN1y8ua8do2_250.gifv) center;
  256.                     background-size:cover; height:100px; width:100px;"></div>
  257.                      
  258.                      <a href="URL_HERE" title="Character Name"  class="text-uppercase"
  259.                     style="color:#FFF061">
  260.                          <img src="https://gifcity.carrd.co/assets/images/gallery03/ef19d72a.gif?v=d32b0bb8">
  261.                          Name
  262.                          <img src="https://gifcity.carrd.co/assets/images/gallery03/ef19d72a.gif?v=d32b0bb8">
  263.                     </a>
  264.                 </div>    
  265.                
  266.                 <!----------Copy and paste above here for more charas------------->
  267.             </div>    
  268.             </div>
  269.        
  270.             <!-----------------Small Page doll Remove it if you don't want it---------------------->
  271.             <div class="col-12 text-center">
  272.                 <p><img src="https://gifcity.carrd.co/assets/images/gallery86/f0abf0ad.gif?v=d32b0bb8" style="max-height:150px;"></p>
  273.             </div>
  274.            
  275.         </div>
  276.  
  277.     </div>
  278.    
  279. <!-----Bottom Banner, it repeats itself horizontally, Replace the URL-------->
  280. <div class="col-12 m-0 p-3"
  281. style="background:url(
  283. https://gifcity.carrd.co/assets/images/gallery38/12af66fa.gif?v=d32b0bb8
  285. ) bottom;background-repeat: repeat-x;"></div>
  286.  
  287. </div>    
  288. </div>
  289.  
  290. <!--------CREDIT DO NOT REMOVE----------->
  291. <div class="text-center mt-1">
  292. <a  href="/LeafJelly"> <i class="fa-solid fa-code text-dark fa-sm tooltipster" title="Code by LeafJelly"></i></a>
  293. </div>
  294.  
  295. </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!