Freebie User Thick

<div class="container-fluid my-5 px-0">
  <div style="max-width: 850px; border-radius: 1em;" class="bg-faded container-fluid card p-lg-5 p-md-4 p-3">
  <!------- content block ---------------->
  <div class="card border-0 d-block p-lg-4 p-3" style="font-size: 10pt; letter-spacing: .4px; border-radius: 1em;">

    <h1 class="display-4 text-center mb-3" style="letter-spacing: 2px;">
      Your Name
    </h1><p class="text-center mb-0" >
      <!---- FOCAL LINKS --- make these whatever you want -- comms, trades, wishlist, rp comfort meme, CS, worlds, etc
        --- whatever thinks you want to focus on -------------------->
      <a href="LINK_HERE"
      target="_BLANK" class="btn btn-secondary text-muted m-1" style="border-radius: 1em; font-size: 9.5pt; letter-spacing:1px;">
        commissions
      </a>
      <a href="LINK_HERE"
      target="_BLANK" class="btn btn-secondary text-muted m-1" style="border-radius: 1em; font-size: 9.5pt; letter-spacing:1px;">
        trades
      </a>
      <a href="LINK_HERE"
      target="_BLANK" class="btn btn-secondary text-muted m-1" style="border-radius: 1em; font-size: 9.5pt; letter-spacing:1px;">
        roleplay
      </a>
    </p>

    <hr class="w-75">

    <div class="row no-gutters py-2">
      <div class="col-md-auto mb-md-0 mb-3"><div class="d-flex h-100 w-100"><div class="my-auto w-100">
        <!----- page doll ------- will auto size and center itself ------------>
        <img src="IMG_URL"
        title="art by USERNAME @ WEBSITE"
        class="d-block mx-auto tooltipster" style="max-height: 300px; max-width: 250px;">
      </div></div></div>
      <div class="col-md pl-md-2">
        <p style="letter-spacing: 1.5px; font-weight: 300;" class="text-center mb-3">
          adjective . adjective . adjective
        </p>

        <p>Write something about yourself here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius libero non sem dapibus, eget viverra nisl sagittis. Ut interdum mi non sagittis euismod. Suspendisse id venenatis massa. Aliquam ornare, nibh sit amet interdum elementum, leo sem laoreet nibh, at sollicitudin diam ipsum eu risus. </p>
      </div>
    </div>

    <hr class="w-75">

    <p class="mb-0 text-center" style="font-size: 1.5em;">
      <!---- BOTTOM LINKS --- dont forget to fill these in --- can swap the icons, they are "font awesome" ---->
      <a href="DA_LINK" target="_BLANK" class="btn btn-secondary text-muted m-1" style="border-radius: 1em;">
        <i class="fab fa-deviantart fa-fw" />
      </a>
      <a href="FA_LINK" target="_BLANK" class="btn btn-secondary text-muted m-1" style="border-radius: 1em;">
        <i class="fas fa-paw fa-fw" />
      </a>
      <a href="TWITTER_LINK" target="_BLANK" class="btn btn-secondary text-muted m-1" style="border-radius: 1em;">
        <i class="fab fa-twitter fa-fw" />
      </a>
      <a href="TWITCH_LINK" target="_BLANK" class="btn btn-secondary text-muted m-1" style="border-radius: 1em;">
        <i class="fab fa-twitch fa-fw" />
      </a>
      <!------ credit ------ please leave this --------------->
      <a href="/Pinky" target="_BLANK" class="btn btn-secondary text-muted m-1" style="border-radius: 1em;">
        <i class="fas fa-code fa-fw" />
      </a>
    </p>

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