Card

Cards provide a flexible and extensible content container with multiple variants and options.

Basic Card

Use this example to quote an external source inside a blockquote element.

Image Description

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere 
<div class="card shadow">
                                    <img class="w-full h-auto rounded-t-md" src="../assets/images/blog/blog-img-1.jpg" alt="Image Description" />
                                    <div class="card-body">
                                    <h3 class="text-lg font-bold">Card title</h3>
                                    <p class="mt-1">Some quick example text to build
                                    on the card title and make up the bulk of the card's content.</p>
                                    <a class="mt-2 btn gap-x-2 bg-indigo-600 text-white
                                          border-indigo-600 disabled:opacity-50 disabled:pointer-events-none
                                          hover:bg-indigo-800 hover:border-indigo-800 active:bg-indigo-800
                                          active:border-indigo-800 focus:outline-none focus:ring-4
                                          focus:ring-indigo-300" href="#">Go somewhere</a>
                                    </div>
                                    </div>
Buy Pro