<div class="row">
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card">
                        <img src="https://picsum.photos/1000/600" class="card-img-top" alt="...">
                        <div class="card-body">
                            <p class="h5 card-title">Card title</p>
                            <p class="card-text text-secondary">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-theme">Button</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card">
                        <div class="card-body">
                            <p class="h5 card-title mb-3">Card title</p>
                            <img src="https://picsum.photos/1000/600" class="mw-100 rounded mb-2" alt="...">
                            <p class="card-text text-secondary">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-theme">Button</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card">
                        <div class="card-body">
                            <p class="h5 card-title">Card title</p>
                            <p class="card-text text-secondary">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-theme">Button</a>
                        </div><img src="https://picsum.photos/1000/600" class="card-img-bottom" alt="...">
                    </div>
                </div>
            </div>
                                

            <div class="row align-items-center">
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card text-center">
                        <div class="card-header">
                            Featured
                        </div>
                        <div class="card-body">
                            <p class="h5 card-title">Special title treatment</p>
                            <p class="card-text text-secondary">With supporting text below as a natural lead-in to additional content.</p>
                            <a href="#" class="btn btn-theme">Button</a>
                        </div>
                        <div class="card-footer text-body-secondary">
                            2 days ago
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card border text-center">
                        <div class="card-header">
                            Featured
                        </div>
                        <div class="card-body">
                            <p class="h5 card-title">Special title treatment</p>
                            <p class="card-text text-secondary">With supporting text below as a natural lead-in to additional content.</p>
                            <a href="#" class="btn btn-theme">Button</a>
                        </div>
                        <div class="card-footer text-body-secondary">
                            2 days ago
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card shadow-sm text-center">
                        <div class="card-header">
                            Featured
                        </div>
                        <div class="card-body">
                            <p class="h5 card-title">Special title treatment</p>
                            <p class="card-text text-secondary">With supporting text below as a natural lead-in to additional content.</p>
                            <a href="#" class="btn btn-theme">Button</a>
                        </div>
                        <div class="card-footer text-body-secondary">
                            2 days ago
                        </div>
                    </div>
                </div>
            </div>
                                

            <div class="row align-items-center">
                <div class="col-12 col-md-6">
                    <div class="card adminuiux-card border text-center">
                        <div class="card-header border-bottom">
                            <ul class="nav nav-tabs card-header-tabs">
                                <li class="nav-item">
                                    <a class="nav-link active" aria-current="true" href="#">Active</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#">Link</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link disabled" aria-disabled="true">Disabled</a>
                                </li>
                            </ul>
                        </div>
                        <div class="card-body">
                            <p class="h5 card-title">Special title treatment</p>
                            <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                            <a href="#" class="btn btn-theme">Button</a>
                        </div>
                        <div class="card-footer text-body-secondary">
                            2 days ago
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="card adminuiux-card border text-center">
                        <div class="card-header border-bottom">
                            <ul class="nav nav-pills card-header-pills">
                                <li class="nav-item">
                                    <a class="nav-link active" aria-current="true" href="#">Active</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#">Link</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link disabled" aria-disabled="true">Disabled</a>
                                </li>
                            </ul>
                        </div>
                        <div class="card-body">
                            <p class="h5 card-title">Special title treatment</p>
                            <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                            <a href="#" class="btn btn-theme">Button</a>
                        </div>
                        <div class="card-footer text-body-secondary">
                            2 days ago
                        </div>
                    </div>
                </div>
            </div>
                                

            <div class="row align-items-center">
                <div class="col-12 col-md-6">
                    <div class="card">
                        <div class="row g-0">
                            <div class="col-md-4">
                                <div class="h-100 w-100 rounded-start coverimg">
                                    <img src="https://picsum.photos/1000/600" class="img-fluid " alt="...">
                                </div>
                            </div>
                            <div class="col-md-8">
                                <div class="card-body">
                                    <p class="h5 card-title">Card title</p>
                                    <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
                                    <p class="card-text"><small class="text-body-secondary">Last updated 3 mins ago</small></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="card">
                        <div class="row g-0">
                            <div class="col-md-8">
                                <div class="card-body">
                                    <p class="h5 card-title">Card title</p>
                                    <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
                                    <p class="card-text"><small class="text-body-secondary">Last updated 3 mins ago</small></p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="h-100 w-100 rounded-end coverimg">
                                    <img src="https://picsum.photos/1000/500" class="img-fluid " alt="...">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                                

            <div class="row">
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card bg-theme-1 mb-3">
                        <div class="card-header">
                            <p class="h5 card-title">Card title</p>
                        </div>
                        <div class="card-body">
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-light">Button</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card bg-theme-accent-1 mb-3">
                        <div class="card-header">
                            <p class="h5 card-title">Card title</p>
                        </div>
                        <div class="card-body">
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-outline-light">Button</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card bg-danger text-white mb-3">
                        <div class="card-header">
                            <p class="h5 card-title">Card title</p>
                        </div>
                        <div class="card-body">
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-outline-light">Button</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card bg-theme-r-gradient mb-3">
                        <div class="card-header">
                            <p class="h5 card-title">Card title</p>
                        </div>
                        <div class="card-body">
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-accent">Button</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card bg-theme-accent-r-gradient mb-3">
                        <div class="card-header">
                            <p class="h5 card-title">Card title</p>
                        </div>
                        <div class="card-body">
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-theme">Button</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card bg-theme-l-gradient mb-3">
                        <div class="card-header">
                            <p class="h5 card-title">Card title</p>
                        </div>
                        <div class="card-body">
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-theme">Button</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card bg-gradient-4 mb-3">
                        <div class="card-header">
                            <p class="h5 card-title">Card title</p>
                        </div>
                        <div class="card-body">
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-theme">Button</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card bg-gradient-8 mb-3">
                        <div class="card-header">
                            <p class="h5 card-title">Card title</p>
                        </div>
                        <div class="card-body">
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-theme">Button</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card bg-gradient-1 mb-3">
                        <div class="card-header">
                            <p class="h5 card-title">Card title</p>
                        </div>
                        <div class="card-body">
                            <p class="card-text text-secondary">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-theme">Button</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card bg-success-subtle mb-3">
                        <div class="card-header">
                            <p class="h5 card-title">Card title</p>
                        </div>
                        <div class="card-body">
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-success">Button</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card bg-warning-subtle mb-3">
                        <div class="card-header">
                            <p class="h5 card-title">Card title</p>
                        </div>
                        <div class="card-body">
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-warning">Button</a>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="card adminuiux-card bg-info-subtle mb-3">
                        <div class="card-header">
                            <p class="h5 card-title">Card title</p>
                        </div>
                        <div class="card-body">
                            <p class="card-text text-secondary">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                            <a href="#" class="btn btn-info">Button</a>
                        </div>
                    </div>
                </div>
            </div>