Profile
<!-------------------------------------------------
Pride Carrds — Genderfluid 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 ------- rgba(0,0,0,0.5)
→ text ------------- #fefefe
use control/command + f to quickly change the colours!
------------------------------------------------->
<div class="shadow mx-auto mt-4" style="max-width:900px; border-radius:45px; overflow:hidden;
background:linear-gradient(
#ef8c83 0%, #ef8c83 20%,
#f5e3e5 20%, #f5e3e5 40%,
#b4407e 40%, #b4407e 60%,
#291b44 60%, #291b44 80%,
#372a7b 80%, #372a7b 100%
);">
<div class="shadow row no-gutters" style="overflow:hidden; color:#fefefe; font-size:10.5pt; letter-spacing:0.5px">
<!-------------------------------------------------
BREIF LOOK
------------------------------------------------->
<div class="col-lg-4 col-sm-6 col-8 m-auto p-4">
<!-- ICON
---------------------------------------------->
<!--
→ best if 200x200 or squared
-->
<div class="text-center mb-2">
<img src="https://styles.redditmedia.com/t5_27nlf1/styles/communityIcon_jaitxi35hfn61.jpg"
class="rounded-circle border-0 img-thumbnail p-3"
style="background-color:rgba(0,0,0,0.8); max-height:130px; max-width:130px; object-fit:cover;">
</div>
<!-- SOCIAL LINKS
---------------------------------------------->
<div class="card border-0 p-3 mx-4 text-center font-italic" style="background-color:rgba(0,0,0,0.8);">
<p>
<a href="LINK_HERE" class="text-reset" style="text-decoration:none;">
<i class="fas fa-id-card fa-fw"></i>
</a>
<a href="LINK_HERE" class="text-reset" style="text-decoration:none;">
<i class="fab fa-twitter fa-fw"></i>
</a>
<a href="LINK_HERE" class="text-reset" style="text-decoration:none;">
<i class="fab fa-deviantart fa-fw"></i>
</a>
<a href="LINK_HERE" class="text-reset" style="text-decoration:none;">
<i class="fab fa-trello fa-fw"></i>
</a>
</p>
discord#0000
</div>
</div>
<!-------------------------------------------------
CODE BEGINS
------------------------------------------------->
<div class="col-lg" style="box-shadow: 0px 0px 20px rgba(0,0,0,0.5); background-color:rgba(0,0,0,0.9)">
<div class="p-4">
<!-- NAME AND TIDBITS
---------------------------------------------->
<div class="mb-3">
<div class="display-4" style="letter-spacing:3px">
GUMI ?!
</div>
<i class="faded" style="letter-spacing:1px">
13 . genderfluid (check bulletin for pronouns) . aest . asian
</i>
</div>
<!-- SUMMARY
---------------------------------------------->
<div class="mb-3">
<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.</p>
<p>Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
</div>
<!-- ARROW DOWN
---------------------------------------------->
<div class="text-center">
<a class="text-reset" data-toggle="collapse" href="#pridecollaspe">
<i class="fas fa-caret-down fa-3x fa-"></i>
</a>
</div>
<!-- OTHER STUFF
---------------------------------------------->
<!--
→ add [show] in the class for the info to appear by default!
-->
<div class="collapse" id="pridecollaspe">
<!-- ART STATUS ------------------------------------>
<div class="row no-gutters mt-2 mb-3">
<div class="col-6 p-1 pr-2 text-right">
<i class="faded" style="letter-spacing:1px">commissions</i>
</div>
<div class="col-6 p-1">
closed,
<a href="LINK_HERE" class="text-reset" style="text-decoration:underline">prices here</a>
</div>
<div class="col-6 p-1 pr-2 text-right">
<i class="faded" style="letter-spacing:1px">art trades</i>
</div>
<div class="col-6 p-1">
open
</div>
<div class="col-6 p-1 pr-2 text-right">
<i class="faded" style="letter-spacing:1px">requests</i>
</div>
<div class="col-6 p-1">
closed
</div>
</div>
<!-- WHAT YOU WANT PEOPLE TO KNOW ------------------------------------>
<div class="mb-3">
<div class="mb-3">
<i class="faded" style="letter-spacing:1px">byi . . .</i>
curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
</div>
<div class="mb-3">
<i class="faded" style="letter-spacing:1px">dni . . .</i>
curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
</div>
<div class="mb-0">
<i class="faded" style="letter-spacing:1px">interests . . .</i>
curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
</div>
</div>
<!-- FRIENDS OR CHARACTERS ------------------------------------>
<div class="row no-gutters text-center justify-content-center" style="letter-spacing:1.5px;">
<div class="col-sm-3 col-4 p-2">
<img src="https://pbs.twimg.com/media/E3_hZrXUcAUhQcD.jpg"
class="d-block rounded-circle mb-2">
<a href="LINK_HERE" class="lead text-reset">
name
</a>
</div>
<div class="col-sm-3 col-4 p-2">
<img src="https://pbs.twimg.com/media/E3_hZrXUcAUhQcD.jpg"
class="d-block rounded-circle mb-2">
<a href="LINK_HERE" class="lead text-reset">
name
</a>
</div>
<div class="col-sm-3 col-4 p-2">
<img src="https://pbs.twimg.com/media/E3_hZrXUcAUhQcD.jpg"
class="d-block rounded-circle mb-2">
<a href="LINK_HERE" class="lead text-reset">
name
</a>
</div>
<div class="col-sm-3 col-4 p-2">
<img src="https://pbs.twimg.com/media/E3_hZrXUcAUhQcD.jpg"
class="d-block rounded-circle mb-2">
<a href="LINK_HERE" class="lead text-reset">
name
</a>
</div>
<!-- add more above THIS line! -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-------------------------------------------------
CREDITS
------------------------------------------------->
<div class="mt-3 text-center small faded mb-4" 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.