text-body-secondary mb-4">Automatically update navigation or list group components based on scroll position to indicate which link is currently active in the viewport.</p>
          </section>


          <!-- Navbar -->
          <section id="scrollspy-navbar" class="cd-section pb-sm-2 mb-5">
            <h4>Navbar</h4>
            <div class="card border-0 shadow">
              <span class="d-none d-block-dark position-absolute top-0 start-0 w-100 h-100 bg-dark rounded" style="opacity: .4"></span>
      