               </div>

                    <!-- Responsive Table -->
                    <div class="card mb-4">
                        <div class="card-header">
                            <h5 class="card-title mb-0">Responsive Table</h5>
                            <small class="text-muted">Wrap table in <code>.table-responsive</code> for horizontal scrolling</small>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
 