Toyhouse fantroll profile code

<!------------------ QUOTE ----------------------------->
<blockquote class="align-top text-center">
    <p>???</p>
</blockquote>

<!------------------ MAIN BODY ----------------------------->
<div class="container">

    <!------------------ BASIC INFO ROW ----------------------------->
    <h1 class="text-uppercase text-center">Basic info</h1>
    <table class="w-100 border-0 table-hover" style="margin-left: calc(1%); width: 99%;">
        <tbody>

            <tr>
                <td class="align-top text-left font-weight-bold" style="width: 15%;">
                    BLOOD CASTE
                </td>
                <td style="width: 85%; text-align: left;">
                    <strong> Caste (#COLOR) </strong>
                </td>
            </tr>

            <tr>
                <td class="align-top text-left font-weight-bold" style="width: 15%;">
                    AGE
                </td>
                <td style="width: 85%; text-align: left;">
                    <strong>??? sweeps </strong> (~??? human years)
                </td>
            </tr>

            <tr>
                <td class="align-top text-left font-weight-bold" style="width: 15%;">
                    TROLL TAG
                </td>
                <td style="width: 85%; text-align: left;">
                    <strong>???</strong>
                </td>
            </tr>

            <tr>
                <td class="align-top text-left font-weight-bold" style="width: 15%;">
                    SIGIL
                </td>
                <td style="width: 85%; text-align: left;">
                    <strong>???</strong>
                </td>
            </tr>

            <tr>
                <td class="align-top text-left font-weight-bold" style="width: 15%;">
                    ABILITY
                </td>
                <td style="width: 85%; text-align: left;">
                    <strong>???</strong>
                </td>
            </tr>

            <tr>
                <td class="align-top text-left font-weight-bold" style="width: 15%;">
                    OCCUPATION
                </td>
                <td style="width: 85%; text-align: left;">
                    <strong>???</strong>
                </td>
            </tr>

            <tr>
                <td class="align-top text-left font-weight-bold" style="width: 15%;">
                    STRIFE SPECIBUS
                </td>
                <td style="width: 85%; text-align: left;">
                    <strong>???</strong>
                </td>
            </tr>

            <tr>
                <td class="align-top text-left font-weight-bold" style="width: 15%;">
                    FETCH MODUS
                </td>
                <td style="width: 85%; text-align: left;">
                    <strong>???</strong>
                </td>
            </tr>

            <tr>
                <td class="align-top text-left font-weight-bold" style="width: 15%;">
                    HIVE
                </td>
                <td style="width: 85%; text-align: left;">
                    <strong>???</strong>
                </td>
            </tr>

            <tr>
                <td class="align-top text-left font-weight-bold" style="width: 15%;">
                    LUSUS
                </td>
                <td style="width: 85%; text-align: left;">
                    <strong>???</strong>
                </td>
            </tr>

            <tr>
                <td class="align-top text-left font-weight-bold" style="width: 15%;">
                    INTERESTS
                </td>
                <td style="width: 85%; text-align: left;">
                    ???
                </td>
            </tr>

            <tr>
                <td class="align-top text-left font-weight-bold" style="width: 15%;">
                    QUIRK
                </td>
                <td style="width: 85%; text-align: left;">
                    ???
                </td>
            </tr>

            <tr>
                <td class="align-top text-left font-weight-bold" style="width: 15%;">
                    CLASSPECT
                </td>
                <td style="width: 85%; text-align: left;">
                    <strong>??? of ???</strong>
                    <ul class="mb-0">
                        <li>???</li>
                        <li>???</li>
                    </ul>
                </td>
            </tr>

        </tbody>
    </table>

    <hr>

    <!------------------ PERSONALITY DESCRIPTION ----------------------------->
    <h1 style="text-align: center;">PERSONALITY</h1>
    <p>???</p>

    <div class="row">

        <div class="col-sm-6 mb-4">
            <!------------- GOOD TRAITS BOX ----------------------------------------->
            <div class="card bg-faded card-block h-100">

                <h1><span class="fr-emoticon fr-deletable fr-emoticon-img" style="background: url(https://cdnjs.cloudflare.com/ajax/libs/emojione/2.0.1/assets/svg/2714.svg);">&nbsp;</span> Good/neutral traits</h1>

                <ul class="mb-0">
                    <li>???;</li>
                </ul>

            </div>
        </div>

        <div class="col-sm-6 mb-4">
            <!------------- BAD TRAITS BOX ----------------------------------------->
            <div class="card bg-faded card-block h-100">

                <h1><span class="fr-emoticon fr-deletable fr-emoticon-img" style="background: url(https://cdnjs.cloudflare.com/ajax/libs/emojione/2.0.1/assets/svg/274c.svg);">&nbsp;</span> Bad traits</h1>

                <ul class="mb-0">
                    <li>???;</li>
                </ul>

            </div>
        </div>
    </div>

    <hr>

    <!------------------ RELATIONSHIP ROW ----------------------------->
    <div class="row">
        <div class="col-lg-2 col-sm-3 text-center">
            <h1 class="text-uppercase">Soulmates</h1>
        </div>

        <div class="col-lg-10">
            <div class="row">

                <div class="col-sm-6  mb-3">
                    <h2>
                        <span class="fr-emoticon fr-deletable fr-emoticon-img"
                            style="background: url(https://cdnjs.cloudflare.com/ajax/libs/emojione/2.0.1/assets/svg/2665.svg);">&nbsp;
                        </span> Unknown
                    </h2>
                    <p>???</p>
                </div>

                <div class="col-sm-6 mb-3">
                    <h2>
                        <span class="fr-emoticon fr-deletable fr-emoticon-img"
                            style="background: url(https://cdnjs.cloudflare.com/ajax/libs/emojione/2.0.1/assets/svg/2660.svg);">&nbsp;
                        </span> Unknown
                    </h2>
                    <p>???</p>
                </div>

                <div class="col-sm-6 mb-3">
                    <h2>
                        <span class="fr-emoticon fr-deletable fr-emoticon-img"
                            style="background: url(https://cdnjs.cloudflare.com/ajax/libs/emojione/2.0.1/assets/svg/2666.svg);">&nbsp;
                        </span> Unknown
                    </h2>
                    <p>???</p>
                </div>

                <div class="col-sm-6 mb-3">
                    <h2>
                        <span class="fr-emoticon fr-deletable fr-emoticon-img"
                            style="background: url(https://cdnjs.cloudflare.com/ajax/libs/emojione/2.0.1/assets/svg/2663.svg);">&nbsp;
                        </span> Unknown
                    </h2>
                    <p>???</p>
                </div>
            </div>
        </div>
    </div>

    <hr>

    <!------------------  PLAYLIST  ROW  ----------------------------->
    <div class="row">

        <div class="col-lg-2  col-sm-3  text-center">
            <h1 class="text-uppercase">MUSIC</h1>
        </div>

        <div class="col-lg-10">
            <div class="row">
                <span class="fr-emoticon  fr-deletable  fr-emoticon-img"
                style="background:url(https://cdnjs.cloudflare.com/ajax/libs/emojione/2.0.1/assets/svg/25b6.svg);">&nbsp;</span>
                <strong>Band</strong> - Song
            </div>
        </div>
    </div>

    <!------------------ CREDIT ----------------------------->
    <p class="text-right pt-2">
        <a class="btn btn-danger" href="/Xamag" target="_BLANK">
            Credit: Xamag
        </a>
    </p>

</div>