            <p class="text-body-secondary mb-4">Provide contextual feedback messages for typical user actions.</p>
          </section>


          <!-- Basic example -->
          <section id="alerts-basic" class="cd-section pb-sm-2 mb-5">
            <h4>Basic example</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>
              <div class="card-body position-relative