Capricorn bio code

<!-----------------------

 simple moodboard - CUSTOM COLORS

!!!! remember not to enable wysiwyg at any time; it'll most likely break/recode the code!!!!!

    TERMS OF SERVICE
 ✓ feel free to edit/frankenstein my codes as much as u want, as long as credit remains and the other coder/s allows it
 ✓ optional but i would rlly appreciate if u donated to my deviantart or paypal if you use my codes!!
 × don’t remove credit. u can move it around, but please make sure it is visible
 × don’t steal or redistribute my codes (including edited versions)
 × don't use my codes to make a profit (e.g. selling code template "fill-outs")

   NOTES
 › i use HEX and oftentimes RGB color codes in my html codes, search "color picker" on google to pick and chose colors and their respective codes
 › (followup to the note above:) in my html codes, rgba sometimes looks like this: 255, 255, 255, .7 (the .7 or whatever .number it is indicates the opacity (0 is transparent and 1 is opaque))

    COLORS MASTERLIST
 › background: #e6d7cf #283d3b #b5613f
 › text: #283d3b
 › hr: #b5613f

 › replace any image addresses that say "https://f2.toyhou.se/file/f2-toyhou-se/users/admin?7"
 › replace any places that say "LINK_HERE" with links

 ------------------------>

 <br>

<div class="container" style="max-width: 600px; border-radius:10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 0px 8px 0 rgba(0, 0, 0, 0.19); background-color: #e6d7cf">

    <div class="container px-0" style="padding-top:15px; padding-bottom:10px; color: #283d3b">
    <div class="row">
        <div class="col"> <hr style="background-color: #b5613f"> </div>
        <div class="col-auto">

        </div>

        <!-- character name

        !!NOTE: after "title" when it says "write a little blurb here if u want," you can write something there and it'll appear when you hover over the "name" with your mouse.

        ------------------>

        <h1 class="text-center text-uppercase tooltipster" title="flytext" style="letter-spacing: 2px; color: #283d3b">

          Ilxan Faerkul

        </h1>
        <div class="col-auto">

        </div>
        <div class="col"> <hr style="background-color: #b5613f"> </div>
    </div>
    </div>

        <!-- END character name -->

    <div class="flex-container" style="display:flex;  flex-flow: row wrap; justify-content: center; align-items: center; padding-bottom:15px;">

        <div class="grid" style="display: flex; flex-wrap: wrap; justify-content: space-around;">

            <!-- image #1 -->
            <div class="cell" style="flex: 0 0 32%; height: 100px; margin-bottom: 106px">

                 <img src="https://64.media.tumblr.com/a53f218f63e651c4f5e82f526e310a19/4636194fca7abc92-96/s250x400/b0754ddc0ba0927626086f6875c8acb1d61e1df6.gifv" alt="image" style="width:200px; height:200px; object-fit: cover;">

            </div>

            <!-- image #2 -->
            <div class="cell" style="flex: 0 0 32%; height: 100px; margin-bottom: 106px">

                 <img src="https://64.media.tumblr.com/87db169652882a54305808c87bc3878f/4087424378f71432-59/s400x600/170939ac8d820ec859aa7f0da9a746a2aab8206c.gifv" alt="image" style="width:200px; height:200px; object-fit: cover;">

            </div>

            <!-- image #3 -->
            <div class="cell" style="flex: 0 0 32%; height: 100px; margin-bottom: 106px">

                 <img src="https://64.media.tumblr.com/4cc502ee54aae8ddc611b6079e93df9e/3ac08344d4dd329c-6c/s400x600/b1b9c8135d6b056ad8114b0679a99fbd96939e68.gifv" alt="image" style="width:200px; height:200px; object-fit: cover;">

            </div>

            <!-- image #4 -->
            <div class="cell" style="flex: 0 0 32%; height: 100px; margin-bottom: 106px">

                 <img src="https://64.media.tumblr.com/ef7cf2afbbaeb99b9d58e0b52694c506/f0940cf2ff865d7d-3f/s250x400/a653f01daab170e1dc53f3f8fd2ff54dbf9d30cd.gifv" alt="image" style="width:200px; height:200px; object-fit: cover;">

            </div>

            <!-- image #5 -->
            <div class="cell" style="flex: 0 0 32%; height: 100px; margin-bottom: 106px">

                 <img src="https://64.media.tumblr.com/648f06e29c179ab751630f7dc5486fa9/f0940cf2ff865d7d-13/s400x600/13a97645b1f72cf59a269e713da48f4f03c7d787.gifv" alt="image" style="width:200px; height:200px; object-fit: cover;">

            </div>

            <!-- image #6 -->
            <div class="cell" style="flex: 0 0 32%; height: 100px; margin-bottom: 106px">

                 <img src="https://64.media.tumblr.com/601ebd2188783fd67fe4352dac94fa0e/f0940cf2ff865d7d-6d/s250x400/9f3333dfabeb8c5e073393679494aede80856bcb.gifv" alt="image" style="width:200px; height:200px; object-fit: cover;">

            </div>

            <!-- image #7 -->
            <div class="cell" style="flex: 0 0 32%; height: 100px; margin-bottom: 106px;">

                 <img src="https://64.media.tumblr.com/ceaf8a8cdcf23d620428d4dcb1761556/a3aba05366bd1456-6f/s250x400/a2b67aa6bc1cfeec001c0889a68e3abb947cc309.gifv" alt="image" style="width:200px; height:200px; object-fit: cover;">

            </div>

            <!-- image #8 -->
            <div class="cell" style="flex: 0 0 32%; height: 100px; margin-bottom: 106px">

                 <img src="https://64.media.tumblr.com/55745f019b50638830d898420de4070f/f11ea44f6aa9f968-af/s250x400/b1936250b610fd52ca167e4b774ad3d322309e88.gifv" alt="image" style="width:200px; height:200px; object-fit: cover;">

            </div>

            <!-- image #9 -->
            <div class="cell" style="flex: 0 0 32%; height: 100px; margin-bottom: 106px;">

                 <img src="https://64.media.tumblr.com/39b27b7663baf523fb72add11e600de8/ba3a43c45fdc92f5-29/s250x400/d73e135f67f0957d379b92f2cc661b81e40c8e3f.gifv" alt="image" style="width:200px; height:200px; object-fit: cover;">

            </div>

    </div>

</div>

<!--Info-->
<div class="container px-0" style="padding-top:15px; padding-bottom:10px; color: #283d3b">
    <div class="row">
        <div class="col"> <hr style="background-color: #b5613f"> </div>
        <div class="col-auto">

        </div>
        <h1 class="text-center text-uppercase" style="letter-spacing: 2px; color: #283d3b">

          Physical Characteristics

        </h1>
        <div class="col-auto">

        </div>
        <div class="col"> <hr style="background-color: #b5613f"> </div>
    </div><br>
    <div class="col">
            <ul style="letter-spacing: 2px; color: #283d3b">
                <li>White dragonborn</li>
                <li>Copper draconic ancestry wizard</li>
                <li>male (he/they/any)</li>
                <li>can move his frill to express emotions</li>
                <li>the base of his tail is very sensitive and not a place he lets just anyone touch</li>
                <li>6’9” / 280lbs</li>
                <li>His bite results in frostbite-like wound symptoms that can turn into necrosis if not treated like one would treat a frostbite wound</li>
                <li>has komodo dragon-like teeth and tongue</li>
                <li>prehensile tail with a surprising amount of grip strength</li>
            </ul>
    </div>
    </div>
<!-- END info -->
<!--2-->
<div class="container px-0" style="padding-top:15px; padding-bottom:10px; color: #283d3b">
    <div class="row">
        <div class="col"> <hr style="background-color: #b5613f"> </div>
        <div class="col-auto">

        </div>
        <h1 class="text-center text-uppercase" style="letter-spacing: 2px; color: #283d3b">

          Personality Characteristics

        </h1>
        <div class="col-auto">

        </div>
        <div class="col"> <hr style="background-color: #b5613f"> </div>
    </div><br>
    <div class="col">
        <ul style="letter-spacing: 2px; color: #283d3b">
            <li>represented best by the Hermit tarot card</li>
            <li>Pansexual/Biromantic (masc pref) | Top/Verse</li>
            <li>hoards silk finery and garments. He absolutely loves the texture of high quality silk on his scales</li>
            <li>introduces himself as Capricorn to strangers</li>
            <li>protects his name, especially distrustful of faefolk</li>
            <li>lawful neutral</li>
            <li>merchant background</li>
        </ul>
    </div>
    </div>
<!-- END 2 -->
<!--3-->
<div class="container px-0" style="padding-top:15px; padding-bottom:10px; color: #283d3b">
    <div class="row">
        <div class="col"> <hr style="background-color: #b5613f"> </div>
        <div class="col-auto">

        </div>
        <h1 class="text-center text-uppercase" style="letter-spacing: 2px; color: #283d3b">

          History

        </h1>
        <div class="col-auto">

        </div>
        <div class="col"> <hr style="background-color: #b5613f"> </div>
    </div><br>
    <div class="col">
        <p style="letter-spacing: 2px; color: #283d3b">
            Raised in servitude to a reclusive deep dragon. He was seen as their prized jewel, a rare bichromatic dragonborn that could access both sides of his ancestral magicks. His master always made sure that he was well pampered in the finest garments and received the highest education. They had planned on him eventually becoming one of the high archmages of Faerun that had access to some of the most guarded secrets held by the Spoken races.
        </p>
    </div><br>
    </div>
<!-- END 3 -->
<!--4-->
<div class="container px-0" style="padding-top:15px; padding-bottom:10px; color: #283d3b">
    <div class="row">
        <div class="col"> <hr style="background-color: #b5613f"> </div>
        <div class="col-auto">

        </div>
        <h1 class="text-center text-uppercase" style="letter-spacing: 2px; color: #283d3b">

          Magical Artefacts

        </h1>
        <div class="col-auto">

        </div>
        <div class="col"> <hr style="background-color: #b5613f"> </div>
    </div><br>
    <div class="col">
        <ul style="letter-spacing: 2px; color: #283d3b">
            <li><strong>Silver Mirror of Reflection</strong> - A pocket-sized hand mirror that reflects the worst parts of one's self. When a spellcaster looks into it, they see their worst fears, regrets, or most embarrassing moments reflected back at them. Upon rolling a successful saving throw, the user can project this image onto an enemy’s mind. The target must make a Wisdom saving throw or suffer disadvantage on attack rolls for 1d4 rounds.</li><br>
            <li><strong>Spellbook of the ArchMage</strong> - A large, leather-bound spellbook that can hold a seemingly infinite amount of pages. The book is enchanted to allow its owner to never forget a spell they’ve learned or prepared, and any spells in the book cast from it have a +1 to their spell attack modifier and saving throw DCs. However, if this book is destroyed, the owner loses all of the spells they had in it.</li><br>
            <li><strong>Ring of the Dragon</strong> - A golden ring patterned with dragon scales, with a crystal orb embedded in the top. When the user speaks a command word, the orb shines with a bright light, illuminating a 120 foot cube around them. All creatures within the cube must make a Constitution saving throw or suffer disadvantage on attack rolls, ability checks, and saving throws for the next 1d4 rounds. This item requires a 4-hour rest to recharge.</li>
        </ul>
    </div><br>
    </div>
<!-- END 4 -->

</div>

<!-- credit -->
<center>
    <a href="https://toyhou.se/9328036.-f2u-simple-moodboard" target="_blank">
       <i class="far fa-feather-pointed tooltipster text-muted faded mt-3" title="code by teiyoq"></i>
    </a>
</center>
<!-- END credit -->