Profile
#WELCOME!
#BYI duis porta eros et velit blandit dapibus. curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
#DNI lorem ipsum dolor sit amet, consectetur adipiscing elit. cuis sollicitudin elit sed tellus blandit viverra sed eget odio. conec accumsan tempor lacus, et venenatis elit feugiat non.
CW/TW — 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.
#LOVELOVELOVE duis porta eros et velit blandit dapibus. curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
#EHHH... lorem ipsum dolor sit amet, consectetur adipiscing elit. cuis sollicitudin elit sed tellus blandit viverra sed eget odio. conec accumsan tempor lacus, et venenatis elit feugiat non.
#BYEBYE!
<!-------------------------------------------------
Pride Carrds — Achillean 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
→ blue ----------------- #99c6ea
→ text in blue --------- #f9fdea
→ green ---------------- #adb83d
→ background ----------- #fefefe
→ 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="p-lg-5 p-4" style="border-radius:40px;
background-image: url(https://64.media.tumblr.com/2adde365cfa8297b633fe2468cf0bc05/tumblr_nnh0zu3ixz1telelro2_250.png);
background-color:#e4eaf0;
background-size:#;
background-position:#;
">
<div class="mx-auto my-sm-4" style="color:#464346; max-width:450px; font-size:10.5pt;">
<!-------------------------------------------------
HEADER
------------------------------------------------->
<div class="card p-2 px-3 mb-2" style="border-width:4px; border-color:#99c6ea; background-color:#fefefe; border-radius:20px">
<div class="d-flex justify-content-between align-items-center" style="font-size:20px;">
<div class="font-italic" style="text-shadow:-2px 1px 0px rgba(0,0,0,0.1); font-weight:900; letter-spacing:1px;">
#WELCOME!
</div>
<i class="fas fa-box-heart fa-lg fa-fw"></i>
<!--
→ find more icons to use at [fontawesome.com] !
-->
</div>
</div>
<!-------------------------------------------------
BASIC INFOS
------------------------------------------------->
<div class="card p-2 px-3 mb-2" style="border-width:4px; border-color:#99c6ea; background-color:#fefefe; border-radius:20px">
<div class="row no-gutters">
<!-- BRIEF LOOK
---------------------------------------------->
<div class="col-5 my-auto p-1">
<!-- ICON -------------------------------->
<!--
→ best if 200x200 or squared
-->
<div class="text-center mb-3">
<img src="https://pbs.twimg.com/media/FVMOLR0VsAAsLu4?format=jpg&name=360x360"
class="rounded img-thumbnail p-2 border-0"
style="border-radius:10px; background:linear-gradient(
#99c6ea 0%, #99c6ea 33%,
#f9fdea 33%, #f9fdea 66%,
#99c6ea 66%, #99c6ea 100%
);">
</div>
<!-- DETAILS ABOUT YOU -------------------------------->
<!--
→ don't need to keep the exact info format
→ use <br> whenever you want a line break :]
-->
<div class="text-center mb-3" style="font-size:11.5pt">
<p>
<b style="color:#99c6ea; letter-spacing:1px">TATE!</b> he/him <b>5TEEN</b> <br>
asian in <b style="color:#99c6ea; letter-spacing:1px">AEST</b> <br>
<b>ENG and VIET</b> okay
</p>
</div>
<!-- SOCIAL MEDIA -------------------------------->
<div class="text-center mb-0">
<a href="LINK_HERE" class="text-reset" style="text-decoration:underline">carrd</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">dA</a>
<a href="LINK_HERE" class="text-reset" style="text-decoration:underline">trello</a>
<!-- add more above THIS line! -->
discord#0000
</div>
<!-- PREFERENCES -------------------------------->
</div>
<!-- BOUNDARIES
---------------------------------------------->
<div class="col-7 my-auto p-1 px-2 text-center">
<!-- BEFORE YOU INTERACT -------------------------------->
<div class="my-2">
<p>
<i style="color:#99c6ea; font-weight:900; letter-spacing:1px">#BYI</i>
duis porta eros et velit blandit dapibus. curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
</p>
</div>
<!-- ICON DIVIDER ------------------------>
<div class="my-2">
<i class="fas fa-spa" style="color:#adb83d"></i>
</div>
<!-- DO NOT INTERACT -------------------------------->
<div class="my-2">
<p>
<i style="color:#99c6ea; font-weight:900; letter-spacing:1px">#DNI</i>
lorem ipsum dolor sit amet, consectetur adipiscing elit. cuis sollicitudin elit sed tellus blandit viverra sed eget odio. conec accumsan tempor lacus, et venenatis elit feugiat non.
</p>
</div>
</div>
</div>
</div>
<!-------------------------------------------------
WARNINGS FOR YOU AND/OR OTHER USERS
------------------------------------------------->
<div class="card border-0 p-3 my-3" style="background-color:#99c6ea; border-radius:20px; color:#f9fdea;">
<p>
<b style="font-size:11.5pt">CW/TW —</b>
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>
<!-------------------------------------------------
OTHER THINGS
------------------------------------------------->
<div class="card p-2 px-3 mb-2" style="border-width:4px; border-color:#99c6ea; background-color:#fefefe; border-radius:20px">
<div class="row no-gutters">
<!-- INTERESTS
---------------------------------------------->
<div class="col-sm-7 my-auto p-1 px-2 text-center">
<!-- THINGS YOU LIKE -------------------------------->
<div class="my-2">
<p>
<i style="color:#99c6ea; font-weight:900; letter-spacing:1px">#LOVELOVELOVE</i>
duis porta eros et velit blandit dapibus. curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
</p>
</div>
<!-- ICON DIVIDER ------------------------>
<div class="my-2">
<i class="fas fa-spa" style="color:#adb83d"></i>
</div>
<!-- DISLIKES, KINS OR ANYTHING ELSE -------------------------------->
<div class="my-2">
<p>
<i style="color:#99c6ea; font-weight:900; letter-spacing:1px">#EHHH...</i>
lorem ipsum dolor sit amet, consectetur adipiscing elit. cuis sollicitudin elit sed tellus blandit viverra sed eget odio. conec accumsan tempor lacus, et venenatis elit feugiat non.
</p>
</div>
</div>
<!-- FEATURED CHARACTERS OR FRIENDS (3)
---------------------------------------------->
<div class="col-sm-5 my-auto p-1 text-center">
<div class="row no-gutters">
<div class="col-sm-12 col-4 p-1">
<a href="LINK_HERE" style="text-decoration:none;">
<img src="https://i.pinimg.com/736x/09/20/59/092059536432eb823b8487815cc20cf0.jpg"
class="rounded img-thumbnail p-1 border-0"
style="width:80px; height:80px; object-fit:cover; border-radius:10px; background:#99c6ea">
</a>
</div>
<div class="col-sm-12 col-4 p-1">
<a href="LINK_HERE" style="text-decoration:none;">
<img src="https://i.pinimg.com/736x/09/20/59/092059536432eb823b8487815cc20cf0.jpg"
class="shadowrounded img-thumbnail p-1 border-0"
style="width:80px; height:80px; object-fit:cover; border-radius:10px; background:#99c6ea">
</a>
</div>
<div class="col-sm-12 col-4 p-1">
<a href="LINK_HERE" style="text-decoration:none;">
<img src="https://i.pinimg.com/736x/09/20/59/092059536432eb823b8487815cc20cf0.jpg"
class="rounded img-thumbnail p-1 border-0"
style="width:80px; height:80px; object-fit:cover; border-radius:10px; background:#99c6ea">
</a>
</div>
</div>
</div>
</div>
</div>
<!-------------------------------------------------
FOOTER
------------------------------------------------->
<div class="card p-2 px-3 mb-2" style="border-width:4px; border-color:#99c6ea; background-color:#fefefe; border-radius:20px">
<div class="d-flex justify-content-between align-items-center" style="font-size:20px;">
<i class="fas fa-box-heart fa-lg fa-fw"></i>
<div class="font-italic" style="text-shadow:-2px 1px 0px rgba(0,0,0,0.1); font-weight:900; letter-spacing:1px;">
#BYEBYE!
</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-dark" style="color:#000000">
( code by jiko )
</a>
<!--
→ if background is dark, change to text-white
or manually set the text colour (delete [class="text-dark"] first), as long as it is visible!
-->
</div>
Recent Images
No images.