# کارد

از کارد برای نمایش داده ها استفاده میشه.

#### عنوان کارت

محتوای مربوط به کارت.

#### Card Action Button

محتوای مربوط به کارت.

#### عنوان کارت

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

Card link Another link

#### Footer `bg-whitesmoke`

محتوای مربوط به کارت.

## Card Variants

Basically, the Bootstrap card can be given a color variant.

#### هدر کارت

Card `.card-primary`

#### هدر کارت

Card `.card-secondary`

#### هدر کارت

Card `.card-danger`

#### هدر کارت

Card `.card-warning`

#### هدر کارت

Card `.card-info`

#### هدر کارت

Card `.card-success`

#### هدر کارت

Card `.card-light`

#### هدر کارت

Card `.card-dark`

## Card Button & Input

Also, you can give a button or input on the card header.

#### هدر کارت

View All

Write something here

#### Button Group

Home Profile Setting

Write something here

#### Input Text

Write something here

#### هدر کارت

View All Delete All

Write something here

#### Dropdown Button

View All
Options

Write something here

#### Input Button

Write something here

## Functionality Card

You can provide functionality on the card.

#### Show/Hide

You can show or hide this card.

#### My Picture

View All
Click the picture below to see the magic!

#### Dismiss

You can dimiss this card.

#### لاگین

روی دکمه لاگین کلیک کنید تا کارت به حالت پراگرس تغییر کنه.

نام کاربری
کلمه عبور
من رو به یاد داشته باش

## کارتهای با قابلیت درگ دراپ

برای مرتب سازی کارتها میتونید آنها رو درگ دراپ کنید و بچینید.

#### هدر کارت

Card `.card-primary`

#### هدر کارت

Card `.card-secondary`

#### هدر کارت

Card `.card-danger`

#### هدر کارت

Card `.card-warning`