Profile
SHIBA ?!
23 she / he bisexual aries aest
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
COMMS
open
TRADES
check bulletin
REQUESTS
closed
- currency is USD and dA points only
- payment upfront
- view my TOS before dming
<!-------------------------------------------------
Pride Carrds — Bisexual 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
→ pink -------------- #a2355b
→ purple ------------ #723765
→ blue -------------- #37255e
→ card-background --- #222222
→ background -------- #333333
→ text -------------- #fefefe
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/]
-->
<div class="mx-auto p-sm-4 p-3" style="
background-image:url(https://www.transparenttextures.com/patterns/batthern.png);
background-color:#333333;
background-size:#;
background-position:#;
">
<div class="mx-auto" style="box-shadow:0px 0px 60px rgba(0,0,0,0.3); max-width:600px; color:#fefefe; font-size:10pt; letter-spacing:0.7px;">
<!-------------------------------------------------
HEADER DECOR
------------------------------------------------->
<div class="card p-4 rounded-0 border-0" style="z-index:2; background-color:#222222">
<!-- BLANK -->
</div>
<!-------------------------------------------------
PAGEDOLL
------------------------------------------------->
<!--
→ tall, transparent pagedoll is required
→ [margin-bottom:-70px;] and [width:200px] below may need adjustments depending on the size of the pagedoll, but you can delete the margin-bottom if you're cool with the fullsize of your pagedoll ^^
-->
<div class="card pt-5 rounded-0 border-0" style="overflow:hidden; background:linear-gradient(
#a2355b 0%, #a2355b 33%,
#723765 33%, #723765 66%,
#37255e 66%, #37255e 100%
);">
<div class="text-center" style="margin-bottom:-70px;">
<img src="https://cdn.discordapp.com/attachments/704981844843692094/991216989014085652/unknown.png"
style="width:200px;">
</div>
</div>
<!-------------------------------------------------
CODE BEGINS
------------------------------------------------->
<div class="p-4 rounded-0 border-0" style="background-color:#222222">
<!-- TITLE
---------------------------------------------->
<p class="display-4" style="letter-spacing:3px">
SHIBA
<i>?!</i>
</p>
<!-- QUICK LOOK
---------------------------------------------->
<p class="faded font-italic align-item-center">
23
<i class="far fa-angle-right fa-fw"></i>
she / he
<i class="far fa-angle-right fa-fw"></i>
bisexual aries
<i class="far fa-angle-right fa-fw"></i>
aest
<!-- add more above THIS line, but i think it looks best mininally >wo)b -->
</p>
<div class="my-4">
<div class="tab-content p-md-4">
<!-- ABOUT ME
---------------------------------------------->
<div class="tab-pane fade active show" id="prideone">
<!-- SUMMARY ----------------------------------->
<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>
<!-- SOCIAL LINKS ----------------------------------->
<div class="mt-4 text-center">
<a href="LINK_HERE" class="text-reset mx-2" style="text-decoration:none">
<i class="fas fa-id-card fa-2x fa-fw"></i>
</a>
<a href="LINK_HERE" class="text-reset mx-2" style="text-decoration:none">
<i class="fab fa-twitter fa-2x fa-fw"></i>
</a>
<a href="LINK_HERE" class="text-reset mx-2" style="text-decoration:none">
<i class="fab fa-deviantart fa-2x fa-fw"></i>
</a>
<a href="LINK_HERE" class="text-reset mx-2" style="text-decoration:none">
<i class="fab fa-trello fa-2x fa-fw"></i>
</a>
<!-- add more about THIS line! -->
</div>
</div>
<!-- ART STATUS
---------------------------------------------->
<div class="tab-pane fade" id="pridetwo">
<div class="row no-gutters text-center">
<div class="col-sm-4 p-2">
<div class="lead">COMMS</div>
open
</div>
<div class="col-sm-4 p-2">
<div class="lead">TRADES</div>
check bulletin
</div>
<div class="col-sm-4 p-2">
<div class="lead">REQUESTS</div>
closed
</div>
<div class="col-12 p-2 text-left">
<ul class="pl-4 mt-2 mb-0">
<li>currency is USD and dA points only</li>
<li>payment upfront</li>
<li>view my <a href="LINK_HERE" class="text-reset" style="text-decoration:underline">TOS</a> before dming</li>
</ul>
</div>
</div>
</div>
<!-- FEAT. FRIENDS/CHARACTERS
---------------------------------------------->
<!--
→ icons best if 200x200 or squared
→ shorten names for mobile view!!
-->
<div class="tab-pane fade" id="pridethree">
<div class="row no-gutters text-center text-uppercase">
<!-- ONE ----------------------------------->
<div class="col-sm-4 col-6 p-2">
<img src="https://i.pinimg.com/originals/56/1a/a3/561aa35c9364d42f0772e652d3742a39.png"
class="mb-2">
<a href="LINK_HERE" class="text-reset"><p>
name
</p></a>
</div>
<!-- TWO ----------------------------------->
<div class="col-sm-4 col-6 p-2">
<img src="https://pbs.twimg.com/media/EgUwtqeUcAARCix.png"
class="mb-2">
<a href="LINK_HERE" class="text-reset"><p>
name
</p></a>
</div>
<!-- THREE ----------------------------------->
<div class="col-sm-4 col-6 p-2">
<img src="https://pbs.twimg.com/media/EgUwsBgVoAAZMoD.jpg"
class="mb-2">
<a href="LINK_HERE" class="text-reset"><p>
name
</p></a>
</div>
<!-- add more above THIS line! -->
</div>
</div>
</div>
</div>
<!-- BUTTONS
---------------------------------------------->
<ul class="nav row no-gutters mx-n2">
<li class="nav-item col p-2">
<a href="#prideone" data-toggle="tab" class="nav-link text-white btn w-100 border-0 rounded-0" style="background-color:#a2355b; box-shadow:none;">
#ABOUT ME
</a>
</li>
<li class="nav-item col p-2">
<a href="#pridetwo" data-toggle="tab" class="nav-link text-white btn w-100 border-0 rounded-0" style="background-color:#723765; box-shadow:none;">
#COMMS
</a>
</li>
<li class="nav-item col p-2">
<a href="#pridethree" data-toggle="tab" class="nav-link text-white btn w-100 border-0 rounded-0" style="background-color:#37255e; box-shadow:none;">
#FRIENDS
</a>
</li>
</ul>
</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.