<div class="card bg-faded rounded-0 p-1 mt-md-5 mx-auto" style="max-width:500px;font-size:13px;"><div class="row no-gutters">
<!-- ------------------------------

             AVATAR
   image can be any size, just
   make sure the subject is in
          the middle

------------------------------- -->
<div class="col-sm-4 p-1">
<div class="card rounded-0 d-block h-100 p-2" style="min-height:150px;

  background: url(https://i.pinimg.com/originals/47/a7/ee/47a7ee1a4d84f2930fc60ee0d0bc843a.gif) center no-repeat;background-size:cover;">

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


             INFO


------------------------------- -->
<div class="col-sm-8 p-1">
<div class="card rounded-0 d-block h-100 p-2">
  <!-- --------------------------

              NAME

  --------------------------- -->
  <div class="text-center text-uppercase display-4 text-primary mb-2" style="font-size:18px;letter-spacing:1px;">
    HUSH
  </div><hr class="my-1">
  <!-- --------------------------

          PROFILE INFO

  --------------------------- -->
  <div class="d-flex justify-content-between">
    <span class="text-uppercase text-muted">Age</span>
    <span>Adult</span>
  </div>

  <hr class="my-1">

  <div class="d-flex justify-content-between">
    <span class="text-uppercase text-muted">Height</span>
    <span>4ft</span>
  </div>

  <hr class="my-1">

  <div class="d-flex justify-content-between">
    <span class="text-uppercase text-muted">Gender</span>
    <span>Male</span>
  </div>

  <hr class="my-1">

  <div class="d-flex justify-content-between">
    <span class="text-uppercase text-muted">Species</span>
    <span>Moomin</span>
  </div>

  <hr class="my-1">

  <div class="d-flex justify-content-between">
    <span class="text-uppercase text-muted">Designer</span>
    <span>@Koipatches</span>
  </div>

  <hr class="my-1">

  <div class="d-flex justify-content-between">
    <span class="text-uppercase text-muted">Worth</span>
    <span>$00</span>
  </div>

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


          MAIN CONTENT


------------------------------- -->
<div class="col-12 p-1">
<div class="card rounded-0 d-block h-100 p-2">
  <!-- --------------------------

              ABOUT

  --------------------------- -->
  <div class="p-2 text-center table-responsive text-muted" style="height:150px;">

   <center>
  <br>Tired, quiet and sleeps a lot.</br>
  <br>Tail is fluffy with a kink towards the end.</br>
  <br>This happened when Mooni saved his life one day from sleep walking off a cliff.</br>
   </center>

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

              QUOTE

  --------------------------- -->
  <div class="card bg-faded rounded-0 text-center text-muted p-1" style="font-size:12px;letter-spacing:1px;">
    <em><p><a href="https://toyhou.se/vomcodesstuff">HTML by VOM</a></p></em>
  </div>
</div></div></div></div>