Profile
<!-------------------------------------------------
Pride Carrds — Trangender 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
→ pink ----------------- #eba799
→ blue ----------------- #9fbde0
→ background ----------- #fefefe
→ border-color --------- #ededed
→ text ----------------- #464346
use control/command + f to quickly change the colours!
------------------------------------------------->
<!--
the default background is a white background with the grid being customisable!! you can find the reverse (white grid, custom bg) here:
https://64.media.tumblr.com/2adde365cfa8297b633fe2468cf0bc05/tumblr_nnh0zu3ixz1telelro2_250.png
credits to [help-with-coding.tumblr.com]
-->
<div class="py-5 px-3" style="color:#464346; border-radius:40px;
background-image:url(https://64.media.tumblr.com/3f8d9d8c9f63a36d4e6d7162c99eea7d/tumblr_nnh0zu3ixz1telelro1_250.png);
background-color:#ededed;
background-size:#;
background-position:#;
">
<div class="mx-auto my-4" style="max-width:650px; font-size:10pt; letter-spacing:0.5px;">
<div class="shadow" style="overflow:hidden; border-radius:20px">
<!-------------------------------------------------
DECOR HEADER
------------------------------------------------->
<div class="card rounded-0 border-0 progress-bar-striped p-3" style="background-color:#9fbde0;"></div>
<!-------------------------------------------------
USER INFO
------------------------------------------------->
<div class="card rounded-0 border-0 p-3" style="background-color:#fefefe;">
<div class="row no-gutters">
<!-- ABOUT ME
----------------------------------------------->
<div class="col-auto mx-auto my-sm-auto mb-2">
<!-- ICON --------------------------------->
<!--
→ best if 200x200 or squared
-->
<div class="text-center mb-2">
<img src="https://pbs.twimg.com/media/E4ou3J8UYAIETfG.jpg"
class="img-thumbnail p-2 rounded border-0" style="
background:linear-gradient(
#9fbde0 0%, #9fbde0 20%,
#eba799 20%, #eba799 40%,
#fff 40%, #fff 60%,
#eba799 60%, #eba799 80%,
#9fbde0 80%, #9fbde0 100%
); border-radius:10px; height:150px; width:150px; object-fit:cover;">
</div>
<!-- BASIC INFO --------------------------------->
<!--
→ don't need to keep the exact info format
→ use <br> whenever you want a line break :]
-->
<p class="text-sm-left text-center">
<span style="font-weight:900; font-family:serif">BOZU</span> ( <span class="text-monospace faded"><span>@</span>username</span> ) <br>
fourteen ; 27/03 <br>
they / them + <a href="LINK_HERE" class="text-reset" style="text-decoration:underline">neos</a><br>
aries in aest
</p>
</div>
<!-- DESKTOP DIVIDER
----------------------------------------------->
<div class="col-auto px-3 hidden-xs-down">
<div class="card h-100 rounded-0" style="border-width: 1px; border-color:#ededed;"></div>
</div>
<!-- SUMMARY
----------------------------------------------->
<div class="col-sm">
<!-- MOBILE DIVIDER --------------------------------->
<div class="hidden-sm-up">
<hr class="my-2 w-100" style="border-width: 2px; border-color:#ededed;">
</div>
<!-- TITLE --------------------------------->
<div class="text-sm-left text-center" style="font-size:20px; font-weight:900; font-family:serif">
FORGET ME NOTS
</div>
<hr class="my-2 w-100" style="border-width: 2px; border-color:#ededed;">
<!-- INFORMATION ABOUT YOU --------------------------------->
<!--
→ delete [text-lowercase] if needed
-->
<div class="text-lowercase">
<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>
<ul class="mt-2 mb-0 pl-4">
<li>warnings for you or people</li>
<li>note here</li>
<li>note here</li>
</ul>
</div>
</div>
</div>
</div>
<!-------------------------------------------------
SOCIAL LINKS
------------------------------------------------->
<div class="card rounded-0 border-0 p-2 text-center text-white text-monospace" style="font-size:9pt; background-color:#eba799;">
<p>
<a href="LINK_HERE" class="text-reset" style="text-decoration:underline">trello</a> .
<a href="LINK_HERE" class="text-reset" style="text-decoration:underline">twt</a> .
<a href="LINK_HERE" class="text-reset" style="text-decoration:underline">deviantart</a> .
<!-- add/delete above THIS line! -->
discord#0000
</p>
</div>
<!-------------------------------------------------
MISC. INFO
------------------------------------------------->
<div class="card rounded-0 border-0 p-3" style="background-color:#fefefe;">
<div class="row no-gutters m-n1">
<!-- ABOUT ME
----------------------------------------------->
<div class="col-md-5 p-1">
<div class="d-flex justify-content-between">
<span style="font-weight:900; font-family:serif">COMMISIONS</span>
<span>
status
( <a href="LINK_HERE" class="text-monospace text-reset faded">prices</a> )
</span>
</div>
<hr class="my-2 w-100" style="border-width: 2px; border-color:#ededed;">
<div class="d-flex justify-content-between">
<span style="font-weight:900; font-family:serif">TRADES</span>
status
</div>
<hr class="my-2 w-100" style="border-width: 2px; border-color:#ededed;">
<div class="d-flex justify-content-between">
<span style="font-weight:900; font-family:serif">REQUESTS</span>
status
</div>
</div>
<!-- DESKTOP DIVIDER
----------------------------------------------->
<div class="col-auto px-3 hidden-xs-down">
<div class="card h-100 rounded-0" style="border-width: 1px; border-color:#ededed;"></div>
</div>
<!-- CHARACTER OR FRIEND LINKS
----------------------------------------------->
<div class="col-md p-1">
<div class="hidden-md-up">
<hr class="mt-n1 w-100" style="border-width: 2px; border-color:#ededed;">
</div>
<div class="row no-gutters justify-content-center text-center">
<div class="col-4 p-1">
<a href="LINK_HERE">
<img src="https://i.pinimg.com/originals/bb/78/0d/bb780d13f2570964a0feca2f25a48d7c.png"
class="rounded-circle img-thumbnail border-0" style="background-color:#ededed; height:100px; width:100px; object-fit:cover;">
</a>
</div>
<div class="col-4 p-1">
<a href="LINK_HERE">
<img src="https://i.pinimg.com/originals/bb/78/0d/bb780d13f2570964a0feca2f25a48d7c.png"
class="rounded-circle img-thumbnail border-0" style="background-color:#ededed; height:100px; width:100px; object-fit:cover;">
</a>
</div>
<div class="col-4 p-1">
<a href="LINK_HERE">
<img src="https://i.pinimg.com/originals/bb/78/0d/bb780d13f2570964a0feca2f25a48d7c.png"
class="rounded-circle img-thumbnail border-0" style="background-color:#ededed; height:100px; width:100px; object-fit:cover;">
</a>
</div>
<!-- add more above THIS line! -->
</div>
</div>
</div>
</div>
<!-------------------------------------------------
DECOR FOOTER
------------------------------------------------->
<div class="card rounded-0 border-0 progress-bar-striped p-3" style="background-color:#9fbde0;"></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>
</div>
Recent Images
No images.