Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-----------------------------------------
- Free to Use 2000s Web User Profile Code
- Pink Theme
- By LeafJelly
- Background: #FFF
- Font: #e871b1
- Links & Buttons: #f557ac
- Headers: #f557ac
- Font Accent: #ff0080
- Sources for great 2000s profile decorations
- Eye strain and blood warning for these websites! They don't filter mature content.
- https://gifcity.carrd.co/
- Rules
- 1. DO NOT REMOVE credits
- 2. DO NOT redistribute purchased codes
- 3. Turn off WYSIWYG before using my HTML codes and while editing, it'll break otherwise
- 4. You can modify and frankestein my codes with credit to all the source codes, and only if the other coders allow it.
- 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.
- 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.
- -------------------------------------------->
- <div class="col-12 col-lg-8 m-auto">
- <!--------------Border, change the first p-2 from 0-5 to change the thickness-------------------->
- <div class="col-12 rounded-0 p-1" style="font-family:calibri; color:#FFF; font-size:.9em; background: linear-gradient(to bottom right, #ffa8d4, #FFFFFF, #ffa8d4, #FFFFFF, #ffa8d4);">
- <!-----Background-------->
- <div class="card border-0 rounded-0 px-0" style="background: url(https://gifcity.carrd.co/assets/images/gallery70/f6d1454d.gif?v=d32b0bb8) center; color:#e871b1;">
- <!-----Top Banner, it repeats itself horizontally, Replace the URL-------->
- <div class="col-12 m-0 p-3"
- style="background:url(https://gifcity.carrd.co/assets/images/gallery46/e9bf9bf9.png?v=d32b0bb8) top; background-repeat: repeat-x;"></div>
- <!--------------Content Box --------------------->
- <div class="col-12 col-lg-11 my-5 p-1 p-lg-5 mx-auto row">
- <div class="col-12 p-1">
- <div class="card border-0 rounded-0 p-1" style="background:#FFF">
- <div class="row no-gutters text-center mx-auto">
- <!-----------HEADER---------->
- <p class="text-uppercase mx-2" style="font-size:2.2em;font-weight:700; color:#f557ac">
- <!---Left Side Img Decoration--->
- <img src="https://gifcity.carrd.co/assets/images/gallery08/03b33423.gif?v=d32b0bb8">
- <img src="https://gifcity.carrd.co/assets/images/gallery08/cec68336.gif?v=d32b0bb8">
- <img src="https://gifcity.carrd.co/assets/images/gallery08/fce18138.gif?v=d32b0bb8">
- username or more decor
- <!---Right Side Img Decoration--->
- <img src="https://gifcity.carrd.co/assets/images/gallery08/fce18138.gif?v=d32b0bb8">
- <img src="https://gifcity.carrd.co/assets/images/gallery08/cec68336.gif?v=d32b0bb8">
- <img src="https://gifcity.carrd.co/assets/images/gallery08/03b33423.gif?v=d32b0bb8">
- </p>
- </div>
- </div>
- </div>
- <div class="col-12 col-lg-9 p-0 row no-gutters">
- <!----------Left Side------------>
- <div class="col-12 col-lg-4 p-1">
- <div class="card border-0 rounded-0 p-1 text-center h-100" style="background:#FFF">
- <!-----divider-------->
- <img src="https://gifcity.carrd.co/assets/images/gallery46/b2ff3c46.png?v=d32b0bb8" class="mx-auto">
- <!--------Avatar Replace the URL------->
- <div class="square mx-auto my-1"
- style="background:url(https://styles.redditmedia.com/t5_335tj/styles/communityIcon_ev1t36ldbne31.jpg) center; background-size:cover; height:100px; width:100px; float:left"></div>
- <!-----divider-------->
- <img src="https://gifcity.carrd.co/assets/images/gallery46/55ec983d.png?v=d32b0bb8" class="mx-auto mb-2">
- <span>Name/Nicknames</span>
- <p><img src="https://gifcity.carrd.co/assets/images/gallery75/2a47bdd6.gif?v=d32b0bb8">
- Pronouns . Age . Gender
- <img src="https://gifcity.carrd.co/assets/images/gallery75/7708fc0f.gif?v=d32b0bb8">
- </p>
- <a href="URL_HERE" class="btn p-1 my-auto" style="border-radius:.5em; background:#fef3f9; color:#ff53a9; border:1px solid #ff53a9">
- Twitter</a>
- <a href="URL_HERE" class="btn p-1 my-auto" style="border-radius:.5em; background:#fef3f9; color:#ff53a9; border:1px solid #ff53a9">
- Instagram</a>
- <a href="URL_HERE" class="btn p-1 my-auto" style="border-radius:.5em; background:#fef3f9; color:#ff53a9; border:1px solid #ff53a9">
- Youtube</a>
- <a href="URL_HERE" class="btn p-1 my-auto" style="border-radius:.5em; background:#fef3f9; color:#ff53a9; border:1px solid #ff53a9">
- ArtFight</a>
- <a href="URL_HERE" class="btn p-1 my-auto" style="border-radius:.5em; background:#fef3f9; color:#ff53a9; border:1px solid #ff53a9">
- Tumblr </a>
- <a href="URL_HERE" class="btn p-1 my-auto" style="border-radius:.5em; background:#fef3f9; color:#ff53a9; border:1px solid #ff53a9">
- Carrd</a>
- <!-----divider-------->
- <img src="https://gifcity.carrd.co/assets/images/gallery46/587daf49.gif?v=d32b0bb8" class="mx-auto mb-2">
- </div>
- </div>
- <!----------Middle------------>
- <div class="col-12 col-lg-8 p-1">
- <!-----------About me section------------>
- <div class="card border-0 rounded-0 p-1 text-center" style="background:#FFF">
- <!-----Blinkies-------->
- <p>
- <img src="https://gifcity.carrd.co/assets/images/gallery22/6f08843d.gif?v=d32b0bb8">
- <img src="https://gifcity.carrd.co/assets/images/gallery22/e9a744e4.gif?v=d32b0bb8">
- <img src="https://gifcity.carrd.co/assets/images/gallery22/d6b82bc4.gif?v=d32b0bb8">
- <img src="https://gifcity.carrd.co/assets/images/gallery22/8ea6abd0.gif?v=d32b0bb88">
- <img src="https://gifcity.carrd.co/assets/images/gallery22/18c0ea12.gif?v=d32b0bb8">
- </p>
- <!-----Title-------->
- <p class="text-uppercase mx-2 text-center" style="font-size:1.4em;font-weight:700; color:#f557ac">
- ABOUT ME</p>
- <!-----divider-------->
- <img src="https://gifcity.carrd.co/assets/images/gallery46/56b85645.gif?v=d32b0bb8" width="100%" class="mx-auto mb-1">
- <!------- Info it scrolls ------->
- <div class="px-1" style="height:200px; overflow:auto;">
- <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>
- <!-----Friends Section-------->
- <p class="text-uppercase m-0 text-center" style="font-size:1.4em;font-weight:700; color:#f557ac">
- Friends</p>
- <!-----divider-------->
- <img src="https://gifcity.carrd.co/assets/images/gallery46/8b4871c6.png?v=d32b0bb8" class="mx-auto">
- <p>List user names here with @username @ username
- </p>
- </div>
- </div>
- <div class="row no-gutters">
- <!-----------Art Status section------------>
- <div class="col-12 col-lg-6 p-1">
- <div class="card border-0 rounded-0 my-1 h-100" style="background:#FFF">
- <!-----Title-------->
- <p class="text-uppercase mx-2 text-center" style="font-size:1.4em;font-weight:700; color:#f557ac">
- <img src="https://gifcity.carrd.co/assets/images/gallery13/fa7aa0a8.gif?v=d32b0bb8">
- Art
- <img src="https://gifcity.carrd.co/assets/images/gallery13/fa7aa0a8.gif?v=d32b0bb8">
- </p>
- <!-----divider-------->
- <img src="https://gifcity.carrd.co/assets/images/gallery46/5bbfb4e5.gif?v=d32b0bb8" width="100%" class="mx-auto mb-1">
- <!------- Info------->
- <div class="px-2 my-auto">
- <div class="justify-content-between">
- <p>Commissions</p>
- <a href="URL_HERE" ><i style="color:#ff0080">Open</i></a>
- </div>
- <div class="justify-content-between">
- <p>Trades</p>
- <i class="text-right">Closed</i>
- </div>
- <div class="justify-content-between">
- <p>Requests</p>
- <i class="text-right">Closed</i>
- </div>
- </div>
- </div>
- </div>
- <!-----------Trade Status section------------>
- <div class="col-12 col-lg-6 p-1">
- <div class="card border-0 rounded-0 my-1 text-center h-100" style="background:#FFF">
- <!-----Title-------->
- <p class="text-uppercase mx-2 text-center" style="font-size:1.4em;font-weight:700; color:#f557ac">
- <img src="https://gifcity.carrd.co/assets/images/gallery74/9be86fc3.gif?v=d32b0bb8">
- Trade
- <img src="https://gifcity.carrd.co/assets/images/gallery74/9be86fc3.gif?v=d32b0bb8">
- </p>
- <!-----divider-------->
- <img src="https://gifcity.carrd.co/assets/images/gallery46/5bbfb4e5.gif?v=d32b0bb8" width="100%" class="mx-auto mb-1">
- <!------- Buttons------->
- <div class="px-2 px-lg-3 text-uppercase">
- <a href="URL_HERE" class="btn btn-block rounded-0 py-1" style="border-radius:.5em;font-size:.9em; background:#fef3f9; color:#ff53a9; border:1px solid #ff53a9">Trades</a>
- <a href="URL_HERE" class="btn btn-block rounded-0 my-1 py-1" style="border-radius:.5em;font-size:.9em; background:#fef3f9; color:#ff53a9; border:1px solid #ff53a9">Sales</a>
- <a href="URL_HERE" class="btn btn-block rounded-0 py-1" style="border-radius:.5em;font-size:.9em; background:#fef3f9; color:#ff53a9; border:1px solid #ff53a9">Prefrences</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!---------------STAMPS Remove this if you don't want it, or put something else in the <p>------------------->
- <div class="col-12 col-lg-12 p-1">
- <div class="card border-0 rounded-0 p-1 text-center h-100" style="background:#FFF">
- <p>
- <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/70c238c9-be77-48bf-a469-9400a3ae9e62/db5hksd-c3303b3d-0669-4ee3-b468-4e864f716992.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzcwYzIzOGM5LWJlNzctNDhiZi1hNDY5LTk0MDBhM2FlOWU2MlwvZGI1aGtzZC1jMzMwM2IzZC0wNjY5LTRlZTMtYjQ2OC00ZTg2NGY3MTY5OTIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.VNmYioHDQqfWnwmO1g5uRsEO1nQYY755s1QuprEzCc4">
- <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/74037890-f83c-468f-83cf-33aa7bea7e7f/d89hzhj-0f24fd22-82f5-4e97-8331-4bff982f8687.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzc0MDM3ODkwLWY4M2MtNDY4Zi04M2NmLTMzYWE3YmVhN2U3ZlwvZDg5aHpoai0wZjI0ZmQyMi04MmY1LTRlOTctODMzMS00YmZmOTgyZjg2ODcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.MAsCqgovtD5ybq_Hfe5QkLvanobq7sWmTUjXhfBOqqo">
- <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/dad80f83-06a5-4521-88bc-42aebdedbebd/daigdnl-f0d81f12-4103-4ca6-96cd-1a09ff0e079b.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2RhZDgwZjgzLTA2YTUtNDUyMS04OGJjLTQyYWViZGVkYmViZFwvZGFpZ2RubC1mMGQ4MWYxMi00MTAzLTRjYTYtOTZjZC0xYTA5ZmYwZTA3OWIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.142COi_qOILw1hHl5RRe1GOhIk3uoPZPP6a90WEYsFE">
- <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/9c694ef0-ce82-461b-9e43-ea953fddf162/daq8cyh-9efa9cae-8385-4ce8-9ce8-a6c6926bc04d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzljNjk0ZWYwLWNlODItNDYxYi05ZTQzLWVhOTUzZmRkZjE2MlwvZGFxOGN5aC05ZWZhOWNhZS04Mzg1LTRjZTgtOWNlOC1hNmM2OTI2YmMwNGQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.j65W7XXZN2pfhj1YIPuO3Z0PBfhnQSYufqp-7wIsa0Q">
- <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/74037890-f83c-468f-83cf-33aa7bea7e7f/d5bf32n-8a7d8c0c-06ee-4f7f-a967-ac954add939d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzc0MDM3ODkwLWY4M2MtNDY4Zi04M2NmLTMzYWE3YmVhN2U3ZlwvZDViZjMybi04YTdkOGMwYy0wNmVlLTRmN2YtYTk2Ny1hYzk1NGFkZDkzOWQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.R3a0FRSm1IrRhCx28_6dEaW5dCi02Oq150EA2Wx7p-U">
- <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ab425c09-1414-4a56-b5e1-6febe3c582a9/d2q2ihg-3f691d52-5bf9-46ff-8333-45964a533a8c.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2FiNDI1YzA5LTE0MTQtNGE1Ni1iNWUxLTZmZWJlM2M1ODJhOVwvZDJxMmloZy0zZjY5MWQ1Mi01YmY5LTQ2ZmYtODMzMy00NTk2NGE1MzNhOGMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.FlDGDIQ887vsv2Nk3UvmcKKENurThliMIc9e5lIwVvg">
- <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/dbec6980-bee8-4bbe-9a91-4814c17707a5/d1whs00-62a768d1-14ca-49ca-bfb5-ef4010732f2e.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2RiZWM2OTgwLWJlZTgtNGJiZS05YTkxLTQ4MTRjMTc3MDdhNVwvZDF3aHMwMC02MmE3NjhkMS0xNGNhLTQ5Y2EtYmZiNS1lZjQwMTA3MzJmMmUucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.SW7EndqBl1dphH5_6tUgf_hH2-HkhL9JMx5mQbO4pAI">
- </p>
- </div>
- </div>
- <!----Stamps end----->
- </div>
- <!----------Right Side------------>
- <div class="col-12 col-lg-3 py-1 px-1">
- <div class="card border-0 rounded-0 p-0 text-center" style="background:#FFF">
- <!-----Top Banner Fake Windows-------->
- <div class="card-info mb-1"
- style="background: url(https://gifcity.carrd.co/assets/images/gallery70/1fc3ac01.gif?v=d32b0bb8) center;">
- <div class="row pull-right mr-1 pt-1">
- <div class="card px-1 py-2 mr-1" style="background:#e871b1;color:#FFF;"><i class="fa fa-minus fa-xs"></i></div>
- <div class="card px-1 py-2 mr-1" style="background:#e871b1;color:#FFF;"><i class="fa fa-window-restore fa-xs"></i></div>
- <div class="card px-1 py-2" style="background:#e871b1;color:#FFF;"><i class="fa fa-times fa-xs"></i></div>
- </div>
- <p class="text-uppercase mx-2 text-left my-1" style="font-size:1em;font-weight:700; color:#e871b1">
- Featured
- </p>
- </div>
- <div class="col-12 row no-gutters py-1 px-0 mx-auto">
- <!--------Character 1 ------->
- <div class="col-6 col-md-3 col-lg-12 mx-auto my-1">
- <div class="square mx-auto"
- style="background:url(https://pbs.twimg.com/media/EBUcxtwWwAE4YcN.png) center;
- background-size:cover; height:100px; width:100px;"></div>
- <a href="URL_HERE" title="Character Name" class="text-uppercase"
- style="color:#00C2FF">
- <img src="https://gifcity.carrd.co/assets/images/gallery74/d0fe5789.gif?v=d32b0bb8">
- Name
- <img src="https://gifcity.carrd.co/assets/images/gallery74/d0fe5789.gif?v=d32b0bb8">
- </a>
- </div>
- <!--------Character 2 ------->
- <div class="col-6 col-md-3 col-lg-12 mx-auto my-1">
- <div class="square mx-auto"
- style="background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTtbRGwjNkBReBG-UCTkxXYyKzczrsywbtZKw&usqp=CAU) center;
- background-size:cover; height:100px; width:100px;"></div>
- <a href="URL_HERE" title="Character Name" class="text-uppercase"
- style="color:#1DF061">
- <img src="https://gifcity.carrd.co/assets/images/gallery13/293c155d.gif?v=d32b0bb8">
- Name
- <img src="https://gifcity.carrd.co/assets/images/gallery13/293c155d.gif?v=d32b0bb8">
- </a>
- </div>
- <!--------Character 3 ------->
- <div class="col-6 col-md-3 col-lg-12 mx-auto my-1">
- <div class="square mx-auto"
- style="background:url(https://64.media.tumblr.com/9f985bc1b1e7163b785525d3a56d5961/284f50d515e127a5-70/s400x600/376e367d582b4fab4140b47e6a8e95e4e59599b9.jpg) center;
- background-size:cover; height:100px; width:100px;"></div>
- <a href="URL_HERE" title="Character Name" class="text-uppercase"
- style="color:#d04c93061">
- <img src="https://gifcity.carrd.co/assets/images/gallery13/bf75e966.png?v=d32b0bb8">
- Name
- <img src="https://gifcity.carrd.co/assets/images/gallery13/bf75e966.png?v=d32b0bb8">
- </a>
- </div>
- <!----------Copy and paste above here for more charas------------->
- </div>
- </div>
- <!-----------------Small Page doll Remove it if you don't want it---------------------->
- <div class="col-12 text-center">
- <p><img src="https://gifcity.carrd.co/assets/images/gallery83/ee59b1c3.gif?v=d32b0bb8" style="max-height:150px;"></p>
- </div>
- </div>
- </div>
- <!-----Bottom Banner, it repeats itself horizontally, Replace the URL-------->
- <div class="col-12 m-0 p-3"
- style="background:url(https://gifcity.carrd.co/assets/images/gallery46/3f95c264.gif?v=d32b0bb8) bottom; background-repeat: repeat-x;"></div>
- </div>
- </div>
- <!--------CREDIT DO NOT REMOVE----------->
- <div class="text-center mt-1">
- <a href="/LeafJelly"> <i class="fa-solid fa-code text-dark fa-sm tooltipster" title="Code by LeafJelly"></i></a>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement