nao

<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:#756000;background-image:url('https://i.etsystatic.com/18592205/r/il/b46c41/2890417663/il_fullxfull.2890417663_8zod.jpg');background-blend-mode:soft-light;background-position:center;background-size:cover;">

<div class="col-md-4">
Nao [直]
</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/7865438?1606406559" 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">Nao [直]</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">16</span>
</div>
<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Height</span>
<span class="text-muted">5'2" | 157 cm</span>
</div>
<div class="justify-content-between my-auto p-1">
<span class="text-uppercase">Species</span>
<span class="text-muted"><a href="https://toyhou.se/~world/59426.squirmsapiens">SquirmSapien</a></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:210px;">

  <p><b>Biography</b>: Nao is a friendly person that gives off a somewhat average aura! At first glance, he doesn’t seem like the strong, athletic type, though you'd be wrong - he could totally K.O. you. He can also be untidy and messy at times, but otherwise he’s pretty organized... probably. </p>

<hr>

<b>Trivia:</b>
<ul class="pl-4 mb-0">
<li class="mb-2">The hanzi (Chinese writing) on his alternate outfit means “worm string” or “string worm.”</li>
<li class="mb-2">While he's a SquirmSapien, he can be drawn as a normal human too! I don't really think about his worm-species form as much these days LOL.</li>


</ul>

</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>