> For the complete documentation index, see [llms.txt](https://nextgencss.gitbook.io/untitled/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextgencss.gitbook.io/untitled/components/card.md).

# Card

## Card

*This creates a basic Card component in HTML and CSS*

Use this component by adding `.card`class in element....

The `.card-title` class to give title to the card

And `.card-body` class to write body to the card

## Examples

```html
<div class="card">
    <h3 class="card-title">Hello</h3>
    <p class="card-body">Card Body</p>
</div>
```

<figure><img src="/files/3xJtvOEt6u8Rhjzs4TLx" alt=""><figcaption><p>OutPut</p></figcaption></figure>