1. Home
  2. Elements

Modals

Modals
Modal title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.

Live demo
Position

Modals can be located to different location by attaching any of the classes .modal-top.modal-bottom.modal-left.modal-rightto the root element
This modals can have any content and can be used as secondary sidebars.

Default modal

Mauris eu lacus massa, vel condimentum lectus.

Large modal

Mauris eu lacus massa, vel condimentum lectus.

Small modal

Vestibulum molestie commodo elit ut feugiat.

Form modal
Important message from Modals
Top Modal

Vestibulum rutrum venenatis pretium. Mauris a velit id neque dignissim congue. Nullam lobortis consectetur hendrerit.

Bottom Modal

Vestibulum rutrum venenatis pretium. Mauris a velit id neque dignissim congue. Nullam lobortis consectetur hendrerit.

Left Modal

Vestibulum rutrum venenatis pretium. Mauris a velit id neque dignissim congue. Nullam lobortis consectetur hendrerit.

Right Modal

Vestibulum rutrum venenatis pretium. Mauris a velit id neque dignissim congue. Nullam lobortis consectetur hendrerit.