Stor8

<!----------------------------------------------------------------
      SIMPLE FOLDER DESCRIPTION
      Profile by HTMLobster (noll)
      
      
      TOS:
      Do not remove my credit. You may edit it, however.
      You may edit code/frankenstein with others as long as their TOS allows!
      Turn off WYSIWYG and turn on Code Editor.
      Ask me if you want to redistribute edits. Must be F2U.
------------------------------------------------------------------>
<div class="container" style="max-width:600px;">
  <div class="bg-primary rounded-top p-2 pt-3 row no-gutters">
    <!-- Folder Name -->
    <h1 class="col-auto text-white" style="font-size:2em;">Folder Name</h1>
    <hr class="col mx-2 text-dark" style="border-top:1px solid;">
    <!-- Folder symbol -->
    <h1 class="col-auto text-white" style="font-size:2em;"><i class="fas fa-star"></i></h1>
  </div>
  <!-- Main content -->
  <div class="bg-faded">
    <div>
      <div class="p-2" style="max-height:245px; overflow-y:auto; scrollbar-width:thin;">
        <!-- Warning -->
        <div class="alert alert-warning mb-1">
          Trigger/sensitive content warning. Describe warning here.
        </div>
        <!-- Warning end -->
        <!-- Folder description -->
        <div>
          <p>Describe your folder here. Can be as long as you want since it will scroll.</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vehicula a augue nec hendrerit. Pellentesque ipsum nisl, lacinia molestie nulla sed, mattis cursus arcu. Vestibulum interdum aliquam lacus vel luctus.</p>
          <p>Nullam at augue nec lorem ornare pellentesque non quis ligula. Donec id risus in orci pretium mollis quis nec erat. Vestibulum ut lectus nec eros tincidunt molestie. Etiam faucibus nisi et venenatis fermentum.</p>
          <p>Praesent bibendum mollis dolor sed tincidunt. Praesent eu auctor leo. Integer ex orci, fringilla ut est sed, euismod cursus mi. Nunc ut ullamcorper sapien. Nullam aliquam ex felis, vitae feugiat lacus dictum ut. Donec varius eleifend lobortis. Praesent ut felis luctus, gravida urna a, tempus odio.</p>
        </div>
        <!-- Folder description end -->
      </div>
    </div>
  </div>
  <div class="bg-primary p-1 rounded-bottom text-center">
    <!-- Keywords/tags -->
    <div class="text-center">
      <!-- Keyword 1 -->
      <span class="badge badge-pill bg-dark" style="font-size:1.2em;">keyword</span>
      <!-- Keyword 2 -->
      <span class="badge badge-pill bg-dark" style="font-size:1.2em;">keyword</span> 
      <!-- Keyword 3 -->
      <span class="badge badge-pill bg-dark" style="font-size:1.2em;">keyword</span>
    </div>
  </div>
  <div class="text-center">
    <a href="https://toyhou.se/HTMLobster" data-toggle="tooltip" title="layout by noll" style="font-size:.8em;"><i class="fas fa-code"></i></a>
  </div>
</div>