Toyhou.se Basecode: Vanilla

<!-- Sticky Navigation -->
<div style="margin:0;padding:0 0.5rem;line-height:38px;height:40px;position:fixed;left:0;top:0;width:100%;overflow: hidden; color: #909294;background:#212529;z-index:25000;">

  <ul style="margin: 0; padding: 0; position: relative; Width: 100%; display: block">

    <li style="display: inline-block;">
        <a href="#" target="_blank" style="color: rgba(255, 255, 255, 0.5);">
            <span class="fa fa-home"></span> Profile
        </a>
    </li>

    <li style="display: inline-block;" class="ml-2">
        <a href="https://toyhou.se/Aly/characters" target="_blank" style="color: rgba(255, 255, 255, 0.5);">
            <span class="fa fa-users"></span> Characters
        </a>
    </li>

    <li style="display: inline-block;" class="ml-2">
        <a href="https://toyhou.se/Aly/links" target="_blank" style="color: rgba(255, 255, 255, 0.5);">
            <span class="fa fa-link"></span> Links
        </a>
    </li>

    <li style="display: inline-block;" class="ml-2">
        <a href="https://toyhou.se/Aly/favorites" target="_blank" style="color: rgba(255, 255, 255, 0.5);">
            <span class="fa fa-star"></span> Favorites
        </a>
    </li>

    <li style="display: inline-block;" class="ml-2">
        <a href="https://toyhou.se/Aly/comments" target="_blank" style="color: rgba(255, 255, 255, 0.5);">
            <span class="fa fa-comment"></span> Comments
        </a>
    </li>

    <li style="display: inline-block;" class="ml-2">
        <a href="https://toyhou.se/Aly/stats" target="_blank" style="color: rgba(255, 255, 255, 0.5);">
            <span class="fa fa-chart-bar"></span> Stats
        </a>
    </li>

  </ul>

  </div>
<!-- END Sticky Navigation -->



<!-- Full HTML Container -->
<div class="flex-row" style="position:relative;float:right;margin: -15px -15px -15px -20vw; padding-left:15px; background-color: #f5f3ff;">

  <div style="width:100vw;margin:0 auto">
    <div style="width:100%;overflow:hidden;display:inline-table;vertical-align:top;text-align:center;">
      <div style="height:100vh;width:100%;vertical-align:middle;display:table-cell;text-align:center;">



<!-- Custom Content -->
<div class="row" style="max-width:90%;margin:0 auto;text-align:center;">

  <div class="col-lg-6 col-md-8 col-sm-12" style="margin: 0 auto;">
    <div class="text-light pt-4">
      <div class="m-0 p-4 bg-light" style="border-radius:0.5rem;box-shadow: 0 1rem 1rem rgba(191, 186, 215, 0.5);">
        <div class="row m-0 p-0" style="width:100%;">

          <div class="col-lg-12 text-muted">

            <h1>"Vanilla"</h1>
            Basic HTML Basecode for Centered Profile + Sticky Navigation by <a href="https://toyhou.se/Aly">aly</a>

            </div>

        </div>
      <div>
    </div>
  </div>

</div>
<!-- END Custom Content -->



      </div>
    </div>
  </div>

<!-- Credit -->
    <div style="color: rgba(191, 186, 215, 0.5); position: absolute; right: 0; bottom: 0; margin: 0 1rem 1rem 0; font-size: 10px; text-decoration: none; font-family: Calibri; letter-spacing: 0.025rem;">
      vanilla basecode <a href="https://toyhou.se/Aly" target="_blank">aly</a>
    </div>
<!-- END Credit -->

    </div>
  </div>
</div>
<!-- END Full Container -->