Pride Cards
created by:raccodes
HTMLCustom ColorsUser
Copy
<!---------------------------
PRIDE: RAINBOW
Enjoy Pride Month!
red: #e44c4c
orange: #f78e56
yellow: #ffef68
green: #7cc576
blue: #81bbff
----------------------------->
<div class="container p-0 my-lg-5" style="max-width:500px;">
<div class="row no-gutters bg-faded" style="overflow:hidden;border-radius:15px;box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.1);">
<div style="z-index:1;width:100%;">
<!---- link 1 ---->
<div class="card rounded-0 border-0" style="background-color:#e44c4c;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="DA_LINK">
<i class="fab fa-deviantart p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 2 ---->
<div class="card rounded-0 border-0" style="background-color:#f78e56;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TUMBLR_LINK">
<i class="fab fa-tumblr p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 3 ---->
<div class="card rounded-0 border-0" style="background-color:#ffef68;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="FUR_AFFINITY_LINK">
<i class="fas fa-paw p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 4 ---->
<div class="card rounded-0 border-0" style="background-color:#7cc576;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TWITTER_LINK">
<i class="fab fa-twitter p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 5 ---->
<div class="card rounded-0 border-0" style="background-color:#81bbff;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="ART_FIGHT_LINK">
<i class="fas fa-pencil-paintbrush p-2" style="font-size:18px;"></i></a>
</div>
</div>
<div class="card bg-faded border-0 m-3 w-75 p-2" style="z-index:4;position: absolute;border-radius:15px;height:220px;overflow:auto;">
<h3 class="display-4 text-lowercase pb-1" style="border-bottom:1px solid #666;font-size:20px;">Username</h3>
<div class="row no-gutters">
<!------------------------------------------------------------------------------------------------------------------>
<div class="col-6 p-1">
<!----- name ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#e44c4c;" class="fal fa-user pull-left my-1"></i> content</div>
<!----- age / bday ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#f78e56;" class="fal fa-birthday-cake pull-left my-1"></i>content</div>
<!----- gender / pronouns -- fa-mars = masc // fa-venus = fem // fa-genderless // fa-transgender // fa-transgender-alt ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#ffef68;" class="fal fa-mars pull-left my-1"></i> content</div>
<!----- mbti ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#7cc576;" class="fal fa-head-side-brain pull-left my-1"></i> content</div>
<!----- song ----->
<div class="card d-block p-1 text-right px-2 border-0" style="border-radius:15px;"> <i style="color:#81bbff;" class="fal fa-music pull-left my-1"></i> <a href="SONG LINK" style="color:#81bbff;">content</a></div>
</div>
<div class="col-6 p-1 text-center">
<img style="max-height:160px;" src="IMAGE_HERE">
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------------------------------>
</div>
<!----- CODE CREDIT ------->
<a href="https://toyhou.se/7123287"><i class="fal fa-code text-muted pull-right m-2"></i></a>
<!----- IMAGE CREDIT ------>
<a href="ARTIST_CREDIT"><i class="fas fa-image text-muted pull-right my-2"></i></a>
</div>Copy
<!---------------------------
PRIDE: ACE VER.
Enjoy Pride Month!
acc 1: #444
acc 2: #aaa
acc 3: #fff
acc 4: #ab70be
----------------------------->
<div class="container p-0 my-lg-5" style="max-width:500px;">
<div class="row no-gutters bg-faded" style="overflow:hidden;border-radius:15px;box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.1);">
<div style="z-index:1;width:100%;">
<!---- link 1 ---->
<div class="card rounded-0 border-0" style="background-color:#444;height:63px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="DA_LINK">
<i class="fab fa-deviantart py-3 px-2" style="font-size:20px;"></i></a>
</div>
<!---- link 2 ---->
<div class="card rounded-0 border-0" style="background-color:#aaa;height:63px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TUMBLR_LINK">
<i class="fab fa-tumblr py-3 px-2" style="font-size:20px;"></i></a>
</div>
<!---- link 3 ---->
<div class="card rounded-0 border-0" style="background-color:#fff;height:63px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-faded" href="FUR_AFFINITY_LINK">
<i class="fas fa-paw py-3 px-2" style="font-size:20px;"></i></a>
</div>
<!---- link 4 ---->
<div class="card rounded-0 border-0" style="background-color:#ab70be;height:63px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TWITTER_LINK">
<i class="fab fa-twitter py-3 px-2" style="font-size:20px;"></i></a>
</div>
</div>
<div class="card bg-faded border-0 m-3 w-75 p-2" style="z-index:4;position: absolute;border-radius:15px;height:220px;overflow:auto;">
<h3 class="display-4 text-lowercase pb-1" style="border-bottom:1px solid #666;font-size:20px;">Username</h3>
<div class="row no-gutters">
<!------------------------------------------------------------------------------------------------------------------>
<div class="col-6 p-1">
<!----- name ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#444;" class="fal fa-user pull-left my-1"></i> content</div>
<!----- age / bday ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#aaa;" class="fal fa-birthday-cake pull-left my-1"></i>content</div>
<!----- gender / pronouns -- fa-mars = masc // fa-venus = fem // fa-genderless // fa-transgender // fa-transgender-alt ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#fff;" class="fal fa-genderless pull-left my-1"></i> content</div>
<!----- mbti ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#ab70be;" class="fal fa-head-side-brain pull-left my-1"></i> content</div>
<!----- song ----->
<div class="card d-block p-1 text-right px-2 border-0" style="border-radius:15px;"> <i style="color:#000;" class="fal fa-music pull-left my-1"></i> <a href="SONG LINK" style="color:#000;">content</a></div>
</div>
<div class="col-6 p-1 text-center">
<img style="max-height:160px;" src="IMAGE LINK">
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------------------------------>
</div>
<!----- CODE CREDIT ------->
<a href="https://toyhou.se/7123287"><i class="fal fa-code text-muted pull-right m-2"></i></a>
<!----- IMAGE CREDIT ------>
<a href="ARTIST_CREDIT"><i class="fas fa-image text-muted pull-right my-2"></i></a>
</div>Copy
<!---------------------------
PRIDE: ARO VER.
Enjoy Pride Month!
acc 1: #3ca441
acc 2: #a6d479
acc 3: #fff
acc 4: #a9a9a9
acc 5: #000
----------------------------->
<div class="container p-0 my-lg-5" style="max-width:500px;">
<div class="row no-gutters bg-faded" style="overflow:hidden;border-radius:15px;box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.1);">
<div style="z-index:1;width:100%;">
<!---- link 1 ---->
<div class="card rounded-0 border-0" style="background-color:#3ca441;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="DA_LINK">
<i class="fab fa-deviantart p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 2 ---->
<div class="card rounded-0 border-0" style="background-color:#a6d479;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TUMBLR_LINK">
<i class="fab fa-tumblr p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 3 ---->
<div class="card rounded-0 border-0" style="background-color:#fff;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-faded" href="FUR_AFFINITY_LINK">
<i class="fas fa-paw p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 4 ---->
<div class="card rounded-0 border-0" style="background-color:#a9a9a9;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TWITTER_LINK">
<i class="fab fa-twitter p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 5 ---->
<div class="card rounded-0 border-0" style="background-color:#000;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="ART_FIGHT_LINK">
<i class="fas fa-pencil-paintbrush p-2" style="font-size:18px;"></i></a>
</div>
</div>
<div class="card bg-faded border-0 m-3 w-75 p-2" style="z-index:4;position: absolute;border-radius:15px;height:220px;overflow:auto;">
<h3 class="display-4 text-lowercase pb-1" style="border-bottom:1px solid #666;font-size:20px;">Username</h3>
<div class="row no-gutters">
<!------------------------------------------------------------------------------------------------------------------>
<div class="col-6 p-1">
<!----- name ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#3ca441;" class="fal fa-user pull-left my-1"></i> content</div>
<!----- age / bday ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#a6d479;" class="fal fa-birthday-cake pull-left my-1"></i>content</div>
<!----- gender / pronouns -- fa-mars = masc // fa-venus = fem // fa-genderless // fa-transgender // fa-transgender-alt ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#fff;" class="fal fa-genderless pull-left my-1"></i> content</div>
<!----- mbti ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#a9a9a9;" class="fal fa-head-side-brain pull-left my-1"></i> content</div>
<!----- song ----->
<div class="card d-block p-1 text-right px-2 border-0" style="border-radius:15px;"> <i style="color:#000;" class="fal fa-music pull-left my-1"></i> <a href="SONG LINK" style="color:#000;">content</a></div>
</div>
<div class="col-6 p-1 text-center">
<img style="max-height:160px;" src="IMAGE LINK">
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------------------------------>
</div>
<!----- CODE CREDIT ------->
<a href="https://toyhou.se/7123287"><i class="fal fa-code text-muted pull-right m-2"></i></a>
<!----- IMAGE CREDIT ------>
<a href="ARTIST_CREDIT"><i class="fas fa-image text-muted pull-right my-2"></i></a>
</div>Copy
<!---------------------------
PRIDE: BI VER.
Enjoy Pride Month!
acc 1: #e2599e
acc 2: #997abd
acc 3: #648edd
----------------------------->
<div class="container p-0 my-lg-5" style="max-width:500px;">
<div class="row no-gutters bg-faded" style="overflow:hidden;border-radius:15px;box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.1);">
<div style="z-index:1;width:100%;">
<!---- link 1 ---->
<div class="card rounded-0 border-0" style="background-color:#e2599e;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="DA_LINK">
<i class="fab fa-deviantart p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 2 ---->
<div class="card rounded-0 border-0" style="background-color:#e2599e;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TUMBLR_LINK">
<i class="fab fa-tumblr p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 3 ---->
<div class="card rounded-0 border-0" style="background-color:#997abd;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="FUR_AFFINITY_LINK">
<i class="fas fa-paw p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 4 ---->
<div class="card rounded-0 border-0" style="background-color:#648edd;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TWITTER_LINK">
<i class="fab fa-twitter p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 5 ---->
<div class="card rounded-0 border-0" style="background-color:#648edd;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="ART_FIGHT_LINK">
<i class="fas fa-pencil-paintbrush p-2" style="font-size:18px;"></i></a>
</div>
</div>
<div class="card bg-faded border-0 m-3 w-75 p-2" style="z-index:4;position: absolute;border-radius:15px;height:220px;overflow:auto;">
<h3 class="display-4 text-lowercase pb-1" style="border-bottom:1px solid #666;font-size:20px;">Username</h3>
<div class="row no-gutters">
<!------------------------------------------------------------------------------------------------------------------>
<div class="col-6 p-1">
<!----- name ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#e2599e;" class="fal fa-user pull-left my-1"></i> content</div>
<!----- age / bday ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#e2599e;" class="fal fa-birthday-cake pull-left my-1"></i>content</div>
<!----- gender / pronouns -- fa-mars = masc // fa-venus = fem // fa-genderless // fa-transgender // fa-transgender-alt ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#997abd;" class="fal fa-venus pull-left my-1"></i> content</div>
<!----- mbti ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#648edd;" class="fal fa-head-side-brain pull-left my-1"></i> content</div>
<!----- song ----->
<div class="card d-block p-1 text-right px-2 border-0" style="border-radius:15px;"> <i style="color:#648edd;" class="fal fa-music pull-left my-1"></i> <a href="SONG LINK" style="color:#648edd;">content</a></div>
</div>
<div class="col-6 p-1 text-center">
<img style="max-height:160px;" src="IMAGE LINK">
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------------------------------>
</div>
<!----- CODE CREDIT ------->
<a href="https://toyhou.se/7123287"><i class="fal fa-code text-muted pull-right m-2"></i></a>
<!----- IMAGE CREDIT ------>
<a href="ARTIST_CREDIT"><i class="fas fa-image text-muted pull-right my-2"></i></a>
</div>Copy
<!---------------------------
PRIDE: INTERSEX VER.
Enjoy Pride Month!
acc 1: #ffef68
acc 2: #997abd
acc 3: #ffef68
----------------------------->
<div class="container p-0 my-lg-5" style="max-width:500px;">
<div class="row no-gutters bg-faded" style="overflow:hidden;border-radius:15px;box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.1);">
<div style="z-index:1;width:100%;">
<!---- link 1 ---->
<div class="card rounded-0 border-0" style="background-color:#ffef68;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-faded" href="DA_LINK">
<i class="fab fa-deviantart p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 2 ---->
<div class="card rounded-0 border-0" style="background-color:#ffef68;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-faded" href="TUMBLR_LINK">
<i class="fab fa-tumblr p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 3 ---->
<div class="card rounded-0 border-0" style="background-color:#997abd;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="FUR_AFFINITY_LINK">
<i class="fas fa-paw p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 4 ---->
<div class="card rounded-0 border-0" style="background-color:#ffef68;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-faded" href="TWITTER_LINK">
<i class="fab fa-twitter p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 5 ---->
<div class="card rounded-0 border-0" style="background-color:#ffef68;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-faded" href="ART_FIGHT_LINK">
<i class="fas fa-pencil-paintbrush p-2" style="font-size:18px;"></i></a>
</div>
</div>
<div class="card bg-faded border-0 m-3 w-75 p-2" style="z-index:4;position: absolute;border-radius:15px;height:220px;overflow:auto;">
<h3 class="display-4 text-lowercase pb-1" style="border-bottom:1px solid #666;font-size:20px;">Username</h3>
<div class="row no-gutters">
<!------------------------------------------------------------------------------------------------------------------>
<div class="col-6 p-1">
<!----- name ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#ffef68;" class="fal fa-user pull-left my-1"></i> content</div>
<!----- age / bday ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#ffef68;" class="fal fa-birthday-cake pull-left my-1"></i>content</div>
<!----- gender / pronouns -- fa-mars = masc // fa-venus = fem // fa-genderless // fa-transgender // fa-transgender-alt ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#997abd;" class="fal fa-venus pull-left my-1"></i> content</div>
<!----- mbti ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#ffef68;" class="fal fa-head-side-brain pull-left my-1"></i> content</div>
<!----- song ----->
<div class="card d-block p-1 text-right px-2 border-0" style="border-radius:15px;"> <i style="color:#ffef68;" class="fal fa-music pull-left my-1"></i> <a href="SONG LINK" style="color:#ffef68;">content</a></div>
</div>
<div class="col-6 p-1 text-center">
<img style="max-height:160px;" src="IMAGE LINK">
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------------------------------>
</div>
<!----- CODE CREDIT ------->
<a href="https://toyhou.se/7123287"><i class="fal fa-code text-muted pull-right m-2"></i></a>
<!----- IMAGE CREDIT ------>
<a href="ARTIST_CREDIT"><i class="fas fa-image text-muted pull-right my-2"></i></a>
</div>Copy
<!---------------------------
PRIDE: LESBIAN VER.
Enjoy Pride Month!
acc 1: #f79656
acc 2: #ffbc8f
acc 3: #fff
acc 4: #f7a0f0
acc 5: #e072b7
----------------------------->
<div class="container p-0 my-lg-5" style="max-width:500px;">
<div class="row no-gutters bg-faded" style="overflow:hidden;border-radius:15px;box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.1);">
<div style="z-index:1;width:100%;">
<!---- link 1 ---->
<div class="card rounded-0 border-0" style="background-color:#f79656;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="DA_LINK">
<i class="fab fa-deviantart p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 2 ---->
<div class="card rounded-0 border-0" style="background-color:#ffbc8f;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TUMBLR_LINK">
<i class="fab fa-tumblr p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 3 ---->
<div class="card rounded-0 border-0" style="background-color:#fff;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-faded" href="FUR_AFFINITY_LINK">
<i class="fas fa-paw p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 4 ---->
<div class="card rounded-0 border-0" style="background-color:#f7a0f0;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TWITTER_LINK">
<i class="fab fa-twitter p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 5 ---->
<div class="card rounded-0 border-0" style="background-color:#e072b7;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="ART_FIGHT_LINK">
<i class="fas fa-pencil-paintbrush p-2" style="font-size:18px;"></i></a>
</div>
</div>
<div class="card bg-faded border-0 m-3 w-75 p-2" style="z-index:4;position: absolute;border-radius:15px;height:220px;overflow:auto;">
<h3 class="display-4 text-lowercase pb-1" style="border-bottom:1px solid #666;font-size:20px;">Username</h3>
<div class="row no-gutters">
<!------------------------------------------------------------------------------------------------------------------>
<div class="col-6 p-1">
<!----- name ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#f79656;" class="fal fa-user pull-left my-1"></i> content</div>
<!----- age / bday ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#ffbc8f;" class="fal fa-birthday-cake pull-left my-1"></i>content</div>
<!----- gender / pronouns -- fa-mars = masc // fa-venus = fem // fa-genderless // fa-transgender // fa-transgender-alt ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#fff;" class="fal fa-venus pull-left my-1"></i> content</div>
<!----- mbti ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#f7a0f0;" class="fal fa-head-side-brain pull-left my-1"></i> content</div>
<!----- song ----->
<div class="card d-block p-1 text-right px-2 border-0" style="border-radius:15px;"> <i style="color:#e072b7;" class="fal fa-music pull-left my-1"></i> <a href="SONG LINK" style="color:#e072b7;">content</a></div>
</div>
<div class="col-6 p-1 text-center">
<img style="max-height:160px;" src="IMG HERE">
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------------------------------>
</div>
<!----- CODE CREDIT ------->
<a href="https://toyhou.se/7123287"><i class="fal fa-code text-muted pull-right m-2"></i></a>
<!----- IMAGE CREDIT ------>
<a href="ARTIST_CREDIT"><i class="fas fa-image text-muted pull-right my-2"></i></a>
</div>Copy
<!---------------------------
PRIDE: GAY ALT. VER.
Enjoy Pride Month!
acc 1: #6ec5b3
acc 2: #98e8c1
acc 3: #fff
acc 4: #7bade2
acc 5: #5b76ce
----------------------------->
<div class="container p-0 my-lg-5" style="max-width:500px;">
<div class="row no-gutters bg-faded" style="overflow:hidden;border-radius:15px;box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.1);">
<div style="z-index:1;width:100%;">
<!---- link 1 ---->
<div class="card rounded-0 border-0" style="background-color:#6ec5b3;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="DA_LINK">
<i class="fab fa-deviantart p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 2 ---->
<div class="card rounded-0 border-0" style="background-color:#98e8c1;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TUMBLR_LINK">
<i class="fab fa-tumblr p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 3 ---->
<div class="card rounded-0 border-0" style="background-color:#fff;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-faded" href="FUR_AFFINITY_LINK">
<i class="fas fa-paw p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 4 ---->
<div class="card rounded-0 border-0" style="background-color:#7bade2;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TWITTER_LINK">
<i class="fab fa-twitter p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 5 ---->
<div class="card rounded-0 border-0" style="background-color:#5b76ce;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="ART_FIGHT_LINK">
<i class="fas fa-pencil-paintbrush p-2" style="font-size:18px;"></i></a>
</div>
</div>
<div class="card bg-faded border-0 m-3 w-75 p-2" style="z-index:4;position: absolute;border-radius:15px;height:220px;overflow:auto;">
<h3 class="display-4 text-lowercase pb-1" style="border-bottom:1px solid #666;font-size:20px;">Username</h3>
<div class="row no-gutters">
<!------------------------------------------------------------------------------------------------------------------>
<div class="col-6 p-1">
<!----- name ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#6ec5b3;" class="fal fa-user pull-left my-1"></i> content</div>
<!----- age / bday ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#98e8c1;" class="fal fa-birthday-cake pull-left my-1"></i>content</div>
<!----- gender / pronouns -- fa-mars = masc // fa-venus = fem // fa-genderless // fa-transgender // fa-transgender-alt ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#fff;" class="fal fa-venus pull-left my-1"></i> content</div>
<!----- mbti ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#7bade2;" class="fal fa-head-side-brain pull-left my-1"></i> content</div>
<!----- song ----->
<div class="card d-block p-1 text-right px-2 border-0" style="border-radius:15px;"> <i style="color:#5b76ce;" class="fal fa-music pull-left my-1"></i> <a href="SONG LINK" style="color:#5b76ce;">content</a></div>
</div>
<div class="col-6 p-1 text-center">
<img style="max-height:160px;" src="IMG HERE">
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------------------------------>
</div>
<!----- CODE CREDIT ------->
<a href="https://toyhou.se/7123287"><i class="fal fa-code text-muted pull-right m-2"></i></a>
<!----- IMAGE CREDIT ------>
<a href="ARTIST_CREDIT"><i class="fas fa-image text-muted pull-right my-2"></i></a>
</div>Copy
<!---------------------------
PRIDE: NB VER.
Enjoy Pride Month!
acc 1: #ffef68
acc 2: #fff
acc 3: #ab70be
acc 4: #444
----------------------------->
<div class="container p-0 my-lg-5" style="max-width:500px;">
<div class="row no-gutters bg-faded" style="overflow:hidden;border-radius:15px;box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.1);">
<div style="z-index:1;width:100%;">
<!---- link 1 ---->
<div class="card rounded-0 border-0" style="background-color:#ffef68;height:63px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-faded" href="DA_LINK">
<i class="fab fa-deviantart py-3 px-2" style="font-size:20px;"></i></a>
</div>
<!---- link 2 ---->
<div class="card rounded-0 border-0" style="background-color:#fff;height:63px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-faded" href="TUMBLR_LINK">
<i class="fab fa-tumblr py-3 px-2" style="font-size:20px;"></i></a>
</div>
<!---- link 3 ---->
<div class="card rounded-0 border-0" style="background-color:#ab70be;height:63px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="FUR_AFFINITY_LINK">
<i class="fas fa-paw py-3 px-2" style="font-size:20px;"></i></a>
</div>
<!---- link 4 ---->
<div class="card rounded-0 border-0" style="background-color:#444;height:63px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TWITTER_LINK">
<i class="fab fa-twitter py-3 px-2" style="font-size:20px;"></i></a>
</div>
</div>
<div class="card bg-faded border-0 m-3 w-75 p-2" style="z-index:4;position: absolute;border-radius:15px;height:220px;overflow:auto;">
<h3 class="display-4 text-lowercase pb-1" style="border-bottom:1px solid #666;font-size:20px;">Username</h3>
<div class="row no-gutters">
<!------------------------------------------------------------------------------------------------------------------>
<div class="col-6 p-1">
<!----- name ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#ffef68;" class="fal fa-user pull-left my-1"></i> content</div>
<!----- age / bday ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#fff;" class="fal fa-birthday-cake pull-left my-1"></i>content</div>
<!----- gender / pronouns -- fa-mars = masc // fa-venus = fem // fa-genderless // fa-transgender // fa-transgender-alt ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#ab70be;" class="fal fa-genderless pull-left my-1"></i> content</div>
<!----- mbti ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#444;" class="fal fa-head-side-brain pull-left my-1"></i> content</div>
<!----- song ----->
<div class="card d-block p-1 text-right px-2 border-0" style="border-radius:15px;"> <i style="color:#000;" class="fal fa-music pull-left my-1"></i> <a href="SONG LINK" style="color:#000;">content</a></div>
</div>
<div class="col-6 p-1 text-center">
<img style="max-height:160px;" src="IMAGE LINK">
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------------------------------>
</div>
<!----- CODE CREDIT ------->
<a href="https://toyhou.se/7123287"><i class="fal fa-code text-muted pull-right m-2"></i></a>
<!----- IMAGE CREDIT ------>
<a href="ARTIST_CREDIT"><i class="fas fa-image text-muted pull-right my-2"></i></a>
</div>Copy
<!---------------------------
PRIDE: PAN VER.
Enjoy Pride Month!
acc 1: #ff80bd
acc 2: #ffef68
acc 3: #7ad0ff
----------------------------->
<div class="container p-0 my-lg-5" style="max-width:500px;">
<div class="row no-gutters bg-faded" style="overflow:hidden;border-radius:15px;box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.1);">
<div style="z-index:1;width:100%;">
<!---- link 1 ---->
<div class="card rounded-0 border-0" style="background-color:#ff80bd;height:84px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="DA_LINK">
<i class="fab fa-deviantart py-3 px-2 mt-1" style="font-size:28px;"></i></a>
</div>
<!---- link 2 ---->
<div class="card rounded-0 border-0" style="background-color:#ffef68;height:84px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-faded" href="TUMBLR_LINK">
<i class="fab fa-tumblr py-3 px-2 mt-1" style="font-size:28px;"></i></a>
</div>
<!---- link 3 ---->
<div class="card rounded-0 border-0" style="background-color:#7ad0ff;height:84px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="FUR_AFFINITY_LINK">
<i class="fas fa-paw py-3 px-2 mt-1" style="font-size:28px;"></i></a>
</div>
</div>
<div class="card bg-faded border-0 m-3 w-75 p-2" style="z-index:4;position: absolute;border-radius:15px;height:220px;overflow:auto;">
<h3 class="display-4 text-lowercase pb-1" style="border-bottom:1px solid #666;font-size:20px;">Username</h3>
<div class="row no-gutters">
<!------------------------------------------------------------------------------------------------------------------>
<div class="col-6 p-1">
<!----- name ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#ff80bd;" class="fal fa-user pull-left my-1"></i> content</div>
<!----- age / bday ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#ff80bd;" class="fal fa-birthday-cake pull-left my-1"></i>content</div>
<!----- gender / pronouns -- fa-mars = masc // fa-venus = fem // fa-genderless // fa-transgender // fa-transgender-alt ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#ffef68;" class="fal fa-genderless pull-left my-1"></i> content</div>
<!----- mbti ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#7ad0ff;" class="fal fa-head-side-brain pull-left my-1"></i> content</div>
<!----- song ----->
<div class="card d-block p-1 text-right px-2 border-0" style="border-radius:15px;"> <i style="color:#7ad0ff;" class="fal fa-music pull-left my-1"></i> <a href="SONG LINK" style="color:#7ad0ff;">content</a></div>
</div>
<div class="col-6 p-1 text-center">
<img style="max-height:160px;" src="IMAGE LINK">
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------------------------------>
</div>
<!----- CODE CREDIT ------->
<a href="https://toyhou.se/7123287"><i class="fal fa-code text-muted pull-right m-2"></i></a>
<!----- IMAGE CREDIT ------>
<a href="ARTIST_CREDIT"><i class="fas fa-image text-muted pull-right my-2"></i></a>
</div>Copy
<!---------------------------
PRIDE: TRANS VER.
Enjoy Pride Month!
acc 1: #5bcffa
acc 2: #f6a8b9
acc 3: #fff
----------------------------->
<div class="container p-0 my-lg-5" style="max-width:500px;">
<div class="row no-gutters bg-faded" style="overflow:hidden;border-radius:15px;box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.1);">
<div style="z-index:1;width:100%;">
<!---- link 1 ---->
<div class="card rounded-0 border-0" style="background-color:#5bcffa;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="DA_LINK">
<i class="fab fa-deviantart p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 2 ---->
<div class="card rounded-0 border-0" style="background-color:#f6a8b9;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TUMBLR_LINK">
<i class="fab fa-tumblr p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 3 ---->
<div class="card rounded-0 border-0" style="background-color:#fff;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-faded" href="FUR_AFFINITY_LINK">
<i class="fas fa-paw p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 4 ---->
<div class="card rounded-0 border-0" style="background-color:#f6a8b9;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="TWITTER_LINK">
<i class="fab fa-twitter p-2" style="font-size:18px;"></i></a>
</div>
<!---- link 5 ---->
<div class="card rounded-0 border-0" style="background-color:#5bcffa;height:50px;">
<a class="h-100 btn btn-outline-secondary border-0 rounded-0 text-right text-white" href="ART_FIGHT_LINK">
<i class="fas fa-pencil-paintbrush p-2" style="font-size:18px;"></i></a>
</div>
</div>
<div class="card bg-faded border-0 m-3 w-75 p-2" style="z-index:4;position: absolute;border-radius:15px;height:220px;overflow:auto;">
<h3 class="display-4 text-lowercase pb-1" style="border-bottom:1px solid #666;font-size:20px;">Username</h3>
<div class="row no-gutters">
<!------------------------------------------------------------------------------------------------------------------>
<div class="col-6 p-1">
<!----- name ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#5bcffa;" class="fal fa-user pull-left my-1"></i> content</div>
<!----- age / bday ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#f6a8b9;" class="fal fa-birthday-cake pull-left my-1"></i>content</div>
<!----- gender / pronouns -- fa-mars = masc // fa-venus = fem // fa-genderless // fa-transgender // fa-transgender-alt ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#fff;" class="fal fa-venus pull-left my-1"></i> content</div>
<!----- mbti ----->
<div class="card d-block p-1 text-right px-2 mb-1 border-0" style="border-radius:15px;"> <i style="color:#f6a8b9;" class="fal fa-head-side-brain pull-left my-1"></i> content</div>
<!----- song ----->
<div class="card d-block p-1 text-right px-2 border-0" style="border-radius:15px;"> <i style="color:#5bcffa;" class="fal fa-music pull-left my-1"></i> <a href="SONG LINK" style="color:#5bcffa;">content</a></div>
</div>
<div class="col-6 p-1 text-center">
<img style="max-height:160px;" src="IMAGE LINK">
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------------------------------>
</div>
<!----- CODE CREDIT ------->
<a href="https://toyhou.se/7123287"><i class="fal fa-code text-muted pull-right m-2"></i></a>
<!----- IMAGE CREDIT ------>
<a href="ARTIST_CREDIT"><i class="fas fa-image text-muted pull-right my-2"></i></a>
</div>