02 simple bits

<div class="container p-0 mb-5 mt-5" style="max-width: 300px; font-size: 12px;">

  <div class="card bg-faded p-2" style="border-radius: 20px;">

  <div class="card p-1 px-2" style="border-radius: 20px">

  <div>
  <span class="text-primary" style="letter-spacing: 1px; font-size: 14px;">

  <!----- name ----->

    NAME

  <!---------->
  </span>

  <span class="pull-right text-muted">

  <!----- etc text ----->

    age . pronouns . etc

  <!---------->

  </span>

  </div>
  </div>


  <div class="row no-gutters p-2">

  <div class="col-6 text-center">

  <!----- character image -- can be any size, just should be transparent preferably ----->

  <img src="https://cdn.discordapp.com/attachments/382014192951099397/702374255064776744/athena_cheeb.png" class="float-left">

  <div>
  <a class="fas fa-image mx-auto text-center tooltipster" style="font-size: 10px;"
  title="

  art by (artist)

  "
  href="

  artist link here

  "></a>
  </div>

  <!---------->


  </div>

  <div class="col-6 my-auto text-center">
    <p class="text-muted">


  <!----- paragraph -- wont scroll, keep that in mind ----->

     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rhoncus pretium erat a finibus. Aliquam dictum scelerisque velit quis bibendum.

  <!---------->

    </p>
  </div>

  </div>

  <div class="card p-1 px-2 mt-2" style="border-radius: 20px">

  <div>

  <span class="text-muted" style="letter-spacing: 0.5px; font-size: 10px;">

  <!----- social media ----->
    <a class="fab fa-instagram tooltipster" title="instagram"
    href="LINK HERE"></a>

    /

    <a class="fab fa-twitter tooltipster" title="twitter"
    href="LINK HERE"></a>

    /

    <a class="fab fa-youtube tooltipster" title="youtube"
    href="LINK HERE"></a>

    /

    <a class="fab fa-tumblr tooltipster" title="tumblr"
    href="LINK HERE"></a>

  </span>

  <span class="pull-right text-primary">
    <a class="fal fa-code tooltipster" title="code by ronnie" href="https://toyhou.se/6661907.-users-simple-bits"></a>
  </span>
  <!---------->

  </div>

  </div>

  </div>

</div>