tests.html

---
layout: page
title: 'Tests (to delete later)'
---
<!-- START Log In -->
<div class="row justify-content-center">
    <div class="col-xl-2 col-xx-1 col-lg-2 col-md-6 col-sm-10 col-xs-12 p-4 vh-100">

        <!-- Add Filter  `btn-filter` -->
        <button class="badge btn btn-filter rounded-pill py-2 pe-2 text-body-emphasis fw-normal" data-bs-toggle="modal" href="#modalStart" type="button">
            Select Filter <i class="fa-solid fa-plus ms-1"></i>
          </button>

        <br />
        <hr />

        <!-- Badge Filter `btn-ghost` -->
        <a class="btn btn-ghost badge d-inline-flex badge-avatar hstack rounded-pill text-body-emphasis border border-secondary border-opacity-10 py-1" role="button">
            <!-- Left Side -->
            <i class="fa fa-calendar mx-2 text-secondary" aria-hidden="true"></i>
            <!-- Subtitle -->
            <span class="text-body-secondary me-1">Date</span>
            <!-- Title -->
            <span>12 January</span>
            <!-- Result -->
            <span class="text-body-secondary small mx-2">(27)</span>
            <!-- Close & Caret -->
            <span class="text-secondary opacity-75 ms-1 me-1">
              <i class="fa-solid fa-angle-down"></i>
            </span>
          </a>

          <br />
          <hr />

            <!-- Theme -->
            <div class="small text-white text-opacity-75 pb-3">Theme</div>
            <nav class="nav flex-column nav-pills mb-3">
                <button class="nav-link text-start" data-bs-theme-value="light" type="button">
                    <i class="fa-solid fa-fw fa-sun me-2"></i>
                    Light
                </button>
                <button class="nav-link text-start" data-bs-theme-value="dark" type="button">
                    <i class="fa-solid fa-fw fa-moon me-2"></i>
                    Dark
                </button>
            </nav>

    </div>
</div>
<!-- END Log In -->