Basic Info
-
note
-
might revise later, feels very…….. bland?
-
note 2
-
making an alternative with the other gay flag!
Profile
WARNING!
- insert tw/cws for yourself and/or other users
- tho, if the warning is for flashing lights, use your actual profile content warning.
- lorem ipsum dolor sit amet, consectetur adipiscing elit
- duis sollicitudin elit sed tellus blandit viverra sed eget odio
WELCOME
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.
ART STATUS
commissions
status
art trades
status
requests
status
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
LISTENING TO...
<!-------------------------------------------------
Pride Carrds — Gay 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 green ----------- #007d70
→ green ---------------- #00afad
→ light green ---------- #74c1c3
→ white ---------------- #d2cff5
→ light blue ----------- #6694e3
→ blue ----------------- #5147d5
→ dark blue ------------ #41157c
→ background ----------- #fefefe
→ bg-color ------------- #ededed
→ text ----------------- #464346
use control/command + f to quickly change the colours!
------------------------------------------------->
<div class="py-5 px-3" style="border-radius:45px;
background-image:url(https://static.tumblr.com/d40eae727a79de74c5b3c4cb5c8e9fd5/2pnwama/HC7pfqdws/tumblr_static_e6k5mmnyclc0c488gcsk00wgo.png);
background-color:#;
background-size:#;
background-attachment:fixed;
">
<div class="mx-auto my-4" style="color:#464346; max-width:800px; font-size:10pt; letter-spacing:0.5px;">
<div class="row no-gutters">
<!-------------------------------------------------
BREIF AND STICKY LOOK
------------------------------------------------->
<div class="col-md-4 col-8 mx-auto p-2 mb-3">
<div class="sticky-top p-2 text-center" style="box-shadow:0px 0px 30px rgba(0,0,0,0.1); top:90px; border-radius:25px; background:#ededed">
<div class="p-3" style="border-radius:20px; background:#fefefe">
<!-- YOUR LIL CROWN
----------------------------------------------->
<div style="position:relative; z-index:2; margin-bottom:-8px; margin-left:20px">
<i class="fas fa-crown fa-2x" style="transform:rotate(15deg);"></i>
</div>
<!-- ICON
----------------------------------------------->
<div class="mb-3">
<img class="rounded-circle img-thumbnail p-2 border-0"
src="https://i.pinimg.com/736x/b6/38/40/b6384012b8364caa98e7fdd4a46de864.jpg"
style="background:
linear-gradient(
#018f71 0%, #018f71 14%,
#22d0ac 14%, #22d0ac 28%,
#99e9c2 28%, #99e9c2 42%,
#ffffff 42%, #ffffff 56%,
#7cafe3 56%, #7cafe3 70%,
#4f48cd 70%, #4f48cd 84%,
#3a1379 84%, #3a1379 100%
); height:100px; width:100px; object-fit:cover;">
</div>
<!-- BRIEF LOOK
----------------------------------------------->
<div class="my-3">
<!-- NAME AND PRONOUNS ------------------------------>
<p class="mb-2">
<b>SHIBA</b> <br>
<span class="faded">he / him</span>
</p>
<!-- A FEW WORDS ------------------------------>
<p>
lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<!-- QUICK LINKS ------------------------------>
<!--
→ you know those bulletin memes?
i was thinking of those lol
-->
<p>
<a href="LINK_HERE" class="text-reset">rules</a>
<span class="faded">•</span>
<a href="LINK_HERE" class="text-reset">boundaries</a>
<span class="faded">•</span>
<a href="LINK_HERE" class="text-reset">tos</a>
<!-- add more above THIS line, but i think it looks best minimally ovo)b -->
</p>
</div>
</div>
</div>
</div>
<!-------------------------------------------------
PROFILE CONTENT
------------------------------------------------->
<div class="col-md-8 p-2 pl-md-5">
<!-- WARNING
----------------------------------------------->
<div class="shadow mb-4" style="border-radius:25px;">
<!-- HEADER ------------------------------>
<div class="text-white text-uppercase font-weight-bold p-3" style="border-radius:25px 25px 0 0; background-color:#007d70; letter-spacing:2px">
<i class="fas fa-exclamation-triangle mr-1 fa-fw"></i>
WARNING!
</div>
<!-- CONTENT ------------------------------>
<div class="p-3" style="background-color:#fefefe">
<ul class="mb-0 pl-4">
<li class="my-2">insert tw/cws for yourself and/or other users</li>
<li class="my-2">tho, if the warning is for flashing lights, use your actual profile content warning.</li>
<li class="my-2">lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
<li class="my-2">duis sollicitudin elit sed tellus blandit viverra sed eget odio</li>
</ul>
</div>
<!-- FOOTER ------------------------------>
<div class="text-right text-white px-3 p-1" style="border-radius:0 0 25px 25px; background-color:#00afad;">
<i class="fas fa-heart fa-sm fa-fw mr-1"></i>
<i class="fas fa-sync fa-sm fa-fw"></i>
</div>
</div>
<!-- ANOTHER BUT LONGER SUMMARY
----------------------------------------------->
<div class="shadow mb-4" style="border-radius:25px;">
<!-- HEADER ------------------------------>
<div class="text-white text-uppercase font-weight-bold p-3" style="border-radius:25px 25px 0 0; background-color:#00afad; letter-spacing:2px">
<i class="fas fa-crown mr-1 fa-fw"></i>
WELCOME
</div>
<!-- CONTENT ------------------------------>
<div class="p-3" style="background-color:#fefefe">
<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>
<!-- FOOTER ------------------------------>
<div class="text-right text-white px-3 p-1" style="border-radius:0 0 25px 25px; background-color:#74c1c3;">
<i class="far fa-heart fa-sm fa-fw mr-1"></i>
<i class="fas fa-sync fa-sm fa-fw"></i>
</div>
</div>
<!-- ART STATUS
----------------------------------------------->
<div class="shadow mb-4" style="border-radius:25px;">
<!-- HEADER ------------------------------>
<div class="text-white text-uppercase font-weight-bold p-3" style="border-radius:25px 25px 0 0; background-color:#74c1c3; letter-spacing:2px">
<i class="fas fa-pen-line mr-1 fa-fw"></i>
ART STATUS
</div>
<!-- CONTENT ------------------------------>
<div class="p-3" style="background-color:#fefefe">
<div class="row no-gutters align-items-center mb-1">
<div class="col-5 text-right p-1 pr-3">
<b>commissions</b>
</div>
<div class="col-7 p-1">
status
</div>
</div>
<div class="row no-gutters mb-1">
<div class="col-5 text-right p-1 pr-3">
<b>art trades</b>
</div>
<div class="col-7 p-1">
status
</div>
</div>
<div class="row no-gutters mb-3">
<div class="col-5 text-right p-1 pr-3">
<b>requests</b>
</div>
<div class="col-7 p-1">
status
</div>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
</p>
</div>
<!-- FOOTER ------------------------------>
<div class="text-right text-white px-3 p-1" style="border-radius:0 0 25px 25px; background-color:#d2cff5;">
<i class="far fa-heart fa-sm fa-fw mr-1"></i>
<i class="fas fa-sync fa-sm fa-fw"></i>
</div>
</div>
<!-- MUSIC
----------------------------------------------->
<div class="shadow mb-4" style="border-radius:25px;">
<!-- HEADER ------------------------------>
<div class="text-white text-uppercase font-weight-bold p-3" style="border-radius:25px 25px 0 0; background-color:#d2cff5; letter-spacing:2px">
<i class="fas fa-music mr-1 fa-fw"></i>
LISTENING TO...
</div>
<!-- CONTENT ------------------------------>
<!--
→ replace [ hytEtvgl8_k ] with your youtube id (found after https://www.youtube.com/watch?v=)
→ the [ ?start=139 ] makes the video start at a certain point, you can easily find this by going to the
Share > Start at ...
-->
<div class="p-3" style="background-color:#fefefe">
<iframe src="https://www.youtube.com/embed/hytEtvgl8_k?start=139"
class="w-100"
style="min-height:250px; border-radius:20px;"
frameborder="0">
</iframe>
</div>
<!-- FOOTER ------------------------------>
<div class="text-right text-white px-3 p-1" style="border-radius:0 0 25px 25px; background-color:#6694e3;">
<i class="far fa-heart fa-sm fa-fw mr-1"></i>
<i class="fas fa-sync fa-sm fa-fw"></i>
</div>
</div>
<!-- SOCIAL LINKS
----------------------------------------------->
<div class="shadow mb-4" style="border-radius:25px;">
<!-- HEADER ------------------------------>
<div class="text-white text-uppercase font-weight-bold p-3" style="border-radius:25px 25px 0 0; background-color:#6694e3; letter-spacing:2px">
<i class="fas fa-messages mr-1 fa-fw"></i>
FIND ME HERE
</div>
<!-- CONTENT ------------------------------>
<div class="p-3 py-4" style="background-color:#fefefe">
<div class="row no-gutters text-center">
<div class="col p-2">
<a href="#" class="text-reset">
<i class="fas fa-id-card fa-3x"></i>
</a>
</div>
<div class="col p-2">
<a href="#" class="text-reset">
<i class="fab fa-twitter fa-3x"></i>
</a>
</div>
<div class="col p-2">
<a href="#" class="text-reset">
<i class="fab fa-deviantart fa-3x"></i>
</a>
</div>
<div class="col p-2">
<a href="#" class="text-reset">
<i class="fas fa-coffee fa-3x"></i>
</a>
</div>
<div class="col p-2">
<a href="#" class="text-reset">
<i class="fab fa-trello fa-3x"></i>
</a>
</div>
</div>
</div>
<!-- FOOTER ------------------------------>
<div class="text-right text-white px-3 p-1" style="border-radius:0 0 25px 25px; background-color:#5147d5;">
<i class="far fa-heart fa-sm fa-fw mr-1"></i>
<i class="fas fa-sync fa-sm fa-fw"></i>
</div>
</div>
<!-- FEAT. CHARACTERS OR FRIENDS
----------------------------------------------->
<div class="shadow mb-4" style="border-radius:25px;">
<!-- HEADER ------------------------------>
<div class="text-white text-uppercase font-weight-bold p-3" style="border-radius:25px 25px 0 0; background-color:#5147d5; letter-spacing:2px">
<i class="fas fa-heart-circle mr-1 fa-fw"></i>
MY FAVS
</div>
<!-- CONTENT ------------------------------>
<div class="p-3" style="background-color:#fefefe">
<div class="row no-gutters justify-content-center">
<div class="col-sm-4 col-6 text-center p-2">
<img src="https://i.pinimg.com/originals/d0/c4/3f/d0c43fbd21b95ef7ac70641bc130fc73.jpg"
class="rounded-circle mb-2">
<a href="LINK_HERE" class="text-reset">
Name
</a>
</div>
<div class="col-sm-4 col-6 text-center p-2">
<img src="https://i.pinimg.com/originals/d0/c4/3f/d0c43fbd21b95ef7ac70641bc130fc73.jpg"
class="rounded-circle mb-2">
<a href="LINK_HERE" class="text-reset">
Name
</a>
</div>
<div class="col-sm-4 col-6 text-center p-2">
<img src="https://i.pinimg.com/originals/d0/c4/3f/d0c43fbd21b95ef7ac70641bc130fc73.jpg"
class="rounded-circle mb-2">
<a href="LINK_HERE" class="text-reset">
Name
</a>
</div>
<div class="col-sm-4 col-6 text-center p-2">
<img src="https://i.pinimg.com/originals/d0/c4/3f/d0c43fbd21b95ef7ac70641bc130fc73.jpg"
class="rounded-circle mb-2">
<a href="LINK_HERE" class="text-reset">
Name
</a>
</div>
<div class="col-sm-4 col-6 text-center p-2">
<img src="https://i.pinimg.com/originals/d0/c4/3f/d0c43fbd21b95ef7ac70641bc130fc73.jpg"
class="rounded-circle mb-2">
<a href="LINK_HERE" class="text-reset">
Name
</a>
</div>
<!-- add more above THIS line! -->
</div>
</div>
<!-- FOOTER ------------------------------>
<div class="text-right text-white px-3 p-1" style="border-radius:0 0 25px 25px; background-color:#41157c;">
<i class="far fa-heart fa-sm fa-fw mr-1"></i>
<i class="fas fa-sync fa-sm fa-fw"></i>
</div>
</div>
<!-- add more segments above THIS line if you want -->
</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.