Simple Duotone User Code

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


Free to Use Simple User Code
Duotone User by LeafJelly


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

<div class="card col-12 bg-faded border-0 text-muted p-1 mx-auto h-100" style="border-radius:1em; width:500px; font-size:15px; font-family: calibri;">

<!-------Divider------------>
<div class="col-12 row no-gutters">
    <hr class="col">
    <!-------Icon---------->
    <div class="px-2 pt-1">
        <i class="fad fa-seedling"></i>
        <!----Copy and paste more icons above here for multiple----->
    </div>
    <hr class="col">
</div>

<div class="row no-gutters">
<div class="col-6 col-md-3 p-2 px-md-2 py-md-0 my-auto mx-auto text-center">
<!-------------Icon Repalce the URL with a Image URL/Address---------------->
    <img src="

    https://f2.toyhou.se/file/f2-toyhou-se/images/34089537_0DOOErtBbKNrYX0.png

    " width="100" class="rounded-circle">
<!----------Icon Buttons for Social Links ------------

Replace URL_HERE with the link to your socila media.

Change the name of icon button using title="NAME_HERE".
This appears only when you HOVER over the icon

Change the ICON of your buttion with the fa-icon-name-here using https://fontawesome.com/
fad means font awesome duotone. if you want it in the other weights, change the d in fad to the first letter of the other weight.

The avaliable weights from thicknest to thinnest are below (except duotone is 2 tones)
fas - solid   far - regular   fal - light   fat - thin   fad- duotone
fab - brands is only for brand icons, these don't have weights. aka, all social media icons!
--------------------->
<span class="justify-content-around">
<!---------Social 1------------->
    <a class="tooltipster"
        href="URL_HERE" title="ArtFight" target="blank">
    <!-----Icon------>
    <i class="fas fa-pen-paintbrush fa-sm"></i></a>

<!---------Social 2------------->
    <a class="tooltipster"
        href="URL_HERE" title="Twitter" target="blank">
    <!-----Icon------>
    <i class="fab fa-twitter"></i></a>

<!---------Social 3------------->
    <a class="tooltipster"
        href="URL_HERE" title="Instagram" target="blank">
    <!-----Icon------>
    <i class="fab fa-instagram"></i></a>

<!---------Social 4------------->
    <a class="tooltipster"
        href="URL_HERE" title="TikTok" target="blank">
    <!-----Icon------>
    <i class="fab fa-tiktok"></i></a>
</span>

<span class="justify-content-around">
<!---------Social 5------------->
    <a class="tooltipster"
        href="URL_HERE" title="Youtube" target="blank">
    <!-----Icon------>
    <i class="fab fa-youtube"></i></a>

<!---------Social 6------------->
    <a class="tooltipster text-primary"
        title="Username#1234">
    <!-----Icon------>
    <i class="fab fa-discord"></i></a>

<!---------Social 7------------->
    <a class="tooltipster"
        href="URL_HERE" title="Carrd" target="blank">
    <!-----Icon------>
    <i class="far fa-id-card"></i></a>

</span>

</div>

<div class="col-12 col-md-6 my-auto p-3 px-md-3 py-md-0 text-center">
<i class="fad fa-sparkles"></i>
<!---------Commissions------------->
    <div class="justify-content-between">
        <span><i class="fad fa-pen fa-sm"></i>
            Commissions
        </span>

        <!------Check or X symbol--------->
        <span><a href="Url_Here">
            <i class="far fa-check "></i></a></span>
    </div><hr class="my-1">

<!---------Art Trades------------->
    <div class="justify-content-between">
        <span><i class="fad fa-right-left fa-sm"></i>
            Art Trades
        </span>

        <!------Check or X symbol--------->
        <span>
            <i class="far fa-question "></i></span>
    </div><hr class="my-1">

<!---------Chara Trades------------->
    <div class="justify-content-between">
        <span><i class="fad fa-people-arrows fa-sm"></i>
            Character Trades
        </span>

        <!------Check or X symbol--------->
        <span>
            <i class="far fa-xmark "></i></span>
    </div><hr class="my-1">

<!---------Requests------------->
    <div class="justify-content-between">
        <span><i class="fad fa-gift fa-sm"></i>
            Art Requests
        </span>

        <!------Check or X symbol--------->
        <span>
            <i class="far fa-xmark "></i></span>
    </div><hr class="my-1">

<!----------Copy and paste aboveh here for more--------->
</div>

<div class="col-12 col-md-3 my-auto p-2 px-md-2 py-md-0 text-center">
    <i class="fad fa-link"></i>
    <a href="URL_HERE" class="col btn btn-outline-secondary text-muted py-1 mb-1" target="blank">
        Trade Folder
    </a>

    <a href="URL_HERE" class="col btn btn-outline-secondary text-muted py-1 mb-1" target="blank">
        Art Queue
    </a>

    <a href="URL_HERE" class="col btn btn-outline-secondary text-muted py-1 mb-1" target="blank">
        Wishlist
    </a>


</div>

<!----------->
</div>

<!-------Divider------------>
<div class="col-12"><hr></div>

</div>
</div>

<!----------Credit do not remove---------->
<div class="col-12 p-1 text-center mx-auto" style="width:500px;">
    <a href="/LeafJelly" class="tooltipster" title="HTML by LeafJelly"><i class="far fa-code fa-xs text-muted"></i></a>
</div>