How would I make another tab without breaking anything? 

I would like to make a bloodline tab :) 

This user is not visible to guests.

hi!  you can simply copy and paste the stat bars, starting from the col-6!  you can paste it below leadership but not past the four </div> at the bottom of the section!

    <div class="col-6 p-2">
        <span class="text-uppercase" style="letter-spacing:1px">STAT</span>
        <div class="progress"><div class="progress-bar" style="width:50%; height:5px;"></div>
        </div>
    </div>

This user is not visible to guests.
This user is not visible to guests.

:3 tysm this is amazing :D I cant wait to code with this :)

Thank you :) Using ^_^

This user's account has been closed.
This user is not visible to guests.

if you're after custom colours, you can add color:#HEXCODE to the style of the icons! ^^

<li class="nav-item col">
<a class="rounded-0 p-1 card btn-block active" data-toggle="tab" href="#demeanour" style="color:#HEXCODE; text-decoration: none!important;">
<i class="fas fa-user p-1"></i>
</a>
</li>

This user is not visible to guests.

This code is AMAZING, I love it so much!! Gonna be using it (with edited metadata) for some non-warriors rp characters in a private RP with a friend of mine. Said friend isn't quite so good with HTML code as I am, and asked if maybe she could use the base code I've edited out for her characters as well and I just wanted to check & ask if you'd be okay with me giving her the code? I wouldn't be charging for it or distributing it to anyone else as the RP is just a private one between the two of us!

Here's an access key so you can look over the "base" code I made for myself to re-use for my OC profiles: https://toyhou.se/13710765.ananke-bio-base-code/14088810.detailed?key=cU2Vg2USehMI4kK

thank you for the kind words!! <3

and yes, you’re welcome to edit/give that code for that friend!

Awesome, thank you so much for getting back to me so quickly, and for making such awesome codes! :D

hey,, sorry to bother, but something odd has happened to the code and I'm unsure how to fix it ;; happened with https://toyhou.se/13464546.floodstar thanks !!

there seems to be an extra </div> after the appearance tab!  delete it to fix it :]

<div class="tab-pane fade card rounded-0" id="appearance" style="height:364px;overflow:auto;">
<div class="p-3 px-4">
<div class="text-center card rounded-0 bg-faded" style="font-size:18px;letter-spacing:3mm;font-variant:small-caps;">
exterior
</div><div class="pt-3">
</div>
<div class="row no-gutters p-3">
<div class="col-6 text-center text-uppercase text-muted" style="letter-spacing:1px;">Fur Colour</div>
<div class="col-6 text-center">Cream tabby.</div>
<hr class="w-100 mt-2"><div class="col-12 text-muted">
Floodstar has long, thick pale tabby fur, with huge tufts of off-white on his ears. He has darker brown marbled stripes, and fur that covers his left eye.
</div>
</div>
<div class="row no-gutters bg-faded p-3">
<div class="col-6 text-center text-uppercase text-muted" style="letter-spacing:1px;">Body Shape</div>
<div class="col-6 text-center">Short and muscular.</div>
<hr class="w-100 mt-2"><div class="col-12 text-muted">
Floodstar inherited the short gene from his father, passing it on to his daughter, Mingle. He's very strong; you wouldn't want to meet him in battle.
</div>
</div>
<div class="row no-gutters p-3">
<div class="col-6 text-center text-uppercase text-muted" style="letter-spacing:1px;">Eyes</div>
<div class="col-6 text-center">Green with a hint of amber.</div>
<hr class="w-100 mt-2"><div class="col-12 text-muted">
Floodstar's eyes are cold and unforgiving. His vision is partly obscured, as a large tuft hangs down. He has amber flecks in his eyes.
</div>
</div>
<div class="row no-gutters bg-faded p-3">
<div class="col-6 text-center text-uppercase text-muted" style="letter-spacing:1px;">Scars/Disabilities</div>
<div class="col-6 text-center">Battle injuries.</div>
<hr class="w-100 mt-2"><div class="col-12 text-muted">
Under his thick pelt, Floodstar has many scars from battle. None are visible. He also has an (edgy) scratch over his left eye.
</div>
</div>
</div>
</div>
</div> ← delete!

worked, thanks so much for the fast reply !!

Used for Rosefoot. Thank you!