#### Cards

##### Card title

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

Button

##### Card title

Some quick example text to build on the card..

- Cras justo odio

Card link Another link

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

Button

##### Card title

###### Support card subtitle

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

Card link Another link

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

###### Featured

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
Quote

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Featured
Go somewhere

#### Card Colored

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Button

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

#### Card Bordered

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Button

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Button

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Button

#### Horizontal Card

##### Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

##### Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

#### Stretched link

##### Card with stretched link

Go somewhere

##### Card with stretched link

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

##### Card with stretched link

Go somewhere

##### Card with stretched link

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

#### Card Group

##### Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

##### Card title

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

##### Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Last updated 3 mins ago

#### Card Decks

##### Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

##### Card title

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

##### Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Last updated 3 mins ago

#### Custom Card Portlets

##### Card title

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

##### Card title

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

##### Card title

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

                                                            <div class="row">
                                                                <div class="col-md-4">
                                                                    <!-- Portlet card -->
                                                                    <div class="card mb-md-0 mb-3">
                                                                        <div class="card-body">
                                                                            <div class="card-widgets">
                                                                                <a href="javascript:;" data-bs-toggle="reload"><i class="mdi mdi-refresh"></i></a>
                                                                                <a data-bs-toggle="collapse" href="#cardCollpase1" role="button" aria-expanded="false" aria-controls="cardCollpase1"><i class="mdi mdi-minus"></i></a>
                                                                                <a href="#" data-bs-toggle="remove"><i class="mdi mdi-close"></i></a>
                                                                            </div>
                                                                            <h5 class="card-title mb-0">Card title</h5>

                                                                            <div id="cardCollpase1" class="collapse pt-3 show">
                                                                                ...
                                                                            </div>
                                                                        </div>
                                                                    </div> <!-- end card-->
                                                                </div><!-- end col -->

                                                                <div class="col-md-4">
                                                                    <!-- Portlet card -->
                                                                    <div class="card bg-primary text-white mb-md-0 mb-3">
                                                                        <div class="card-body">
                                                                            <div class="card-widgets">
                                                                                <a href="javascript:;" data-bs-toggle="reload"><i class="mdi mdi-refresh"></i></a>
                                                                                <a data-bs-toggle="collapse" href="#cardCollpase2" role="button" aria-expanded="false" aria-controls="cardCollpase2"><i class="mdi mdi-minus"></i></a>
                                                                                <a href="#" data-bs-toggle="remove"><i class="mdi mdi-close"></i></a>
                                                                            </div>
                                                                            <h5 class="card-title mb-0">Card title</h5>

                                                                            <div id="cardCollpase2" class="collapse pt-3 show">
                                                                                ...
                                                                            </div>
                                                                        </div>
                                                                    </div> <!-- end card-->
                                                                </div><!-- end col -->

                                                                <div class="col-md-4">
                                                                    <!-- Portlet card -->
                                                                    <div class="card bg-success text-white mb-0">
                                                                        <div class="card-body">
                                                                            <div class="card-widgets">
                                                                                <a href="javascript:;" data-bs-toggle="reload"><i class="mdi mdi-refresh"></i></a>
                                                                                <a data-bs-toggle="collapse" href="#cardCollpase3" role="button" aria-expanded="false" aria-controls="cardCollpase3"><i class="mdi mdi-minus"></i></a>
                                                                                <a href="#" data-bs-toggle="remove"><i class="mdi mdi-close"></i></a>
                                                                            </div>
                                                                            <h5 class="card-title mb-0">Card title</h5>

                                                                            <div id="cardCollpase3" class="collapse pt-3 show">
                                                                                ...
                                                                            </div>
                                                                        </div>
                                                                    </div> <!-- end card-->
                                                                </div><!-- end col -->
                                                            </div>
                                                            <!-- end row -->

##### Settings

Customize the overall color scheme, sidebar menu, etc.

##### Color Scheme

Light Mode
Dark Mode

##### Width

Fluid
Boxed

##### Left Sidebar

Default
Light
Dark
Fixed
Condensed
Scrollable
Purchase Now