</> Folder Navigation (Code)

<div style="margin-top: -28px; margin-left: -6px; width: 100%; margin-bottom: 25px">

<div class="mb-2 col-12 d-flex flex-wrap justify-content-around align-items-center text-center" style="background-color: #5A5354; min-height: 50px;"> <!-- change background-color for nav background color -->

<!------------------- Duplicate for each nav item -------------------------------->

<a href="#" style="color: #ffffff; padding: 5px 5px;"> <!-- put link to folder where '#', change color hex for different text colors -->

<i class="fa-solid fa-house"></i> <!-- Font awesome icon -->

<span class="d-none d-md-inline">{{Name}}</span> <!-- Name on bigger screens -->

<span class="d-md-none">{{!Mobile Name!}}</span> <!-- Name on small screens, leave empty or delete to only show the icon -->

</a>

<!----- end duplicate area ----->

</div>

<!--Credit do not remove-->

<div class="d-flex justify-content-end" style="width:100%;">

<a href="https://toyhou.se/25121242.folder-navigation">

<i class="fa-solid fa-code" style="color: #5A5354"></i> <!--change color to change the color of the credit symbol-->

</a>

</div>

</div>