##### Alerts

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

##### Dismissible alerts

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

##### Links in alerts

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

##### Additional content

#### Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

x

##### Login

Remember me

Lost your password?

Login with Facebook Login with Linkedin Login with Google
Buy now!

### Layout Options

Which layout option you want to use?

- Wide
- Boxed

### Color Schemes

Which theme color you want to use? Select from here.

### Background Patterns

Which background pattern you want to use?

### Background img

Which background image you want to use?

- Reset All