Profile
click arrows~! ⊂(･ω･*⊂)
<!-------------------------------------------------
Pride Carrds — Unlabled 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
→ green ---------------- #c5d5a0
→ blue ----------------- #72a7b4
→ orange --------------- #ef9853
→ background ----------- #fefefe
→ border-color --------- #ededed
→ text ----------------- #464346
use control/command + f to quickly change the colours!
------------------------------------------------->
<div class="py-5 px-3" style="border-radius:60px; background: linear-gradient(
#f0f0ed 0%, #f0f0ed 25%,
#c5d5a0 25%, #c5d5a0 27%,
#f0f0ed 27%, #f0f0ed 29%,
#72a7b4 29%, #72a7b4 31%,
#ef9853 31%, #ef9853 33%,
#f0f0ed 33%, #f0f0ed 100%
);">
<div class="mx-auto mt-2" style="color:#464346; max-width:450px; font-size:10pt; letter-spacing:0.5px;">
<!-------------------------------------------------
ICON
------------------------------------------------->
<div class="text-center">
<!-- LIL PLANT CROWN I GUESS
----------------------------------------------->
<div class="mb-n3" style="font-size:35px;">
<i class="d-block fas fa-cloud-rain" style="color:#72a7b4"></i>
<i class="fas fa-seedling" style="color:#c5d5a0"></i>
<!-- -->
</div>
<!-- ICON
----------------------------------------------->
<div class="text-center">
<img src="https://i.pinimg.com/originals/cc/92/96/cc92965ca49f977e0b88105c481ccfe8.png"
class="shadow img-thumbnail" style="background-color:#fefefe; border-color:rgba(0,0,0,0.2); border-width:2px; border-radius:20px; height:180px; width:180px; object-fit:cover;">
</div>
<!-- LIL KAOMOJI GREETING
----------------------------------------------->
<div class="my-3 text-monospace">
<span class="py-1 px-2" style="background-color:#c5d5a0">
click arrows~! ⊂(･ω･*⊂)
</span>
</div>
</div>
<!-------------------------------------------------
CAROUSEL
------------------------------------------------->
<div id="prideslide" class="shadow carousel slide card" style="border-radius:20px; border-color:rgba(0,0,0,0.2); border-width:2px; background-color:#fefefe">
<div class="carousel-inner" style="height:200px; overflow-y:auto">
<!-- ABOUT YOU
----------------------------------------------->
<div class="carousel-item active h-100 py-3 px-4">
<div class="row no-gutters">
<div class="col-4 p-1 pr-2">
<div class="text-right font-weight-bold font-italic" style="letter-spacing:1px; color:#c5d5a0;">
name
</div>
</div>
<div class="col-8 p-1">
mouse
</div>
<div class="col-4 p-1 pr-2">
<div class="text-right font-weight-bold font-italic" style="letter-spacing:1px; color:#c5d5a0;">
pronouns
</div>
</div>
<div class="col-8 p-1">
xe / xem
</div>
<div class="col-4 p-1 pr-2">
<div class="text-right font-weight-bold font-italic" style="letter-spacing:1px; color:#c5d5a0;">
age
</div>
</div>
<div class="col-8 p-1">
adult
</div>
<div class="col-4 p-1 pr-2">
<div class="text-right font-weight-bold font-italic" style="letter-spacing:1px; color:#c5d5a0;">
language
</div>
</div>
<div class="col-8 p-1">
eng + viet
</div>
<div class="col-4 p-1 pr-2">
<div class="text-right font-weight-bold font-italic" style="letter-spacing:1px; color:#c5d5a0;">
timezone
</div>
</div>
<div class="col-8 p-1">
aest (gst + 10)
</div>
<div class="col-12 my-3 text-center">lorem ipsum dolor sit amet, consectetur adipiscing elit. duis sollicitudin elit sed tellus blandit viverra sed eget odio.</div>
</div>
</div>
<!-- ART STATUS AND MEDIA
----------------------------------------------->
<div class="carousel-item h-100 py-3 px-4">
<!-- STATUS ------------------------------------->
<div class="row no-gutters">
<div class="col-4 p-1 pr-2">
<div class="text-right font-weight-bold font-italic" style="letter-spacing:1px; color:#72a7b4;">
comms
</div>
</div>
<div class="col-8 p-1">
open
</div>
<div class="col-4 p-1 pr-2">
<div class="text-right font-weight-bold font-italic" style="letter-spacing:1px; color:#72a7b4;">
art trades
</div>
</div>
<div class="col-8 p-1">
open
</div>
<div class="col-4 p-1 pr-2">
<div class="text-right font-weight-bold font-italic" style="letter-spacing:1px; color:#72a7b4;">
requests
</div>
</div>
<div class="col-8 p-1">
closed
</div>
</div>
<!-- SOCIAL LINKS ------------------------------------->
<div class="row no-gutters mt-3 justify-content-center">
<div class="col-auto p-2">
<a href="LINK_HERE" style="color:#72a7b4; text-decoration:none">
<i class="fas fa-id-card fa-2x"></i>
</a>
</div>
<div class="col-auto p-2">
<a href="LINK_HERE" style="color:#72a7b4; text-decoration:none">
<i class="fab fa-twitter fa-2x"></i>
</a>
</div>
<div class="col-auto p-2">
<a href="LINK_HERE" style="color:#72a7b4; text-decoration:none">
<i class="fab fa-deviantart fa-2x"></i>
</a>
</div>
<div class="col-auto p-2">
<a href="LINK_HERE" style="color:#72a7b4; text-decoration:none">
<i class="fab fa-trello fa-2x"></i>
</a>
</div>
<!-- add more ABOVE this line! -->
<div class="col-12 p-2 text-center font-weight-bold font-italic" style="letter-spacing:1px; color:#72a7b4;">
discord#0000
</div>
</div>
</div>
<!-- FRIENDS OR CHARACTERS
----------------------------------------------->
<div class="carousel-item h-100 py-3 px-4">
<div class="row no-gutters justify-content-center m-n2">
<a href="LINK_HERE" class="col-4 p-2 text-center">
<img src="https://pbs.twimg.com/media/EkGNlkeUYAA8Qjm.jpg"
class="rounded-circle img-thumbnail p-2 border-0" style="background-color:#ef9853">
</a>
<a href="LINK_HERE" class="col-4 p-2 text-center">
<img src="https://pbs.twimg.com/media/EkGNlkeUYAA8Qjm.jpg"
class="rounded-circle img-thumbnail p-2 border-0" style="background-color:#ef9853">
</a>
<a href="LINK_HERE" class="col-4 p-2 text-center">
<img src="https://pbs.twimg.com/media/EkGNlkeUYAA8Qjm.jpg"
class="rounded-circle img-thumbnail p-2 border-0" style="background-color:#ef9853">
</a>
<a href="LINK_HERE" class="col-sm-4 col-6 p-1 text-center">
<img src="https://pbs.twimg.com/media/EkGNlkeUYAA8Qjm.jpg"
class="rounded-circle img-thumbnail p-2 border-0" style="background-color:#ef9853">
</a>
<!-- add more above THIS line! -->
</div>
</div>
</div>
</div>
<!-------------------------------------------------
FAKE MUSIC DECOR
------------------------------------------------->
<div class="mt-5 mx-auto" style="max-width:200px">
<div class="progress card flex-row rounded" style="background-color:rgba(0,0,0,0.2); height:1px; overflow:visible;">
<div class="progress-bar" style="
width:48%;
height:0; background-color:transparent;"></div>
<i class="fas fa-circle text-reset" style="margin-top:-3px; font-size:7px;"></i>
</div>
<div class="row no-gutters text-center mt-4 align-items-center">
<a class="col text-reset" href="#prideslide" style="font-size:20px" data-slide="prev">
<i class="fas fa-backward fa-fw"></i>
</a>
<div class="col text-reset" style="font-size:20px">
<i class="fas fa-pause fa-fw"></i>
</div>
<a class="col text-reset" href="#prideslide" style="font-size:20px" data-slide="next">
<i class="fas fa-forward fa-fw"></i>
</a>
</div>
</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-reset" style="color:#HEXCODE">
( code by jiko )
</a>
<!--
→ if credits can't be seen due to background, change [text-reset] 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.