Dappervolk User HTML - Free User

<!---- BACKGROUND ---->
<div class="m-4" style="background-color:#f8d0a1;border-top-left-radius:120px;border-top-right-radius:120px;border:4px solid #fff;padding-top:30px;">
    <div style="padding:40px 47px;">

        <div class="row no-gutters">
            <!---- LEFT COL ---->
            <div class="col-3">
                <!---- CHARACTER IMAGE ---->
                <img src="https://via.placeholder.com/200x325" style="border-radius:12px;border:4px solid #fff;width:200px;height:325px;">

                <!---- STATS ---->
                <center>
                <div style="background-color:#fff;border-radius:12px;display:inline-block;padding:3px 3px 6px;margin-top:15px;">
                    <img src="https://cdn.discordapp.com/attachments/707054523910324235/739747593629990943/image3.png" class="tooltipster" title="20">
                    <img src="https://cdn.discordapp.com/attachments/707054523910324235/739747593357361272/image2.png" class="tooltipster" title="20">
                    <img src="https://cdn.discordapp.com/attachments/707054523910324235/739747593147514940/image1.png" class="tooltipster" title="20">
                    <img src="https://cdn.discordapp.com/attachments/707054523910324235/739747592790868019/image0.png" class="tooltipster" title="20">
                    <img src="https://cdn.discordapp.com/attachments/707054523910324235/739748640746373220/image0.png" class="tooltipster" title="20">
                </div>
                </center>
            </div>

            <!---- RIGHT COL ---->
            <div class="col">
                <!---- CHARACTER NAME ---->
                <div style="background-color:#fff;border-radius:12px;display:inline-block;color:#333;padding:0 12px;font-weight:bold;text-transform:uppercase;font-size:28px;margin:0 15px 6px 0;">
                    Name
                </div>

                <!---- SUB HEADER ---->
                <div style="font-size:18px;padding:0 12px;text-transform:uppercase;font-weight:bold;">
                    <span style="color:#bb875b;">Pronouns</span> .
                    <span style="color:#81b8ae;">Adjective</span>
                </div>

                <!---- TEXT BOX ---->
                <div style="background-color:#fff;padding:12px;border-top-left-radius:12px;border-top-right-radius:12px;margin-top:18px;min-height:100px;color:#333;">
                    Content goes here! Box will stretch w/ what you write.
                </div>

                <!---- RELATIONSHIPS ---->
                <div style="font-weight:bold;color:#fff;font-size:28px;text-transform:uppercase;padding-top:12px;">
                    Relationships <i class="fas fa-caret-right" />
                </div>

                <div class="row no-gutters">
                    <!---- CHARACTER 1 ---->
                    <div class="col text-center">
                        <!---- IMAGE ---->
                        <img src="https://via.placeholder.com/100" style="border-radius:100px;border:4px solid #fff;background-size:cover;">
                        <!---- NAME ---->
                        <div style="text-transform:uppercase;font-weight:bold;color:#555;font-size:18px;">
                            NAME
                        </div>
                    </div>

                    <!---- CHARACTER 2 ---->
                    <div class="col text-center">
                        <!---- IMAGE ---->
                        <img src="https://via.placeholder.com/100" style="border-radius:100px;border:4px solid #fff;background-size:cover;">
                        <!---- NAME ---->
                        <div style="text-transform:uppercase;font-weight:bold;color:#555;font-size:18px;">
                            NAME
                        </div>
                    </div>

                    <!---- CHARACTER 3 ---->
                    <div class="col text-center">
                        <!---- IMAGE ---->
                        <img src="https://via.placeholder.com/100" style="border-radius:100px;border:4px solid #fff;background-size:cover;">
                        <!---- NAME ---->
                        <div style="text-transform:uppercase;font-weight:bold;color:#555;font-size:18px;">
                            NAME
                        </div>
                    </div>

                    <!---- CHARACTER 4 ---->
                    <div class="col text-center">
                        <!---- IMAGE ---->
                        <img src="https://via.placeholder.com/100" style="border-radius:100px;border:4px solid #fff;background-size:cover;">
                        <!---- NAME ---->
                        <div style="text-transform:uppercase;font-weight:bold;color:#555;font-size:18px;">
                            NAME
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>