1. Image Directory (code.)

    
    <div class="container">
<!------------------------------------------------------------------------------------------------------------------>
<!--- Credit, pls do not remove! ----->
<div class="row no-gutters align-items-center">
    <div class="col p-0"><hr class="m-0"></div>
    <div class="col-auto p-0">
      <a class="btn btn-outline-secondary border-0 py-1 px-2 text-right d-inline-block tooltipster" title="Code by CloudyCode" style="font-size:10px; font-weight:lighter;" href="https://toyhou.se/CloudyCode"><i class="fas fa-code"></i></a>
    </div>
  </div>
<!--- Credit, pls do not remove! ----->


<!---------------------------- ROW 1 --------------------------------------->
  <div class="row no-gutters justify-content-center">
  
<!---------------------------- FOLDER 1 --------------------------------------->
  <div class="col-md-5">
    <div class="card rounded-0 border-0 bg-faded m-1">
      <div class="card rounded-0 border-0 bg-faded m-1 text-center text-uppercase" style="height:200px; background-size:cover; background-position:left center; background-image:url('https://cdn.discordapp.com/attachments/826622921987719199/826623119153954866/placeholder2a.png');">
        <div class="w-100 h-100" style="position:absolute; top:0; left:0; background-color:#000000; opacity:0.8;">
          <a class="h-100 btn btn-outline-secondary btn-block rounded-0 border-0 justify-content-center align-items-center tooltipster" style="font-size:30px;" href="#" title="Title">
            <i class="far fa-circle pr-3"></i> Folder Name <i class="far fa-circle pl-3"></i>
          </a>
        </div>
      
    </div>
    </div>
  </div>
<!---------------------------- FOLDER 1 --------------------------------------->

<!---------------------------- FOLDER 2 --------------------------------------->
  <div class="col-md-5">
    <div class="card rounded-0 border-0 bg-faded m-1">
      <div class="card rounded-0 border-0 bg-faded m-1 text-center text-uppercase" style="height:200px; background-size:cover; background-position:left center; background-image:url('https://cdn.discordapp.com/attachments/826622921987719199/826623037176545290/PLACEHOLDER.png');">
        <div class="w-100 h-100" style="position:absolute; top:0; left:0; background-color:#000000; opacity:0.6;">
          <a class="h-100 btn btn-outline-secondary btn-block rounded-0 border-0 justify-content-center align-items-center tooltipster" style="font-size:30px;" href="#" title="Title">
            <i class="fas fa-circle pr-3"></i> Folder Name <i class="fas fa-circle pl-3"></i>
          </a>
        </div>
    </div>
    </div>
  </div>
<!---------------------------- FOLDER 2 --------------------------------------->
  
</div>
<!---------------------------- ROW 1 --------------------------------------->

<!---------------------------- ROW 2 --------------------------------------->
  <div class="row no-gutters justify-content-center">

<!---------------------------- FOLDER 2 --------------------------------------->
  <div class="col-md-5">
    <div class="card rounded-0 border-0 bg-faded m-1">
      <div class="card rounded-0 border-0 bg-faded m-1 text-center text-uppercase" style="height:200px; background-size:cover; background-position:left center; background-image:url('https://cdn.discordapp.com/attachments/826622921987719199/826623037176545290/PLACEHOLDER.png');">
        <div class="w-100 h-100" style="position:absolute; top:0; left:0; background-color:#000000; opacity:0.4;">
          <a class="h-100 btn btn-outline-secondary btn-block rounded-0 border-0 justify-content-center align-items-center tooltipster" style="font-size:30px;" href="#" title="Title">
            <i class="fas fa-square pr-3"></i> Folder Name <i class="fas fa-square pl-3"></i>
          </a>
        </div>
    </div>
    </div>
  </div>
<!---------------------------- FOLDER 2 --------------------------------------->
  
<!---------------------------- FOLDER 1 --------------------------------------->
  <div class="col-md-5">
    <div class="card rounded-0 border-0 bg-faded m-1">
      <div class="card rounded-0 border-0 bg-faded m-1 text-center text-uppercase" style="height:200px; background-size:cover; background-position:left center; background-image:url('https://cdn.discordapp.com/attachments/826622921987719199/826623119153954866/placeholder2a.png');">
        <div class="w-100 h-100" style="position:absolute; top:0; left:0; background-color:#000000; opacity:0.2;">
          <a class="h-100 btn btn-outline-secondary btn-block rounded-0 border-0 justify-content-center align-items-center tooltipster" style="font-size:30px;" href="#" title="Title">
            <i class="far fa-square pr-3"></i> Folder Name <i class="far fa-square pl-3"></i>
          </a>
        </div>
      
    </div>
    </div>
  </div>
<!---------------------------- FOLDER 1 --------------------------------------->
  
</div>
<!---------------------------- ROW 2 --------------------------------------->


<!------------------------------------------------------------------------------------------------------------------>
</div>