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">
 
<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);">
 
<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;">
 
<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>
 
    <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">
                     <p class="text-uppercase mx-2" style="font-size:2.2em;font-weight:700; color:#f557ac">
                         <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
 
                         <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">
        <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">
                <img src="https://gifcity.carrd.co/assets/images/gallery46/b2ff3c46.png?v=d32b0bb8" class="mx-auto">
 
                <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>
 
                <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>
 
                <img src="https://gifcity.carrd.co/assets/images/gallery46/587daf49.gif?v=d32b0bb8" class="mx-auto mb-2">    
            </div>
        </div>
 
        <div class="col-12 col-lg-8 p-1">
 
            <div class="card border-0 rounded-0 p-1 text-center" style="background:#FFF">
 
                <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>
 
                <p class="text-uppercase mx-2 text-center" style="font-size:1.4em;font-weight:700; color:#f557ac">
                    ABOUT ME</p>
                    <img src="https://gifcity.carrd.co/assets/images/gallery46/56b85645.gif?v=d32b0bb8" width="100%" class="mx-auto mb-1">
                <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>
 
                <p class="text-uppercase m-0 text-center" style="font-size:1.4em;font-weight:700; color:#f557ac">
                    Friends</p>
                    <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">
        <div class="col-12 col-lg-6  p-1">    
            <div class="card border-0 rounded-0 my-1 h-100" style="background:#FFF">
                <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>
                    <img src="https://gifcity.carrd.co/assets/images/gallery46/5bbfb4e5.gif?v=d32b0bb8" width="100%" class="mx-auto mb-1">
                <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>
 
        <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">
                <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>
                    <img src="https://gifcity.carrd.co/assets/images/gallery46/5bbfb4e5.gif?v=d32b0bb8" width="100%" class="mx-auto mb-1">
 
                <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>
 
        <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>
 
     </div>
 
        <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">
                <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">
                <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>
 
                <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>
 
                <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>    
 
            </div>    
            </div>
 
            <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> 
 
<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>
 
<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>