Profile
<!-- SHORT n' SWEET: coded by @mrpuppychow — layout design by @ShiramiMBW -->
<div class="card mx-auto col-md-6" style="background:#aaa;border-radius:50px 50px 5px 5px;padding:15px;">
<!-- header area -->
<div class="clearfix" style="position:relative;display:block;background-image:url(image link);background-position:center center;background-size:100%;height:100px;margin-bottom:70px;border-radius:35px 35px 0 0;">
<div class="w-100 text-center" style="position:absolute;top:50px;">
<img style="height:100px;width:100px;border:5px solid #aaa;" src="image link" class="d-block mx-auto rounded-circle"></div>
</div>
<!-- card area -->
<div class="card-outline mb-3 mx-5" style="border-radius:20px;border:2px solid white;">
<div class="card-title px-2 pt-2 mb-0 text-center"><h2 class="display-4">Name</h2></div>
<hr class="my-2" style="border-top:2px solid white;">
<div class="card-body px-2 pb-2">
<ul class="gallery-row mx-0 flex-column"><li>Age:<div class="float-right">99</div></li>
<li>Species:<div class="float-right">dog</div></li>
<li>Gender:<div class="float-right">male</div></li>
<li>Pronouns:<div class="float-right">he/him</div></li>
<li>Alignment:<div class="float-right">lawful neutral</div></li>
<li class="text-center">
<a style="position:relative;z-index:2;color:inherit;font-size:30px;line-height:1em;overflow:hidden !important;">
<iframe style="opacity:0;position:absolute;top:0px;" src="youtube embed link" frameborder="0"></iframe>
<i class="fas fa-music" style="z-index:-1;text-align:center;"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- palette area -->
<div class="nav nav-justified mb-3">
<div class="nav-item p-2 mr-2 h-0 rounded" style="background:#cc99c9;"></div>
<div class="nav-item p-2 mx-2 h-0 rounded" style="background:#9ec1cf;"></div>
<div class="nav-item p-2 mx-2 h-0 rounded" style="background:#9ee09e;"></div>
<div class="nav-item p-2 mx-2 h-0 rounded" style="background:#fdfd97;"></div>
<div class="nav-item p-2 mx-2 h-0 rounded" style="background:#feb144;"></div>
<div class="nav-item p-2 ml-2 h-0 rounded" style="background:#ff6663;"></div>
</div>
<!-- gallery area -->
<div class="row mx-0">
<div class="col-6 p-2 mx-auto"><img class="img-rounded" src="image link"></div>
<div class="col-6 p-2 mx-auto"><img class="img-rounded" src="image link"></div>
<div class="col-6 p-2 mx-auto"><img class="img-rounded" src="image link"></div>
<div class="col-6 p-2 mx-auto"><img class="img-rounded" src="image link"></div>
</div>
</div>
<!-- my humble credit button -->
<div class="mx-auto col-md-6 p-0"><a class="badge badge-primary" href="https://toyhou.se/6599418.short-n-sweet"></<i class="fas fa-paw small"></i>></a></div>