Profile
<!-------------------------------------------------
Pride Carrds — Abrosexual 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 ---------------- #75ca92
→ light green ---------- #b4e4c9
→ light pink ----------- #e795b6
→ pink ----------------- #d9446e
→ background ----------- #fefefe
→ grid-bg -------------- #ededed
→ text ----------------- #464346
use control/command + f to quickly change the colours!
------------------------------------------------->
<!--
→ the default background is a white bg with a custom grid!!
→ if you want, you can use 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-sm-5 p-4" style="border-radius:30px;
background-image:url(https://64.media.tumblr.com/3f8d9d8c9f63a36d4e6d7162c99eea7d/tumblr_nnh0zu3ixz1telelro1_250.png);
background-color:#ededed;
background-size:#;
background-position:center;
">
<div class="mx-auto my-sm-4" style="color:#464346; max-width:600px; font-size:10pt;">
<div class="shadow" style="overflow:hidden; border-radius:20px">
<!-------------------------------------------------
DECOR HEADER
------------------------------------------------->
<div class="card rounded-0 border-0 p-3" style="background-color:#75ca92;">
<!-- TIME (doesnt have to be accurate ofc)
---------------------------------------------->
<div class="d-flex justify-content-between align-items-center mb-2 text-monospace" style="font-size:95%; color:#fefefe">
10:15PM
<p><!-- find more icons at [fontawesome.com]! -->
<i class="fad fa-signal-bars-good"></i>
<i class="fad fa-wifi-fair"></i>
<i class="far fa-battery-three-quarters"></i>
</p>
</div>
<!--FAKE WEBSITE
---------------------------------------------->
<div class="card border-0 p-1 px-2 text-center text-monospace" style="border-radius:10px; background-color:#fefefe">
toyhou.se
</div>
</div>
<!-------------------------------------------------
BANNER
(WITH OPTIONAL IMAGE)
------------------------------------------------->
<div class="card rounded-0 border-0 p-2" style="background-color:#b4e4c9;">
<div class="card bg-transparent rounded-0 border-0" style="height:100px;
background-image:url(IMG_ADDRESS_HERE);
background-size:#;
background-position:center;">
</div>
</div>
<!-------------------------------------------------
USER INFO
------------------------------------------------->
<div class="card rounded-0 border-0 p-3" style="background-color:#fefefe;">
<!-- YOUR ICON (best if square)
---------------------------------------------->
<div class="text-center mb-2" style="margin-top:-80px;">
<img src="https://pbs.twimg.com/media/EkGNlkeUcAAejxl.jpg"
class="rounded-circle img-thumbnail p-2 border-0"
style="background:
linear-gradient(
#75ca92 0%, #75ca92 20%,
#b4e4c9 20%, #b4e4c9 40%,
#fff 40%, #fff 60%,
#e795b6 60%, #e795b6 80%,
#d9446e 80%, #d9446e 100%
); height:110px; width:110px; object-fit:cover">
</div>
<!-- USERNAME
---------------------------------------------->
<!--
→ keep the <span> around the @ to avoid pinging yourseff
-->
<div class="text-center text-monospace faded">
<span>@</span>username
</div>
<!-- SHORT BIO
---------------------------------------------->
<!--
→ don't need to keep the exact info format
→ use <br> whenever you want a line break :]
-->
<div class="text-center mx-auto" style="max-width:400px">
<p>
hi i'm eggy (*^*)9 ; nineteen <b>(27/03)</b> <br>
<u>he / she</u> & abro ; eng and viet okay <br>
discord#0000
</p>
</div>
<!-- BOUNDARIES
---------------------------------------------->
<!--
→ try and keep it even (line-wise) for a pleasing result
-->
<div class="row no-gutters mx-n1 my-3">
<!-- BYI ------------------------------------->
<div class="col-sm-6 p-1 pr-md-3 mb-md-0 mb-3 text-left">
<div class="text-monospace font-weight-bold font-italic" style="color:#75ca92; font-size:15px; letter-spacing:0.5px">
before you interact...
</div>
<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>
</div>
<!-- DNI ------------------------------------->
<div class="col-sm-6 pl-md-3 p-1 text-right">
<div class="text-monospace font-weight-bold font-italic" style="color:#d9446e; font-size:15px; letter-spacing:0.5px">
...do not interact if
</div>
<p>
Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
</p>
</div>
</div>
<!-- LINKS
---------------------------------------------->
<!--
→ can be links to bulletins, characters, folders, etc.
-->
<div class="row no-gutters justify-content-center">
<div class="col-auto p-1">
<a href="LINK_HERE" class="btn text-white" style="background:#75ca92; border-radius:10px">
#link
</a>
</div>
<div class="col-auto p-1">
<a href="LINK_HERE" class="btn text-white" style="background:#d9446e; border-radius:10px">
#link
</a>
</div>
<div class="col-auto p-1">
<a href="LINK_HERE" class="btn text-white" style="background:#75ca92; border-radius:10px">
#link
</a>
</div>
<div class="col-auto p-1">
<a href="LINK_HERE" class="btn text-white" style="background:#d9446e; border-radius:10px">
#link
</a>
</div>
<!-- add more above THIS line! -->
</div>
</div>
<!-------------------------------------------------
SOCIAL MEDIA LINKS
------------------------------------------------->
<div class="card rounded-0 border-0 p-3" style="background-color:#e795b6;">
<div class="text-center" style="letter-spacing:6px;">
<a href="LINK_HERE" style="color:#fff; text-decoration:none">
<i class="fas fa-id-card fa-3x fa-fw"></i>
</a>
<a href="LINK_HERE" style="color:#fff; text-decoration:none">
<i class="fab fa-twitter fa-3x fa-fw"></i>
</a>
<a href="LINK_HERE" style="color:#fff; text-decoration:none">
<i class="fab fa-deviantart fa-3x fa-fw"></i>
</a>
<a href="LINK_HERE" style="color:#fff; text-decoration:none">
<i class="fab fa-trello fa-3x fa-fw"></i>
</a>
<!-- add more above THIS line! -->
</div>
</div>
<!-------------------------------------------------
DECOR FOOTER
------------------------------------------------->
<div class="card rounded-0 border-0 p-3" style="background-color:#d9446e;">
<div class="card border-0 p-1 px-2 text-center text-monospace" style="font-size:95%; border-radius:10px; background-color:#fefefe">
<p>
listening to... <i>littleroot town from pkmn</i>
</p>
</div>
</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-body" style="color:#HEXCODE">
( code by jiko )
</a>
<!--
→ if credits can't be seen due to your 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><!-- code end -->
Recent Images
No images.