jimothy

<div class="container-fluid px-0 py-lg-1 py-0" style="max-width:900px;font-size:90%;">
<div class="row no-gutters">
<div class="col-12 p-1">

<div class="display-1 text-white text-center text-uppercase py-4" style="font-size:1.75rem;min-height:50px;letter-spacing:1px;background-color:#504c59;background-image:url('https://media.wired.com/photos/61d36f47f6b645152a4dc776/3:2/w_2400,h_1600,c_limit/Business_John%20Deere_r4f167410.jpg');background-blend-mode:soft-light;background-position:center;background-size:cover;">

<div class="col-md-3">
Jimothy
</div>

<div class="hidden-md-up" style="height:50px;"></div>
</div>
</div>
<div class="col-md-4 push-md-8 p-1">
<div class="flex-column bg-faded p-3 h-100 text-center">

  <img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/12461842?1651818048" class="rounded-circle mx-auto p-2 bg-faded" style="width:130px;height:130px;margin-top:-75px;"/>

<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Name</span>
<span class="text-muted">Jimothy</span>
</div>
<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Gender</span>
<span class="text-muted">Male [He/him]</span>
</div>
<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Age</span>
<span class="text-muted">Adult</span>
</div>
<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Species</span>
<span class="text-muted">Human</span>
</div>
<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Orientation</span>
<span class="text-muted">Biromantic demisexual</span>
</div>
<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Occupation</span>
<span class="text-muted">Driver instructor</span>
</div>


</div>
</div>
<div class="col-md-8 pull-md-4 row no-gutters">
<div class="col-12 p-1">
<div class="flex-column bg-faded p-3 h-100">

<div class="table-responsive flex-fill p-2 text-muted" style="height:240px;">

 <p><b>Bio</b>: A former apple orchard farmer that ran away from his farmland home to a more metal-filled region.</p>
 <p><b>Personality</b>: Grumpy, but surprisingly patient.</p>
  <p><b>Vehicles</b>: Before Jimothy ended up in a steampunk-like area, he only knew how to drive a tractor. However, once he arrived, he quickly learned how to drive other vehicles. Then he became something of an Uber driver, and eventually became a driver instructor!</p>
 <p><b>Apples</b>: He hates them with an undying passion. For his entire childhood and teenagehood he was surrounded by apples… picking them…. eating them…. staring at them…. just the mere thought of apples is awful.</p>
<p><b>Elf</b>: He actually isn't human....... he's 1/20th part elf...! Due to this, he has the ability to eat leaves. Any leaves. Don’t ask about my thought process I don't know either.</p>
<p><b>Weapons</b>: (drives you over with a car) does this count </p>
<p><b><a href="https://toyhou.se/6193732.sirius-greyford">Sirius</a></b>: <i>"One of the most.. eccentric students I’ve had. Almost died in fact. I just hope he never drives on highways again."</i> (More context <a data-toggle="collapse" href="#BTN-MODAL">here</a>!)</p>

<!--MODAL CONTENT-->
<div class="collapse w-100 h-100 fade p-3" id="BTN-MODAL" style="position:absolute; top:0; left:0; background:rgba(0,0,0,0.8); z-index:2;">
  <!--div aligns content to center of screen-->
  <div class="mt-5 justify-content-center">

    <!--CARD CONTENT-->
    <div class="card w-75 p-3">
      <!--CLOSE BUTTON-->
      <a data-toggle="collapse" href="#BTN-MODAL" style="position:absolute; top:5px; right:15px;">✕</a>

  <p class="display-4 mb-2 ml-1"></p>

<p>Sirius was his driving student at one point. At their first meeting, he genuinely thought he was on drugs because of how he went into Maddened State from pure excitement. A few drug tests later (despite Sirius denying taking any), and he was in the clear to be taught how to drive. The lessons went smoothly for a few weeks, until it came to drive on the highway. Let’s just say…. a dramatic police chase, speeding, and a life or death situation ensued. </p>

<p>Sirius wasn’t allowed to drive on highways after that, but was able to obtain a basic license.</p>
    </div> <!--card content end-->

  </div> <!--div to align to center of screen end-->
</div> <!--modal content end-->

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

</div>
</div>
<a class="d-block text-right pt-1 faded" href="https://toyhou.se/2642675" style="font-size:10px;">
<i class="fal fa-code"></i>
</a>
</div>
</div>
</div>