Profile
OMG !
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
NO PLS
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
BYI ?! donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.
DNI ?! donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.
<!-------------------------------------------------
Pride Carrds — Non-binary 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 --------------- #cc9d52
→ white ---------------- #f0ddc5
→ purple --------------- #824e83
→ black ---------------- #291f38
→ 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="py-5 px-3" style="color:#464346;
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:700px; font-size:10pt;">
<div class="shadow px-sm-5 px-4" style="background-color:#f2dfc6; color:#464346;">
<div class="card border-0 rounded-0 p-3 mx-sm-5" style="background-color:#fefefe">
<!-------------------------------------------------
ABOUT YOU
------------------------------------------------->
<div class="row no-gutters">
<!-- ICON
---------------------------------------------->
<div class="col-sm-5 p-2">
<div class="h-100 rounded" style="min-height:200px;
background-image:url(https://i.pinimg.com/736x/ef/d8/f6/efd8f6f95b688ee5068ce8fab3b90c9a.jpg);
background-size:cover;
background-position:center;"></div>
</div>
<!-- BRIEF LOOK
---------------------------------------------->
<div class="col-sm p-2 d-flex flex-column">
<!-- NAME -------------------------------->
<!--
→ best if short
-->
<div class="text-center" style="color:#291f38; font-size:30px; font-weight:900">
MEOW
<span style="color:#824e83">?</span><span style="color:#cc9d52">!</span>
</div>
<!-- SUMMARY -------------------------------->
<blockquote class="mb-0 h-100" style="font-size:100%; border-left-width:2px; border-color:#f0ddc5">
<p>hi i'm meow, a young adult who's obsessed with cats a <i><B>normal</B></i> amount, promise!</p>
<p>please don't be afraid to ask for commission pings!</p>
</blockquote>
<!-- SOCIAL LINKS -------------------------------->
<!--
→ if you have a lot, adjust the [font-size:30px] to make the icons smaller if needed
-->
<div class="mt-2 mb-n2 row no-gutters text-center" style="font-size:30px;">
<a href="LINK_HERE" class="col p-1" style="text-decoration:none; color:#291f38">
<i class="fas fa-id-card"></i>
</a>
<a href="LINK_HERE" class="col p-1" style="text-decoration:none; color:#291f38">
<i class="fab fa-twitter"></i>
</a>
<a href="LINK_HERE" class="col p-1" style="text-decoration:none; color:#291f38">
<i class="fab fa-deviantart"></i>
</a>
<a href="LINK_HERE" class="col p-1" style="text-decoration:none; color:#291f38">
<i class="fab fa-trello"></i>
</a>
<!-- add more above THIS line but i think it looks best minimally >wo)b -->
</div>
</div>
</div>
<!-------------------------------------------------
ABOUT YOU PART 2
------------------------------------------------->
<div class="row no-gutters">
<!-- PREFERENCES AND BOUNDARIES
---------------------------------------------->
<div class="col-md-8 my-auto p-1">
<!-- LIKES / PEOPLE CAN DO THIS -------------------------------->
<div class="text-center mb-3">
<div style="color:#824e83; font-size:20px; font-weight:900">
OMG !
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.</p>
</div>
<!-- DISLIKES / PEOLPE CANNOT DO THIS -------------------------------->
<div class="text-center mb-3">
<div style="color:#cc9d52; font-size:20px; font-weight:900">
NO PLS
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.</p>
</div>
<!-- BOUNDARIES -------------------------------->
<blockquote class="mb-0" style="font-size:100%; border-left-width:2px; border-color:#f0ddc5">
<p><b class="mr-1" style="color:#824e83;">BYI ?!</b>
donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.
</p>
<p><b class="mr-1" style="color:#cc9d52;">DNI ?!</b>
donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.
</p>
</blockquote>
</div>
<!-- FRIENDS OR CHARACTERS
---------------------------------------------->
<div class="col-md-4 my-auto p-1">
<div class="row no-gutters justify-content-center">
<div class="col-md-12 col-4 p-1 mb-2 text-center">
<a href="LINK_HERE" class="text-reset">
<img class="rounded-circle mb-2"
src="https://i.pinimg.com/736x/ef/d8/f6/efd8f6f95b688ee5068ce8fab3b90c9a.jpg"
style="max-height:80px;">
</a>
</div>
<div class="col-md-12 col-4 p-1 mb-2 text-center">
<a href="LINK_HERE" class="text-reset">
<img class="rounded-circle mb-2"
src="https://i.pinimg.com/736x/ef/d8/f6/efd8f6f95b688ee5068ce8fab3b90c9a.jpg"
style="max-height:80px;">
</a>
</div>
<div class="col-md-12 col-4 p-1 mb-2 text-center">
<a href="LINK_HERE" class="text-reset">
<img class="rounded-circle mb-2"
src="https://i.pinimg.com/736x/ef/d8/f6/efd8f6f95b688ee5068ce8fab3b90c9a.jpg"
style="max-height:80px;">
</a>
</div>
<!-- add more above THIS line but i think it looks best as 3 or minimally >wo)b -->
</div>
</div>
</div>
<!-------------------------------------------------
TAPE DECOR
------------------------------------------------->
<div class="card rounded-0 border-0" style="opacity:0.8; z-index:200; position:absolute; top:20px; left:-40px; transform:rotate(-40deg); width:150px">
<div style="height:10px; background-color:#cc9d52"></div>
<div style="height:10px; background-color:#f0ddc5"></div>
<div style="height:10px; background-color:#824e83"></div>
<div style="height:10px; background-color:#291f38"></div>
</div>
<div class="card rounded-0 border-0" style="opacity:0.8; z-index:200; position:absolute; bottom:10px; right:-40px; transform:rotate(-25deg); width:200px">
<div style="height:10px; background-color:#cc9d52"></div>
<div style="height:10px; background-color:#f0ddc5"></div>
<div style="height:10px; background-color:#824e83"></div>
<div style="height:10px; background-color:#291f38"></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.