what the

<!---

hi!!!

bg: #555;
border & text: #fff
accent: #111


---->


<div align="center">

    <div class="table-responsive card p-2 border-0 rounded-0" style="background-color:#555; width:400px; height:500px;">
        <div align="center">

        <hr style="border-color:#fff; border-width:2px">

        <img src="IMG_LINK" class="rounded-circle; img-thumbnail" style="max-width:200px;">

        <hr style="border-color:#fff; border-width:2px">

        <h1><span style="color:#111">USERNAME</span> <i>!!</i></h1>

        <hr style="border-color:#fff; width:200px">
<div class="justify-content-between;">
 <span class="text-uppercase" style="color:#111">
   NAME
 </span>
   <span style="color:#444">——————</span>
 <span style="color:#fff">
  content
 </span>
</div>
<!--SECOND ITEM-->
<div class="justify-content-between;">
 <span class="text-uppercase" style="color:#111">
  AGE
 </span>
   <span style="color:#444">——————</span>
 <span style="color:#fff">
  content
 </span>
</div>
<!--THIRD ITEM-->
<div class="justify-content-between;">
 <span class="text-uppercase" style="color:#111">
  IDENTITY
 </span>
   <span style="color:#444">——————</span>
 <span style="color:#fff">
  gender/prns
 </span>
</div>
<!-- -->
<div class="justify-content-between;">
 <span class="text-uppercase" style="color:#111">
  ETC
 </span>
   <span style="color:#444">——————</span>
 <span style="color:#fff">
  content
 </span>
</div>
<!-- -->
<div class="justify-content-between;">
 <span class="text-uppercase" style="color:#111">
  ETC
 </span>
   <span style="color:#444">——————</span>
 <span style="color:#fff">
  content
 </span>
</div>

 <hr style="border-color:#fff; width:200px">

<blockquote>

    <h1 style="color:#fff">
       <i class="fas fa-quote-left"></i> —
        <i> song lyrics here.. </i>
      — <i class="fas fa-quote-right"></i>

      <span>
          <a href="SONG_LINK">
              <i class="fas fa-play-circle" data-toggle="tooltip" title="song name - artist"></i>
          </a>
      </span>
    </h1>

</blockquote>

<hr style="border-color:#fff; width:200px">

<p style="color:#fff">funny text here</p>


<hr style="border-color:#fff; width:200px">

<a href="DEVIANTART">
    <i class="fab fa-deviantart fa-2x"></i>
</a>
<a href="TWITTER">
    <i class="fab fa-twitter fa-2x"></i>
</a>
<a href="TUMBLR">
    <i class="fab fa-tumblr fa-2x"></i>
</a>
<a href="DISC_SERVER">
    <i class="fab fa-discord fa-2x" data-toggle="tooltip" title="NAME#0000"></i>
</a>

<hr style="border-color:#fff; border-width:2px">

<a href="https://toyhou.se/AEVANSAETHER">
    <i class="fas fa-code fa-2x" data-toggle="tooltip" title="CODE BY AEVANSAETHER"></i>
</a>

        </div>
    </div>

</div>