Profile
NAME
!!
8TEEN · THEY/THEM · INTERSEX · ARIES
· discord#0000
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.
BYI
!!
lorem ipsum dolor sit amet, consectetur adipiscing elit. duis sollicitudin elit sed tellus blandit viverra sed eget odio.
DNI
!!
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.
<!-------------------------------------------------
Pride Carrds — Intersex version.
(code by jiko)
------------------------------
RULES
→ read this thoroughly please, and maybe drop a small comment saying that you've read it? :'3
thank youu [ https://toyhou.se/~bulletins/127417.code-rules ]
→ turn OFF WYSIWYG (in your display settings)
→ turn ON Code Editor
------------------------------
TIPPY TIPS
→ insert your img links INSIDE brackets or quotation marks!!
→ looking for a good online code editor? try [ https://th.circlejourney.net/# ] !
------------------------------
PALETTE
→ yellow ----------- #ebd035
→ purple ----------- #8947a4
→ background ------- #ffffff
→ text ------------- #464346
use control/command + f to quickly change the colours!
------------------------------------------------->
<div class="py-5 px-3 mx-auto" style="max-width:1000px; border-radius:45px; background:#ebd035">
<div class="mx-auto my-4" style="color:#464346; max-width:750px; font-size:10.5pt; letter-spacing:0.5px">
<!-------------------------------------------------
COOL PEEKING ICON
------------------------------------------------->
<div class="text-center" style="margin-bottom:-70px">
<i class="far fa-circle fa-9x" style="color:#8947a4"></i>
<!-- find more icons to use at [fontawesome.com]! -->
</div>
<!-------------------------------------------------
CODE BEGINS
------------------------------------------------->
<div class="row no-gutters">
<!-- BASIC INFO
---------------------------------------------->
<div class="col-12 p-2">
<div class="shadow card border-0 rounded-0 p-3" style="background-color:#ffffff; border-radius:25px">
<!-- NAME -------------------------------->
<div class="display-3" style="font-weight:900; letter-spacing:4px;">
NAME
<i class="faded" style="color:#8947a4">!!</i>
</div>
<!-- DESCRIBE YOURSELF + DISCORD -------->
<div class="font-italic mb-3" style="font-weight:900">
8TEEN · <span style="color:#8947a4">THEY/THEM</span> · INTERSEX · ARIES
· discord#0000
</div>
<!-- SUMMARY ---------------------------->
<div class="mb-0">
<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>
</div>
</div>
</div>
<!-- SOCIAL LINKS
---------------------------------------------->
<div class="col-12 p-2">
<div class="row no-gutters m-n2">
<div class="col p-2">
<a href="LINK_HERE" class="btn w-100 text-white" style="border-radius:10px; background-color:#464346;">
<i class="fab fa-spotify fa-lg"></i>
</a>
</div>
<div class="col p-2">
<a href="LINK_HERE" class="btn w-100 text-white" style="border-radius:10px; background-color:#8947a4;">
<i class="fab fa-twitter fa-lg"></i>
</a>
</div>
<div class="col p-2">
<a href="LINK_HERE" class="btn w-100 text-white" style="border-radius:10px; background-color:#464346;">
<i class="fab fa-deviantart fa-lg"></i>
</a>
</div>
<div class="col p-2">
<a href="LINK_HERE" class="btn w-100 text-white" style="border-radius:10px; background-color:#8947a4;">
<i class="fab fa-tumblr fa-lg"></i>
</a>
</div>
<!--
→ add / delete more links above THIS line, but it may look funky with more
→ you're going to have to manually change button colours tho
-->
</div>
</div>
<!-- BEFORE YOU INTERACT
---------------------------------------------->
<div class="col-6 p-2">
<div class="shadow card border-0 rounded-0 p-3 h-100" style="background-color:#ffffff; border-radius:25px">
<div class="display-4" style="font-weight:900; letter-spacing:4px;">
BYI
<i class="faded" style="color:#8947a4">!!</i>
</div>
<p>
<b>lorem ipsum</b> dolor sit amet, consectetur adipiscing elit. duis <u>sollicitudin</u> elit sed tellus blandit viverra sed eget odio.
</p>
</div>
</div>
<!-- DO NOT INTERACT
---------------------------------------------->
<div class="col-6 p-2">
<div class="shadow card border-0 rounded-0 p-3 h-100" style="background-color:#ffffff; border-radius:25px">
<div class="display-4" style="font-weight:900; letter-spacing:4px;">
DNI
<i class="faded" style="color:#8947a4">!!</i>
</div>
<p>
donec accumsan tempor lacus, <b>et venenatis elit feugiat non</b>. Duis porta eros et velit blandit dapibus. curabitur ac finibus eros. duis placerat velit <i>vitae massa sodales</i>, eget mattis nibh pellentesque.
</p>
</div>
</div>
<!-- add more section above THIS section! -->
</div>
</div>
</div>
<!-------------------------------------------------
CREDITS
------------------------------------------------->
<div class="mt-3 text-center small faded" style="letter-spacing:0.5px">
<a href="https://toyhou.se/16487749.-f2u-pride-carrds" class="text-body" style="color:#HEXCODE;">
( code by jiko )
</a>
<!--
→ if credits can't be seen due to background, change [text-body] to text-dark OR text-light
→ or manually set the text colour at the [color:#HEXCODE] (delete [class="text-body"] first), as long as it is visible!
-->
</div>
Recent Images
No images.