#### Buttons

1. Large Buttons
2. General Buttons
3. Small Buttons

#### Round Buttons

4. Round Large Buttons
5. Round General Buttons
6. Round Small Buttons

#### Tags

Primary Secondary Success Danger Warning Info Light Dark
Primary Secondary Success Danger Warning Info Light Dark
Primary Secondary Success Danger Warning Info Light Dark
Primary Secondary Success Danger Warning Info Light Dark

##### Media left

This is some text within a card block.

##### Media left center

This is some text within a card block.

##### Media left bottom

This is some text within a card block.

##### Media right

This is some text within a card block.

##### Media right center

This is some text within a card block.

##### Media right bottom

This is some text within a card block.

##### Media left

This is some text within a card block.
Featured

#### 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
Featured

#### Special title treatment

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

Go somewhere

- ALL
- A
- B
- C
- D
- E
- F
- G
- H
- I
- J
- K
- L
- M
- N
- O
- P
- Q
- R
- S
- T
- U
- V
- W
- X
- Y
- Z

#### Alphabet Group

- ALL
- A
- B
- C
- D
- E
- F
- G
- H
- I
- J
- K
- L
- M
- N
- O
- P
- Q
- R
- S
- T
- U
- V
- W
- X
- Y
- Z

- ALL
- A
- B
- C
- D
- E
- F
- G
- H
- I
- J
- K
- L
- M
- N
- O
- P
- Q
- R
- S
- T
- U
- V
- W
- X
- Y
- Z

- ALL
- A
- B
- C
- D
- E
- F
- G
- H
- I
- J
- K
- L
- M
- N
- O
- P
- Q
- R
- S
- T
- U
- V
- W
- X
- Y
- Z

#### Icon buttons

1. Large icon Buttons
1. General icon Buttons
1. Small icon Buttons

#### Checkbox

Large checkbox
Large checkbox
Large checkbox
Large checkbox
Large checkbox
Large checkbox
Default checkbox
primary checkbox
Disabled checkbox
Success checkbox
Danger checkbox
Warning checkbox
Small checkbox
Small checkbox
Small checkbox
Small checkbox
Small checkbox
Small checkbox
Small checkbox
Small checkbox
Small checkbox
Small checkbox
Small checkbox
Small checkbox

#### Todo-list

1.General todo-list
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
2.Hover todo-list
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
3.Read/Unread todo-list
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque eius error et, excepturi harum illum inventore iste labore.
Add due date

#### Users list

1. Users list
Shakti Kumar Das
Active
Masum Billah
Invite
Sharuk Khan
Inactive
2. Hover users list
Shakti Kumar Das
Active
Masum Billah
Invite
Sharuk Khan
Inactive
3. Users list
Shakti Kumar Das
Masum Billah
Sharuk Khan

#### General form design

Name
Another label
Field is required
Email
Disabled field
Radio
Primary
Success
Default
Disabled
Disabled
Example textarea
Toggle
Yes
No
Yes
No
Select

- Option-1
- Option-2
- Option-3
- Option-4
- Option-5

Select

### Small form fields

Name
Another label
Field is required
Email
Disabled field
Radio
Primary
Success
Default
Disabled
Disabled
Example textarea
Toggle
Yes
No
Yes
No
Select

- Option-1
- Option-2
- Option-3
- Option-4
- Option-5

#### Dropdown

##### 1. Button type dropdown

##### 1. Text and `a` tag dropdown

Dropdown button
Dropdown button

##### 1. Icon dropdown

Dropdown button

#### Modal

Default modal only content(No footer)
Default modal only content with footer
`.modal-xs`
`.modal-sm`
`.modal-lg`

##### Title

Modal body content...

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus illum inventore labore nesciunt nostrum officia porro reiciendis voluptatum? Eveniet ipsa laborum nihil nobis omnis possimus quam qui quidem sed ut?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad amet aperiam culpa, debitis delectus doloremque eaque est exercitationem iusto modi saepe similique sunt tempora vitae voluptatem. A consequuntur et voluptates.

##### Title

Modal body content...

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus inventore labore nesciunt nostrum officia porro reiciendis voluptatum? Eveniet ipsa laborum nihil nobis omnis possimus quam qui?

##### Title

Name
Address
Email
Example textarea

#### Avatar size

`.avatar-xs`
`.avatar-sm`
`.avatar-md`
`.avatar-lg`

#### Tabs

##### 1. Default

##### 2. Center align

##### 3. Right align

##### 4. Fill/justify

##### 5. Vertical left

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam commodi expedita illum itaque libero maxime necessitatibus nisi officiis optio quidem quos recusandae, reiciendis sequi veniam veritatis? Assumenda eum laboriosam nisi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam commodi expedita illum itaque libero maxime necessitatibus nisi officiis optio quidem quos recusandae, reiciendis sequi veniam veritatis? Assumenda eum laboriosam nisi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam commodi expedita illum itaque libero maxime necessitatibus nisi officiis optio quidem quos recusandae, reiciendis sequi veniam veritatis? Assumenda eum laboriosam nisi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam commodi expedita illum itaque libero maxime necessitatibus nisi officiis optio quidem quos recusandae, reiciendis sequi veniam veritatis? Assumenda eum laboriosam nisi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eaque eum ex modi veniam. A, ab aliquid asperiores autem beatae commodi, distinctio eaque eveniet placeat, possimus quae quisquam saepe! Nostrum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eaque eum ex modi veniam. A, ab aliquid asperiores autem beatae commodi, distinctio eaque eveniet placeat, possimus quae quisquam saepe! Nostrum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eaque eum ex modi veniam. A, ab aliquid asperiores autem beatae commodi, distinctio eaque eveniet placeat, possimus quae quisquam saepe! Nostrum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eaque eum ex modi veniam. A, ab aliquid asperiores autem beatae commodi, distinctio eaque eveniet placeat, possimus quae quisquam saepe! Nostrum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, et eum non quaerat quia ratione, recusandae reiciendis similique sint soluta vitae voluptates. Hic labore odit placeat quaerat. Aliquam, ipsum nisi?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, et eum non quaerat quia ratione, recusandae reiciendis similique sint soluta vitae voluptates. Hic labore odit placeat quaerat. Aliquam, ipsum nisi?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, et eum non quaerat quia ratione, recusandae reiciendis similique sint soluta vitae voluptates. Hic labore odit placeat quaerat. Aliquam, ipsum nisi?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, et eum non quaerat quia ratione, recusandae reiciendis similique sint soluta vitae voluptates. Hic labore odit placeat quaerat. Aliquam, ipsum nisi?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi corporis cupiditate, dignissimos illum impedit, laborum magnam minus odio, quia quibusdam quisquam recusandae sequi tenetur. Animi ea nobis quam quos sit!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi corporis cupiditate, dignissimos illum impedit, laborum magnam minus odio, quia quibusdam quisquam recusandae sequi tenetur. Animi ea nobis quam quos sit!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi corporis cupiditate, dignissimos illum impedit, laborum magnam minus odio, quia quibusdam quisquam recusandae sequi tenetur. Animi ea nobis quam quos sit!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi corporis cupiditate, dignissimos illum impedit, laborum magnam minus odio, quia quibusdam quisquam recusandae sequi tenetur. Animi ea nobis quam quos sit!

#### Table

##### 1. Table

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Mark | Otto | @TwBootstrap
3 | Jacob | Thornton | @fat
4 | Larry the Bird | @twitter

##### 2. Table

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Mark | Otto | @TwBootstrap
3 | Jacob | Thornton | @fat
4 | Larry the Bird | @twitter

##### 3. Table Hover

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Mark | Otto | @TwBootstrap
3 | Jacob | Thornton | @fat
4 | Larry the Bird | @twitter

##### 3. Responsive Table

Number | First Name | Last Name | Username
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Mark | Otto | @TwBootstrap
3 | Jacob | Thornton | @fat
4 | Larry the Bird | @twitter