> 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 in NextGenCSS!!!

## 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="https://2921085085-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg5nbtYYIYcbVnZhdfLY2%2Fuploads%2Fgit-blob-c3b65d6fbebdbe46ade0ed0c648ae680b98a3c82%2Fimg5.png?alt=media" alt=""><figcaption><p>OutPut</p></figcaption></figure>