LS CODE

<!--- BACKGROUND uwu should use imgur links so they don't expire -->
<div class="card-header py-5" style="background: url(https://i.imgur.com/vdGOnpM.png) background-position:center; background-attachment:fixed; background-size:cover;">

<!--

  credit: vom | vomcodesstuff | vomwastaken

  info:
    - character avatar can be any size
    - relationship avatars should be square

-->
<div class="card rounded-0 bg-faded w-100 mx-auto my-md-5" style="max-width:600px;">
<div class="row no-gutters">
<!-- -------------------------------


           LEFT COLUMN


-------------------------------- -->
<div class="col-md-5 p-2 sticky-top">
<!-- -----------------------------

              AVATAR

------------------------------ -->
<div class="card rounded-0" style="height:150px;

  background: url(https://i.pinimg.com/originals/63/e4/db/63e4db82ab874e4992b54006939b9510.gif) center;background-size:cover">

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

              INFO

------------------------------ -->
<div class="card rounded-0 my-2">
<ul class="list-group list-group-flush">


  <li class="list-group-item list-group-item-action d-flex justify-content-between">
    <i class="fas fa-fw fa-user"></i> NAME
  </li>


  <li class="list-group-item list-group-item-action d-flex justify-content-between">
    <i class="fas fa-fw fa-venus-mars"></i> GENDER
  </li>


  <li class="list-group-item list-group-item-action d-flex justify-content-between">
    <i class="fas fa-fw fa-pencil-ruler"></i> HEIGHT
  </li>


  <li class="list-group-item list-group-item-action d-flex justify-content-between">
    <i class="fas fa-fw fa-male"></i> SPECIES
  </li>


  <li class="list-group-item list-group-item-action d-flex justify-content-between">
    <i class="fas fa-hourglass-half"></i> [AGE] years old
  </li>


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

      CREDIT | Do not remove!

------------------------------ -->
<div class="card rounded-0 p-2 text-center" style="font-size:11px;letter-spacing:1px;">
  <a href="https://toyhou.se/3359403.-freebie-not-much" class="text-muted">theme by vom</a>
</div>
</div>
<!-- -------------------------------


         RIGHT COLUMN


-------------------------------- -->
<div class="col-md-7 py-md-2 pr-lg-2 pl-md-0 px-2 pb-2" style="overflow-y:scroll;height:447px;">
<!-- -----------------------------

              ABOUT

------------------------------ -->
<div class="card rounded-0 mb-2 p-3">
<h4 class="text-uppercase font-italic">

  About

</h4>
<div class="text-muted pl-3" style="font-size:12px;">


  <p>INSERT INFO HERE INSERT INFO HERE Tony is (one of) the best drivers in Los Santos as well as the leader of a streetracing gang. Affiliated with a lot of criminals in the city, his help and driving abilities are often called upon when big heists are organized. When he isn't a getaway driver, he and his team race around the streets of Los Santos, catching the attention of cops and leading them on endless chases just for the adrenaline boost it gives them. Tony is a bit of an airhead, a thrill-seeker who isn't afraid to put his life in danger for a bit of fun, but becomes extremely serious and down to earth if any of his friends need a confidant. While he may not be the smartest or think all of his choices through, he is still an extremely sociable and outgoing person people can count on. He is Lang's best friend.</p>


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

              QUOTE

------------------------------ -->
<div class="card rounded-0 mb-2 p-2 text-center text-muted" style="font-size:12px;letter-spacing:1px;">

  <i>"INSERT QUOTE HERE"</i>

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

           DESIGN NOTES

------------------------------ -->
<div class="card rounded-0 mb-2 p-3">
  <h4 class="text-uppercase font-italic">
    Design Notes
  </h4>
  <ul class="text-muted pl-4 m-0" style="font-size:12px;">

    <li>DESIGN NOTE</li>
    <li>DESIGN NOTE</li>
    <li>DESIGN NOTE</li>

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

          RELATIONSHIPS

------------------------------ -->
<div class="card rounded-0 p-3">
<h4 class="text-uppercase font-italic">

  Relationships

</h4>
<div class="row no-gutters text-center text-muted" style="font-size:12px;">

      <div class="col-4 p-1">
    <a href="INSERT TOYHOUSE LINK"><img src="INSERT SQUARE-SHAPED IMAGE LINK" class="fr-rounded img-thumbnail mb-1"></a>
    <br>CHARACTER NAME
 </div>

    <div class="col-4 p-1">
    <a href="https://toyhou.se/14728805.d-w-"><img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/14728805?1650174317" class="fr-rounded img-thumbnail mb-1"></a>
    <br>Dean
 </div>


<!-- add more above this line -->
</div>
</div>
</div>
</div>
</div>