tabFoir ange

<!-- [F2U] Tiny User by togedemaru | sylueon

Info:
- Remember to leave a comment on my forum post (https://toyhou.se/~forums/16.htmlcss-graphics/72125) if you use, thank you!
- Please do not redistribute or claim it as your own. Feel free to modify to your heart's content but credit must always remain regardless!
- Keep WYSIWYG off to install and edit!
- Tips:
- This layout uses bootstrap colors. See https://getbootstrap.com/docs/4.0/utilities/colors/ for more info.
- For links, replace '#' in <a href="#">link</a> with the appropriate url.
- Replace 'IMG URL HERE' with the url of the image.
- To change progress bar percents, alter 'width:50%' to the desired percentage.
- For info on the icons, see the font awesome website or my reference here: https://toyhou.se/3536712
- Enjoy my layouts? Support me on Ko-Fi at https://ko-fi.com/sylueon, I'd greatly appreciate it!

-->
<div class="container py-5">
<div class="row no-gutters justify-content-center">
<div class="col-lg-6 col-md-10 col-11 push-1 push-sm-0 p-2">

<!-- pagedoll -->
<div style="margin-left:-15%;position:absolute;margin-top:-15%;width:40%;height:300px;">
  <div class="d-none d-sm-block auto-align" style="height:10%;width:100%;"></div>
  <div style="background:url(https://qph.fs.quoracdn.net/main-qimg-b7b850821ad5579c2e53378535ff8609) center no-repeat;background-size:contain;height:300px;width:100%;"></div>
</div>

<!-- end pagedoll -->


<div class="row no-gutters bg-faded rounded table-responsive text-center px-3 p-sm-4" style="height:210px;">
<div class="col-9 d-flex push-3">
<div class="m-auto auto-align">
<div class="row no-gutters d-flex">
<!-- name -->
<span class="col-sm-auto text-left display-4 text-primary" style="font-size:1.5em;">
  Angel
</span>

<hr class="col w-100 mx-sm-3 mx-0 my-1 my-auto">

<!-- adjectives -->
<span class="col-sm-auto text-right pt-1 auto-align">15 . She/Her . USA</span>
</div>


<div class="table-responsive d-flex p-1 p-lg-0" style="height:105px;">
<div class="my-auto text-muted">
<!-- describe yourself -->
<p>Hey, I'm Angel! A 15 year old artist trying to make some change off of art.</p>

</div>
</div>

<!-- links -->
<p class="d-flex justify-content-around auto-align mt-2 mt-sm-0">
  <a href="#"><i class="fab fa-twitter"></i></a> <!-- twitter link -->
  <a href="#"><i class="fab fa-deviantart"></i></a>  <!-- da link -->
  <a href="#"><i class="fab fa-instagram"></i></a>  <!-- instagram link -->
  <a href="#"><i class="fab fa-tumblr"></i></a> <!-- tumblr link -->
</p>
</div>
</div>
</div>

<!-- credits -->
<div class="text-right p-1">
<small class="text-primary auto-align">
  <!-- pagedoll credit -->
  <a class="tooltipster" href="#" title="pagedoll"><i class="fal fa-paint-brush"></i></a>
  .
  <!-- code credit, do not remove -->
  <a class="tooltipster" href="/togedemaru" title="code"><i class="fal fa-bolt"></i></a>
</small>
</div>
</div>
</div>
</div>