3. Auction Profile

<!---

colors used

dark pale brown. #534247
pink.            #D8607B

--- container box --->

<div class="container-fluid" style="max-width: 500px; letter-spacing: 0.2px; padding-top: 30px;">

    <div class="card" style="background-color: #534247; color: #FFFFFF; border: none; border-radius: 2em; box-shadow:0px 0px 1em rgba(0,0,0,0.3);">

<!--- background img --->

        <img class="card-img-top" src="https://cdn.discordapp.com/attachments/745266965287010446/853851232132136960/13eab19adc14e0a0eedbcd42c2c44305.png" style="max-height: 200px; object-fit: cover; background-position:center; border-radius: 2em 2em 0em 0em;">

<!--- icon --->

        <div class="card-title text-center m-4">
            <img class=" rounded-circle p-2" src="https://f2.toyhou.se/file/f2-toyhou-se/characters/11499904?1623642947" style="background-color: #D8607B; margin-top: -150px">
        </div>

<!--- name --->

        <div class="card-title text-center" style="padding-bottom: 15px;">
            <span class="badge badge-pill p-2" style="font-size: 20px; letter-spacing: 3px; background-color: #D8607B;"><i class="fas fa-bomb font-weight-light"></i>
            Adoptable
            <i class="fas fa-bomb font-weight-light"></i></span>

<!--- don't delete credits --->

            <p style="margin-top: 5px">Code. <a class="text-uppercase font-weight-bold" style="color: #D8607B;" href="https://toyhou.se/Cretan">Charon.781 <i class="fas fa-mug-tea"></i></a> </p>
        </div>

<!--- stats --->

    <div class="p-3">
        <div class="col-lg-12 d-flex justify-content-between" style="margin-top: -10px;">
            <span class="badge badge-pill text-lowercase text-left" style="background: #D8607B; font-size: 15px; letter-spacing: 3px;">
                starting bid
                </span>
            <span class="text-right" style="letter-spacing: 5px;">
                £5
                </span>
        </div>

        <br>
        <br>

        <div class="col-lg-12 d-flex justify-content-between" style="margin-top: -30px;">
            <span class="badge badge-pill text-lowercase text-left" style="background: #D8607B; font-size: 15px; letter-spacing: 3px;">
                starting bid
                </span>
            <span class="text-right" style="letter-spacing: 5px;">
                £5
                </span>
        </div>

        <br>
        <br>

        <div class="col-lg-12 d-flex justify-content-between" style="margin-top: -30px;">
            <span class="badge badge-pill text-lowercase text-left" style="background: #D8607B; font-size: 15px; letter-spacing: 3px;">
                autobuy
                </span>
            <span class="text-right" style="letter-spacing: 5px;">
                N/A
                </span>
        </div>
    </div>

<!--- quick description --->

    <div class="card-body p-3 text-center" style="overflow: hidden; min-height: 50px; max-height: 100px; margin-top: -10px;">
        <p>An adoptable up for sale over at. <a href="https://ych.commishes.com/auction/show/UBFE/adoptable-bidding-in-gbp/">YCH.commishes</a></p>


    </div>

<!--- ending --->

    </div>

</div>