Notes

<div class="container px-lg-4 mt-3">
<div class="card card-block pb-1 bg-faded rounded-0" style="font-family:helvetica, sans-serif; letter-spacing: .55px;">
<div class="row">
<div class="col-md-4 mb-3">
<!----------- FOCAL IMAGE -- WILL SCALE & CROP WITH SCREEN SIZE -- JUST SHOVE A BIG IMAGE IN HERE --->
<div class="card rounded-0 h-100" style="background-image:url(https://file.toyhou.se/images/7907412_CdFXe3zjJ6NQqGu.jpg);background-size:cover;background-position:center 0;background-repeat:no-repeat;min-height:320px;"> </div>
</div>

<div class="col-md-8 mb-3">
<div class="card card-block rounded-0 d-block text-center mb-3">
<!--------------------- TITLE & ADJECTIVES ------------------------------------------------->
<h1 class="display-4" style="font-variant:small-caps; letter-spacing:2px;">Maribeth</h1>
<hr class="my-2">
<p style="font-variant:small-caps; font-weight: 300;">"Well golly, that's pretty darn terrible! Want me to stab 'em?"</p>
</div>

<div class="card rounded-0">
<!----------------------- BASICS ------------------------------------------------------->
<div class="card-block pb-2">
<div class="row">
<div class="col-sm-2 col-5 text-right px-0" style="font-variant:small-caps; letter-spacing:1px;">
Name:
</div>
<div class="col-sm-4 col-7 align-bottom mb-3">
Maribeth
</div>

<div class="col-sm-2 col-5 text-right px-0" style="font-variant:small-caps; letter-spacing:1px;">
Called:
</div>
<div class="col-sm-4 col-7 mb-3">
Mari
</div>
</div>

<div class="row">
<div class="col-sm-2 col-5 text-right px-0" style="font-variant:small-caps; letter-spacing:1px;">
Age:
</div>
<div class="col-sm-4 col-7 mb-3">
??? (Host is 10)
</div>

<div class="col-sm-2 col-5 text-right px-0" style="font-variant:small-caps; letter-spacing:1px;">
DoB:
</div>
<div class="col-sm-4 col-7 mb-3">
???
</div>
</div>

<div class="row">
<div class="col-sm-2 col-5 text-right px-0" style="font-variant:small-caps; letter-spacing:1px;">
Gender:
</div>
<div class="col-sm-4 col-7 mb-3">
Female
</div>

<div class="col-sm-2 col-5 text-right px-0" style="font-variant:small-caps; letter-spacing:1px;">
Race/Species:
</div>
<div class="col-sm-4 col-7 mb-3">
Honedge (possessing a human)
</div>
</div>

<div class="row">
<div class="col-sm-2 col-5 text-right px-0" style="font-variant:small-caps; letter-spacing:1px;">
Pronouns:
</div>
<div class="col-sm-4 col-7 mb-3">
She/Her/They/Them/It
</div>

<div class="col-sm-2 col-5 text-right px-0" style="font-variant:small-caps; letter-spacing:1px;">
Orientation:
</div>
<div class="col-sm-4 col-7 mb-3">
???
</div>
</div>

<div class="row">
<div class="col-sm-2 col-5 text-right px-0" style="font-variant:small-caps; letter-spacing:1px;">
Voiceclaim:
</div>
<div class="col-sm-4 col-7 mb-3">
<a href="LINK" target="_BLANK">♩ ♪ ♫</a>
</div>

<div class="col-sm-2 col-5 text-right px-0" style="font-variant:small-caps; letter-spacing:1px;">
Theme:
</div>
<div class="col-sm-4 col-7 mb-3">
<a href="LINK" target="_BLANK">♩ ♪ ♫</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-md-6 mb-3">
<!-------------------- LIKES ------------------------------------------>
<div class="card card-block d-block pb-1 rounded-0 h-100">
<h1 style="font-variant:small-caps; font-weight: 300;">Likes</h1>
<hr class="mt-2 mb-3">
<ul class="mb-0" style="font-size: .92em;">
<li class="mb-2">content</li>
<li class="mb-2">content</li>
<li class="mb-2">content</li>
<li class="mb-2">content</li>
</ul>
</div>
</div>

<div class="col-md-6 mb-3">
<!-------------------- DISLIKES ------------------------------------------>
<div class="card card-block d-block pb-1 rounded-0 h-100">
<h1 style="font-variant:small-caps; font-weight: 300;">Dislikes</h1>
<hr class="mt-2 mb-3">
<ul class="mb-0" style="font-size: .92em;">
<li class="mb-2">content</li>
<li class="mb-2">content</li>
<li class="mb-2">content</li>
<li class="mb-2">content</li>
</ul>
</div>
</div>
</div>

<div class="row">
<div class="col-12 mb-3">
<!---------------- ABOUT BLOCK ----- GROWS WITH CONTENT ------------------------>
<div class="card card-block d-block rounded-0 text-justify">
<h1 style="font-variant:small-caps; font-weight: 300;">About</h1>
<hr class="mt-2 mb-3">
<p>Despite her size, and appearance, Mari has a big mouth and an extreme amount of skill and knowledge. She is very skilled with a sword. Mari herself, is in fact a pokemon. Although she appears human, it is simply her permanent host and she is still capable of using her pokemon moves. Even if she leaves her host and returns to her sword form, she can always return later, as the host's life force will remain in her possession. She is very excitable and loud, but also extremely boastful and short tempered. It is not hard to get her angered or riled up, and she is extremely competitive. Maribeth would do almost anything to prove her point, even if it meant setting aside all common sense. She is also incredibly loyal to those she deeply cares about, but is nevertheless prideful. She can be very stubborn, and almost always rushes head first without thinking about the situation. This can paint her out to be a bit of a brat from time to time, but HATES losing.</p>
<p>Moveset: Shadow Sneak, Double Team, Protect, Retaliate</p>
</div>
</div>
</div>
</div>
<p class="text-right small mt-3" style="letter-spacing:1px;">HTML by @lowkeywicked</p>
</div>