Profile
YOU CAN...
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.
...YOU CAN'T
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.
<!-------------------------------------------------
Pride Carrds — Lesbian 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
→ dark orange ---------- #ad3b12
→ orange --------------- #bf653d
→ white ---------------- #f5d0c8
→ pink ----------------- #bb4c63
→ dark pink ------------ #8b2245
→ background ----------- #fefefe
→ tag color ------------ #ededed
→ text ----------------- #464346
use control/command + f to quickly change the colours!
------------------------------------------------->
<!--
→ the default background is a transparent white grid with the background being customisable!! you can find the reverse (white bg, custom grid) here:
https://64.media.tumblr.com/3f8d9d8c9f63a36d4e6d7162c99eea7d/tumblr_nnh0zu3ixz1telelro1_250.png
credits to [help-with-coding.tumblr.com]
→ find more transparent patterns at
[https://www.transparenttextures.com/]
OR by CanadianLyynx
[https://toyhou.se/6259293.-f2u-transparent-patterns/gallery]
-->
<div class="py-sm-5 p-3" style="border-radius:40px;
background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/23293586_ZBJKwZ9vWyXNhyN.png);
background-color:#f5d0c8;
background-size:#;
background-position:center;
">
<div class="mx-auto my-sm-4" style="color:#464346; max-width:800px; font-size:10.5pt; letter-spacing:0.5px;">
<div class="row no-gutters">
<div class="col-md-5 p-2 my-auto">
<!-------------------------------------------------
BRIEF LOOK
------------------------------------------------->
<div class="card border-0 mb-4" style="overflow:hidden; border-radius:20px; background-color:#fefefe; box-shadow:-10px 10px 0px rgba(0,0,0,0.1);">
<!-- BANNER
---------------------------------------------->
<div style="min-height:100px;
background:linear-gradient(
#ad3b12 0%, #ad3b12 20%,
#bf653d 20%, #bf653d 40%,
#f5d0c8 40%, #f5d0c8 60%,
#bb4c63 60%, #bb4c63 80%,
#8b2245 80%, #8b2245 100%
);"></div>
<!-- ICON
---------------------------------------------->
<div class="text-center mt-n5 mb-1">
<img src="https://i.pinimg.com/originals/76/40/79/764079a0ef7d39642f55c4c9bde8f67c.png"
class="rounded-circle border-0 img-thumbnail p-2" style="height:100px; width:100px; background-color:#fefefe; ">
</div>
<!-- SUMMARY
---------------------------------------------->
<div class="text-center px-3 pt-1 pb-3">
<!-- SHORT INTRO ------------------------------------>
<div class="mx-auto" style="max-width:80%;">
hi hi i'm eggy and i lost my glasses help
</div>
<!-- TAGS TO DESCRIBE YOURSELF ------------------------------------>
<div class="mt-3">
<span class="badge badge-pill text-reset m-1 p-2" style="background-color:#ededed;">17</span>
<span class="badge badge-pill text-reset m-1 p-2" style="background-color:#ededed;">she they he</span>
<span class="badge badge-pill text-reset m-1 p-2" style="background-color:#ededed;">aries</span>
<span class="badge badge-pill text-reset m-1 p-2" style="background-color:#ededed;">gst + 10</span>
<span class="badge badge-pill text-reset m-1 p-2" style="background-color:#ededed;">eng + viet</span>
<span class="badge badge-pill text-reset m-1 p-2" style="background-color:#ededed;">-7 myopia sufferer</span>
<!-- add more above THIS line! -->
</div>
</div>
</div>
<!-------------------------------------------------
WHAT PEOPLE CAN DO TO YOUR OC'S
------------------------------------------------->
<div class="card border-0 p-3 mb-4" style="border-radius:20px; background-color:#fefefe; box-shadow:-10px 10px 0px rgba(0,0,0,0.1);">
<!-- HEADER
---------------------------------------------->
<div class="justify-content-between align-items-center">
<div class="font-weight-bold" style="font-size:15px; color:#ad3b12">YOU CAN...</div>
<span class="fa-stack fa-2x" style="font-size:15px; position:relative; z-index:4; color:#fefefe">
<i class="fas fa-circle fa-stack-2x" style="color:#ad3b12;"></i>
<i class="fas fa-check fa-stack-1x"></i>
</span>
</div>
<hr class="w-100 mt-2" style="border-width:2px; border-color:#464346; opacity:0.1">
<!-- CONTENT
---------------------------------------------->
<p>
lorem ipsum <s>dolor</s> sit amet, <b>consectetur adipiscing elit</b>, duis sollicitudin elit sed, (tellus blandit) viverra sed eget odio, donec accumsan <i>tempor lacus</i>, et venenatis elit feugiat non.
</p>
</div>
<!-------------------------------------------------
WHAT PEOPLE CAN"T DO TO YOUR OC'S
------------------------------------------------->
<div class="card border-0 p-3 mb-4" style="border-radius:20px; background-color:#fefefe; box-shadow:-10px 10px 0px rgba(0,0,0,0.1);">
<!-- HEADER
---------------------------------------------->
<div class="justify-content-between align-items-center">
<span class="fa-stack fa-2x" style="font-size:15px; position:relative; z-index:4; color:#fefefe">
<i class="fas fa-circle fa-stack-2x" style="color:#8b2245;"></i>
<i class="fas fa-times fa-stack-1x"></i>
</span>
<div class="font-weight-bold" style="font-size:15px; color:#8b2245">...YOU CAN'T</div>
</div>
<hr class="w-100 mt-2" style="border-width:2px; border-color:#464346; opacity:0.1">
<!-- CONTENT
---------------------------------------------->
<p>
lorem ipsum <s>dolor</s> sit amet, <b>consectetur adipiscing elit</b>, duis sollicitudin elit sed, (tellus blandit) viverra sed eget odio, donec accumsan <i>tempor lacus</i>, et venenatis elit feugiat non.
</p>
</div>
</div>
<div class="col-md-7 p-2 my-auto">
<!-------------------------------------------------
SOCIAL LINKS
------------------------------------------------->
<div class="card border-0 mb-4" style="border-radius:20px; background-color:#fefefe; box-shadow:10px 10px 0px rgba(0,0,0,0.1);">
<!-- HEADER
---------------------------------------------->
<div class="ml-5 mt-n3">
<span class="badge badge-pill text-white m-1 p-2 px-4" style="background-color:#ad3b12;">FIND ME HERE</span>
</div>
<!-- CONTENT
---------------------------------------------->
<div class="p-3 text-center" style="font-size:24px; color:#bf653d">
<a href="LINK_HERE" class="text-reset" style="text-decoration:none">
<i class="fas fa-id-card fa-fw mx-1"></i>
</a>
<a href="LINK_HERE" class="text-reset" style="text-decoration:none">
<i class="fab fa-twitter fa-fw mx-1"></i>
</a>
<a href="LINK_HERE" class="text-reset" style="text-decoration:none">
<i class="fab fa-deviantart fa-fw mx-1"></i>
</a>
<a href="LINK_HERE" class="text-reset" style="text-decoration:none">
<i class="fab fa-trello fa-fw mx-1"></i>
</a>
<!-- add more above THIS line! -->
<p class="mt-2" style="font-size:10.5pt">
discord#0000
</p>
</div>
</div>
<!-------------------------------------------------
ART STATUS
------------------------------------------------->
<div class="mb-4 mx-auto" style="max-width:80%;">
<div class="row no-gutters mb-1">
<div class="col-auto p-1">
<div class="text-uppercase font-weight-bold p-2 px-3 text-white text-right" style="background-color:#bb4c63; border-radius:20px 10px 10px 20px; box-shadow:10px 10px 0px rgba(0,0,0,0.1);">
commissions
</div>
</div>
<div class="col p-1">
<div class="p-2" style="background-color:#fefefe; border-radius:10px 20px 20px 10px; box-shadow:10px 10px 0px rgba(0,0,0,0.1);">
open
</div>
</div>
</div>
<div class="row no-gutters mb-1">
<div class="col-auto p-1">
<div class="text-uppercase font-weight-bold p-2 px-3 text-white text-right" style="background-color:#bb4c63; border-radius:20px 10px 10px 20px; box-shadow:10px 10px 0px rgba(0,0,0,0.1);">
trades
</div>
</div>
<div class="col p-1">
<div class="p-2" style="background-color:#fefefe; border-radius:10px 20px 20px 10px; box-shadow:10px 10px 0px rgba(0,0,0,0.1);">
open
</div>
</div>
</div>
<div class="row no-gutters mb-1">
<div class="col-auto p-1">
<div class="text-uppercase font-weight-bold p-2 px-3 text-white text-right" style="background-color:#bb4c63; border-radius:20px 10px 10px 20px; box-shadow:10px 10px 0px rgba(0,0,0,0.1);">
requests
</div>
</div>
<div class="col p-1">
<div class="p-2" style="background-color:#fefefe; border-radius:10px 20px 20px 10px; box-shadow:10px 10px 0px rgba(0,0,0,0.1);">
open
</div>
</div>
</div>
</div>
<!-------------------------------------------------
MUSIC
------------------------------------------------->
<div class="card border-0 mb-4" style="border-radius:20px; background-color:#fefefe; box-shadow:10px 10px 0px rgba(0,0,0,0.1);">
<!-- HEADER
---------------------------------------------->
<div class="ml-auto mr-5 mt-n3">
<span class="badge badge-pill text-white m-1 p-2 px-4" style="background-color:#8b2245;">CURRENTLY LISTENING TO...</span>
</div>
<!-- CONTENT
---------------------------------------------->
<!--
→ replace [ 9RUNKW889Uk ] with your youtube id (found after https://www.youtube.com/watch?v=)
→ the [ ?start=39 ] makes the video start at a certain point, you can easily find this by going to the
Share > Start at ...
-->
<div class="p-3">
<iframe src="https://www.youtube.com/embed/9RUNKW889Uk?start=39"
class="w-100"
style="min-height:235px; border-radius:20px;"
frameborder="0">
</iframe>
</div>
</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 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.