##### Mannat Themes

We Design and Develop Clean and High Quality Web Applications

Upgrade your plan

#### Modals

Today: Jan 11

#### Optional sizes

Modals have three optional sizes, available via modifier classes to be placed on a `.modal-dialog`.

Size | Class | Modal max-width | Modal Demo
--- | --- | --- | ---
Small | `.modal-sm` | `300px` |
Default | None | `500px` |
Large | `.modal-lg` | `800px` |
Extra large | `.modal-xl` | `1140px` |
Default (Center Modal) | `.modal-dialog-centered` | `500px` |
Default (Scroll Modal) | `.modal-dialog-scrollable` | `500px` |

###### Small Modal

#### Good Morning!

Hi, Aaron Gish ! Congratulations.

###### Default Modal

##### Crypto Market Services

Disable Services 07 Oct 2020

- Lorem Ipsum is dummy text.
- It is a long established reader.
- Contrary to popular belief, Lorem simply.

###### Large Modal

# 404!

#### Looks like you've got lost...

###### Extra Large Modal

##### Overflowing text to show scroll behavior

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

###### Center Modal

##### Crypto Market Services

Disable Services 07 Oct 2020

- Lorem Ipsum is dummy text.
- It is a long established reader.
- Contrary to popular belief, Lorem simply.

###### Center Modal

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

#### Themes Modal

You can use custom modals with themes colors.

###### Primary Modal

##### Crypto Market Services

Disable Services 07 Oct 2020

- Lorem Ipsum is dummy text.
- It is a long established reader.
- Contrary to popular belief, Lorem simply.

###### Primary Modal

##### Crypto Market Services

Disable Services 07 Oct 2020

- Lorem Ipsum is dummy text.
- It is a long established reader.
- Contrary to popular belief, Lorem simply.

###### Primary Modal

##### Crypto Market Services

Disable Services 07 Oct 2020

- Lorem Ipsum is dummy text.
- It is a long established reader.
- Contrary to popular belief, Lorem simply.

###### Primary Modal

##### Crypto Market Services

Disable Services 07 Oct 2020

- Lorem Ipsum is dummy text.
- It is a long established reader.
- Contrary to popular belief, Lorem simply.

###### Primary Modal

##### Crypto Market Services

Disable Services 07 Oct 2020

- Lorem Ipsum is dummy text.
- It is a long established reader.
- Contrary to popular belief, Lorem simply.

###### Primary Modal

##### Crypto Market Services

Disable Services 07 Oct 2020

- Lorem Ipsum is dummy text.
- It is a long established reader.
- Contrary to popular belief, Lorem simply.

###### Primary Modal

##### Crypto Market Services

Disable Services 07 Oct 2020

- Lorem Ipsum is dummy text.
- It is a long established reader.
- Contrary to popular belief, Lorem simply.

#### Login & Signup Modal

You can use custom modals with Login and SignUp form.

###### Login Modal

#### Let's Get Started Dastone

Sign in to continue to Dastone.

Username
Password
Remember me
Forgot password?

Don't have an account ? Free Resister

###### Or Login With

Username
Email
Password
Confirm Password
Mobile Number
You agree to the Metrica Terms of Use

Already have an account ?Log in

Mannatthemes © 2020

###### SignUp Modal

#### Free Register for Dastone

Get your free Dastone account now.

Username
Email
Password
Confirm Password
Mobile Number
By registering you agree to the Frogetor Terms of Use

Already have an account ? Log in