Simple Profile

<!-- USAGE RULES //////////

///// Thank you so much for choosing to use my code!
///// I have done my best to add comments and white space to make editing easier, but if you have problems please look towards the forums/google-
///// I don't check TH regularly so I won't be answering questions about this template on here.

///// General Rules:
1. You may edit this code as much as you want. There are obviously no limits on adding/removing/editing elements.
2. You may splice this code with other templates if their creators allow you to do so. You must also add credit to them at the end of the code.
3. Make sure you have permission to use all images you put into this template; be sure to follow the Toyhouse guidelines for images as well.
4. Do not redistribute and claim this code as your own. You may pull elements from it, but if you pull significant amounts of structure and design you must credit me.
5. In general, make sure you are following Toyhouse's TOS with regard to the content you put into this template.

///// NOTE: This code was intended for user profiles.
-->


<div class="row p-3 text-white">
    <div class="col-lg container rounded bg-dark">
        <div class="row p-3">

            <!-- SIDEBAR IMAGE  //////////  -->
            <div class=" col-3 rounded d-none d-md-block bg-primary" style="

            background-image: url(LINK GOES HERE);

            background-size: cover; background-position: center;"></div>

            <!-- NAME + WELCOME  //////////  -->
            <div class="col-lg">
                <div class="p-3">
                <h1 class="display-4 text-uppercase">

                    Hey, I'm

                    <span class="display-1" style="font-weight: bold;">

                        Name.

                    </span></h1>
                <span class="text-lowercase">

                    Welcome message goes here.

                </span>
                </div>

                <!-- ABOUT SECTION  //////////  -->
                <div class="col-lg">
                    <h3 class="display text-uppercase mb-3 mt-3" style="font-weight: bold;"><i class="fa fa-info-circle"></i> About</h3>

                    <!-- PRONOUNS  //////////  -->
                    <div class="justify-content-between bg-primary p-3">
                        <span class="text-uppercase" style="font-weight: bold; letter-spacing: 2px; ">Pronouns</span>
                        <span class="text-lowercase">

                            he/they/she/it

                        </span>
                    </div>

                    <!-- AGE  //////////  -->
                    <div class="justify-content-between p-3">
                        <span class="text-uppercase" style="font-weight: bold; letter-spacing: 2px; ">Age</span>
                        <span class="text-lowercase">

                            #

                        </span>
                    </div>

                    <!-- OTHER NAMES / ALIASES  //////////  -->
                    <div class="justify-content-between bg-primary p-3">
                        <span class="text-uppercase" style="font-weight: bold; letter-spacing: 2px; ">Aliases</span>
                        <span class="text-lowercase">

                            nickname, name, username, etc.

                        </span>
                    </div>

                    <!-- SOCIAL MEDIA LINK  //////////  -->
                    <div class="justify-content-between p-3">
                        <span class="text-uppercase" style="font-weight: bold; letter-spacing: 2px; ">Twitter</span>
                        <span class="text-lowercase"><a

                        href="LINK GOES HERE"

                        ><i class="fa fa-link"></i></a></span>
                    </div>

                    <!-- SOCIAL MEDIA LINK  //////////  -->
                    <div class="justify-content-between bg-primary p-3">
                        <span class="text-uppercase" style="font-weight: bold; letter-spacing: 2px; ">Deviantart</span>
                        <span class="text-lowercase"><a class="text-white"

                        href="LINK GOES HERE"

                        ><i class="fa fa-link"></i></a></span>
                    </div>

                    <!-- COMMISSION INFO LINK  //////////  -->
                    <div class="justify-content-between p-3">
                        <span class="text-uppercase" style="font-weight: bold; letter-spacing: 2px; ">Commissions</span>
                        <span class="text-lowercase"><a

                        href="LINK GOES HERE"

                        ><i class="fa fa-link"></i></a></span>
                    </div>
                </div>
            </div>
        </div>

        <!-- SIDEBAR IMAGE 2  //////////-->
    </div>
    <div class="col-lg p-3 rounded d-none d-lg-block bg-primary ml-4" style="

    background-image: url(LINK GOES HERE)

    ; background-size: 100%;">
    </div>
</div>

<!-- CODE CREDIT ////////// DO NOT REMOVE. -->
<div class="col-lg p-0"  style="margin: auto; text-align: right;"><a href="https://toyhou.se/hatchl/" title="Code credit: Hatchl"><i class="fa fa-link"></i></a></div>