Profile
<!-----Background-------->
<div class="card rounded-0 px-0" style="background: url(https://www.citypng.com/public/uploads/small/11639421823dl69dkbt5pvko5benberm5bcs4u6eegg8lffzyfj4pktm7qlihohei9sff3gtlmm5zbldfqq0koly6yxg9n5bd6t4yrufyaqh6ex.png) center; color:#BDBDBD;">
<!----background end---->
<!--ROW 1-->
<div class="row no-gutters justify-content-center">
<!--NAME-->
<div class="card bg-faded border-0 rounded-6 p-1 h-100" style="min-height: 250px; max-width: 250px;">
<div class="card border-0 rounded-6 text-center text-muted p-2">
<h1 class="m-0">NAME</h1>
<div>age . pro<span style="font-size: 0.9rem;">nouns . species</span></div>
<div>
<br>
</div><img src="https://cdn-cosmos.bluesoft.com.br/products/8637689031807" class="rounded float-left fr-dib fr-rounded" width="116" height="116"></div>
<div class="card border-0 rounded-0 text-center text-muted p-2">
<div>short description goes here! this will expand tho</div>
</div>
</div>
</div>
<!--CARD1 end-->
<div>
<br>
</div>
<!--ROW 2-->
<div class="row no-gutters justify-content-center">
<!--TRIVIA-->
<div class="card bg-faded border-0 rounded-6 p-1 " style="min-height: 250px; max-width: 250px;">
<div class="card border-0 rounded-6 text-center text-muted p-2" style="min-height: 210px; max-width: 250px;">
<h1 class="m-0">TRIVIA</h1>
<div>
<br>
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>this</li>
<li>will</li>
<li>expand</li>
</ul>
</div>
</div>
</div>
<!--ROW 2 end-->
</div>
<!----Credits---->
<p class="text-right"><a href="https://toyhou.se/Mi_Lines"><i class="fal fa-solid fa-cat tooltipster text-muted" title="code by mi_lines"></i></a></p>
<!----end. thx for using---->
</div>