## Modals

Default modal
Default modal with text and close button.
Modal with form
Modal with form elements and buttons.
Modal with table
Modal with default table and buttons.
Modal with scrolling
Modal with content scrolling and buttons.
Modal alert
Alert modal with close button.
Modal confirm
Confirm modal with buttons.
Modal with contacts
Modal with list of contacts.
Modal with AJAX
AJAX load list with controls.
Wide modal
Modal with window sizes
Draggable modal
Modal supports draggable function

## Custom colors

Success modal Warning modal Danger modal Info modal White modal

## Status bar

Default status
Default status bar with text.
Loading status
Status bar with loading.
Status with icon
Status bar with icon.
Status form
Status bar with form elements.

## Custom colors

Success statusbar Warning statusbar Info statusbar Danger statusbar

## Tooltips

## Popovers

## Noty

Success! This is success alert!
Information! This is information alert!
Warning! This is warning alert!
Danger! This is danger alert!

#### Default modal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec molestie tristique odio vitae vulputate. Suspendisse quis ligula hendrerit, laoreet erat gravida, posuere massa. Curabitur magna magna, lacinia et mollis vel, aliquet a lacus. Quisque eget bibendum nulla. Phasellus vitae eros quis magna porta ultrices a in neque. Vestibulum quis nisi consequat, elementum lorem a, viverra metus. Cras feugiat tincidunt interdum. Vivamus accumsan gravida leo eget pulvinar. Aenean imperdiet bibendum ante, in egestas lectus auctor eu. Sed feugiat sem non rutrum vestibulum. Mauris condimentum, purus vitae porttitor dictum, tellus orci consequat dui, quis lobortis dui enim id justo. Nulla facilisi. Aenean sit amet bibendum ligula. Integer vel consequat nibh. Nulla in nisl elementum nulla mattis dictum et eu risus.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque varius imperdiet turpis, nec condimentum erat dignissim quis. Duis ac metus facilisis, dictum arcu a, pellentesque nibh. Duis vestibulum et arcu ut fermentum. Quisque eget massa purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris magna massa, malesuada in euismod a, molestie in libero. Nullam sollicitudin erat non dapibus blandit.

#### Modal with form

Checkbox
Radio
Some textarea value

#### Modal with table

id | Country | Username | Visits
--- | --- | --- | ---
1 | USA | Otto | 25
2 | Germany | Thornton | 22
3 | Ukraine | Dmitry | 19
4 | Poland | Kack | 18

#### Modal with scrolling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec molestie tristique odio vitae vulputate. Suspendisse quis ligula hendrerit, laoreet erat gravida, posuere massa. Curabitur magna magna, lacinia et mollis vel, aliquet a lacus. Quisque eget bibendum nulla. Phasellus vitae eros quis magna porta ultrices a in neque. Vestibulum quis nisi consequat, elementum lorem a, viverra metus. Cras feugiat tincidunt interdum. Vivamus accumsan gravida leo eget pulvinar. Aenean imperdiet bibendum ante, in egestas lectus auctor eu. Sed feugiat sem non rutrum vestibulum. Mauris condimentum, purus vitae porttitor dictum, tellus orci consequat dui, quis lobortis dui enim id justo. Nulla facilisi. Aenean sit amet bibendum ligula. Integer vel consequat nibh. Nulla in nisl elementum nulla mattis dictum et eu risus.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque varius imperdiet turpis, nec condimentum erat dignissim quis. Duis ac metus facilisis, dictum arcu a, pellentesque nibh. Duis vestibulum et arcu ut fermentum. Quisque eget massa purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris magna massa, malesuada in euismod a, molestie in libero. Nullam sollicitudin erat non dapibus blandit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec molestie tristique odio vitae vulputate. Suspendisse quis ligula hendrerit, laoreet erat gravida, posuere massa. Curabitur magna magna, lacinia et mollis vel, aliquet a lacus. Quisque eget bibendum nulla. Phasellus vitae eros quis magna porta ultrices a in neque. Vestibulum quis nisi consequat, elementum lorem a, viverra metus. Cras feugiat tincidunt interdum. Vivamus accumsan gravida leo eget pulvinar. Aenean imperdiet bibendum ante, in egestas lectus auctor eu. Sed feugiat sem non rutrum vestibulum. Mauris condimentum, purus vitae porttitor dictum, tellus orci consequat dui, quis lobortis dui enim id justo. Nulla facilisi. Aenean sit amet bibendum ligula. Integer vel consequat nibh. Nulla in nisl elementum nulla mattis dictum et eu risus.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque varius imperdiet turpis, nec condimentum erat dignissim quis. Duis ac metus facilisis, dictum arcu a, pellentesque nibh. Duis vestibulum et arcu ut fermentum. Quisque eget massa purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris magna massa, malesuada in euismod a, molestie in libero. Nullam sollicitudin erat non dapibus blandit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

#### Draggable modal window

Hello, i'm draggable modal window. Click on header and try to move me! :)

#### Do you want to continue?

#### Modal success

#### Modal warning

#### Modal danger

#### Modal info

#### White modal

This is a white modal content!

#### Contacts

John Doe
Some text information
Brad Pitt
Some text information
Angelina Jolie
Some text information

####

#### Wide modal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet pellentesque odio. Fusce vel venenatis odio. Vivamus porttitor dui vel felis adipiscing, commodo vehicula massa vestibulum. Praesent interdum nunc eu elementum fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce commodo malesuada pellentesque. Suspendisse elementum, nunc vel tristique molestie, dolor diam faucibus turpis, at interdum neque erat non nisl. Nunc ut sagittis ligula.

Mauris pulvinar non nibh vehicula lobortis. Cras dolor velit, porta ac justo a, iaculis vestibulum lacus. Nulla facilisi. Nunc aliquet enim at erat porta, nec sagittis ante adipiscing. Phasellus justo quam, volutpat at semper eu, tristique vitae nulla. Vivamus id rhoncus risus. Integer consequat lorem eget lacus dignissim, ultricies facilisis orci gravida. Suspendisse feugiat dolor sapien, eu malesuada turpis volutpat eget. In imperdiet eros id magna tincidunt, vel pulvinar justo pretium. Quisque et urna nec sapien dignissim feugiat. Curabitur cursus quam nisi, ut condimentum libero elementum et. Quisque mollis mauris scelerisque urna tempor, in congue neque laoreet. Suspendisse sed tincidunt justo, et feugiat est. Aenean non dui in urna imperdiet dictum eu ac nisi.

Nulla eget tincidunt orci, et pharetra ipsum. Aliquam erat metus, convallis et odio quis, lacinia commodo leo. Maecenas tincidunt magna ullamcorper, tincidunt lacus at, auctor leo. Nullam eu risus in nunc convallis luctus id ultricies purus. Vivamus feugiat ligula non elit lacinia adipiscing non eget diam. Etiam sit amet rutrum leo. Vivamus condimentum ante mi, a tristique enim pharetra id. Ut non vulputate nulla, non dignissim libero. Etiam et arcu gravida, volutpat tortor in, elementum arcu. Proin porta velit quis ipsum interdum, quis ornare purus mollis.

Aliquam consectetur ultricies nulla, a adipiscing nisi tristique in. Nunc gravida volutpat diam, et consectetur purus sodales in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eu mauris aliquet, sollicitudin lorem quis, dignissim turpis. Etiam vitae tortor libero. Aliquam facilisis tempus nisl quis pellentesque. Nullam pharetra tristique lacus vitae tempor. Etiam vulputate nulla massa, vitae fringilla dolor pretium vel. Sed non tellus eget ante venenatis elementum eu nec neque. Quisque eget lobortis diam. Maecenas non sapien in eros mattis euismod. Aenean id nibh a dolor lacinia elementum et ac ipsum. Mauris eleifend aliquam arcu, ac pharetra lacus interdum ut. Ut bibendum nunc at volutpat mollis.

Nullam viverra augue mi, non rutrum magna elementum at. Duis purus enim, mattis in sodales id, placerat eget sapien. Donec pharetra nec ante ut lobortis. Integer accumsan dignissim consequat. Integer est sapien, imperdiet adipiscing turpis in, fermentum auctor ante. Nulla rutrum massa tincidunt convallis lobortis. Sed aliquam lacus libero, eu congue orci mattis quis. Nunc commodo nulla quis hendrerit rutrum. Donec a mi sapien. Donec suscipit arcu nisi, posuere ornare nisl volutpat vehicula. Vestibulum a justo consequat, vestibulum urna sit amet, vehicula augue. In nec arcu convallis, suscipit enim sed, porttitor massa. Fusce sit amet iaculis augue. Cras a turpis massa. Donec dictum sed nibh eu vehicula. In laoreet fringilla turpis eget ullamcorper.

Aliquam leo libero, luctus non volutpat ac, adipiscing eget sapien. Vivamus ante augue, interdum placerat commodo id, posuere id ligula. Cras facilisis gravida ornare. Suspendisse consequat fermentum ante ac rutrum. Nunc ornare tortor sit amet nulla egestas, ut auctor magna blandit. Suspendisse in placerat nisi. Praesent sit amet leo sed purus gravida gravida sed ac dolor.

Donec auctor mi vel tempus ornare. Sed vitae volutpat velit, a gravida urna. Quisque id luctus justo, a mattis metus. Praesent non turpis sed libero lacinia euismod. Nulla mattis lacus mollis nisi pulvinar tempor. Etiam faucibus neque in dui porttitor, non consectetur mi adipiscing. Praesent consectetur cursus eros eu tempus. Nulla tristique, ante non laoreet mollis, est massa cursus risus, et condimentum mauris mi sit amet purus. In massa urna, aliquet eget ultrices ut, dictum vel turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis interdum nulla. Donec commodo tincidunt magna, non viverra leo varius eget. Vivamus scelerisque rutrum faucibus. Suspendisse blandit, nisl et commodo tincidunt, dui arcu iaculis tellus, a tristique nibh risus id nunc. Praesent pellentesque tortor et augue hendrerit, a euismod tortor tristique.

In euismod ante ac erat tristique venenatis. Integer pulvinar imperdiet dui, vitae pharetra lectus sollicitudin gravida. Aliquam congue nibh nec tellus ullamcorper, semper condimentum quam condimentum. Ut luctus mollis neque et varius. In viverra at ante sed molestie. Proin consequat mauris eget lorem hendrerit ullamcorper. Duis consequat sagittis tellus, sed aliquam magna condimentum nec. Donec sem neque, porta vitae dapibus porta, hendrerit eget metus. Etiam varius ac neque quis facilisis. Fusce a nisi ac dolor pretium lobortis sit amet eu quam. Vestibulum condimentum sagittis lectus sit amet posuere. Praesent vitae est et sapien congue molestie in ac mauris.

Cras id massa adipiscing, scelerisque arcu id, venenatis nisi. Maecenas tincidunt pharetra nunc at tincidunt. Duis aliquet sapien leo, at feugiat erat faucibus eu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas facilisis tempus consectetur. Donec pharetra erat ut nibh sagittis mattis. Nulla facilisi. Ut at enim malesuada, volutpat elit in, accumsan nulla. Etiam interdum, purus id gravida iaculis, erat ipsum semper nibh, vel bibendum eros est vel tortor. Duis suscipit mollis tellus, a rhoncus dolor adipiscing sit amet. Mauris vitae venenatis sapien. Aenean at ante sollicitudin, facilisis justo ut, consectetur eros. Aenean eget congue erat. Pellentesque molestie fringilla eleifend. Cras in pretium ante.

Nunc velit lectus, tempus ut facilisis eu, tincidunt vel lorem. Donec mollis sodales tortor sed molestie. Etiam et erat elit. Morbi lacus arcu, pharetra a augue a, laoreet ultricies urna. Pellentesque ornare tellus eleifend, consequat turpis vel, sodales nunc. Nullam ullamcorper dui eu magna posuere, non condimentum nunc consectetur. Donec a ligula eget ante commodo consequat. Donec venenatis, dui non posuere commodo, dolor leo elementum ligula, quis sagittis neque est vel felis. Morbi convallis ante est, a auctor augue volutpat at. Etiam non neque eu quam sollicitudin posuere sit amet in orci. Integer vitae ipsum sit amet libero iaculis hendrerit. Suspendisse dui mi, vulputate vel diam vel, vulputate egestas erat. Quisque lacinia vel arcu eu vulputate. Nullam magna odio, tincidunt sed dui ut, accumsan pulvinar sem. Morbi vestibulum odio libero, sit amet egestas nunc consectetur non.

Integer lacus orci, varius in purus vel, bibendum vestibulum dolor. Pellentesque fermentum dapibus purus, quis viverra massa iaculis in. Nullam aliquam vulputate quam in porttitor. Ut non sem nec urna vestibulum elementum eget sit amet nunc. Nam nisi quam, ultricies at nisl sed, dignissim tincidunt dolor. Nam luctus nunc a aliquam mollis. Integer semper sapien nunc, ut venenatis erat dignissim id. Etiam et bibendum massa. Fusce sollicitudin purus urna, nec molestie leo ullamcorper eget. Integer rhoncus metus orci, vitae accumsan sapien interdum ac. Praesent non facilisis sem. Vestibulum dui metus, ultricies vitae cursus at, sollicitudin eu nulla.

Pellentesque aliquam augue sit amet arcu rhoncus iaculis ac at leo. Nulla odio sapien, iaculis vitae volutpat a, iaculis vitae enim. Morbi id ligula et dui vestibulum cursus. Nunc laoreet leo eget arcu rhoncus pretium. Vivamus nec metus eu ipsum volutpat ornare sed quis felis. Donec fringilla posuere tortor eu dignissim. Sed congue ipsum purus, nec malesuada erat pretium ac. In facilisis tincidunt quam ut mattis. In sed blandit sem, nec fringilla tortor. Sed non metus congue, ornare purus et, molestie enim. Nulla sit amet lacus vitae mi dignissim gravida sed at enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque enim arcu, pretium at commodo sit amet, eleifend eget augue. Quisque justo enim, tristique sed gravida id, suscipit quis arcu. Praesent mattis lorem eu mauris fringilla, eget vulputate purus consectetur.

Suspendisse convallis tristique mi, at pellentesque turpis pharetra a. Aliquam id hendrerit dolor, at condimentum metus. Nulla egestas imperdiet lorem, vel lobortis sem ullamcorper ac. Vivamus et quam a justo hendrerit condimentum. Nulla consectetur urna non sodales ornare. Ut metus erat, congue vel ornare at, adipiscing at magna. Sed commodo in nibh quis euismod. Aenean et aliquam ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas feugiat posuere nunc et laoreet. Morbi vitae risus lacinia, auctor diam quis, tempor sem. Vivamus pellentesque accumsan nibh eget volutpat.

Aenean ac erat diam. Nulla facilisi. Vivamus sit amet sagittis nisi, id commodo nunc. Suspendisse dictum fringilla fringilla. Aliquam aliquet vestibulum enim, a suscipit eros tristique eu. Etiam sodales erat in bibendum fermentum. Nulla mollis nunc nunc, eget ornare nisl facilisis nec. Suspendisse non nisi ornare, pulvinar mauris et, ultrices odio. Donec consequat tempus dui, in commodo erat malesuada nec. Sed elementum id metus non gravida. Nullam rutrum, massa eget lacinia consectetur, nisl nibh viverra risus, et condimentum eros purus iaculis quam. Suspendisse sed nunc et orci lobortis ultrices sit amet quis ipsum. Aenean velit nunc, cursus sit amet nisi eu, cursus aliquet tortor.

Donec eleifend lectus risus, in aliquet nisi accumsan at. In ornare aliquet nulla, id facilisis leo molestie at. Maecenas leo tellus, bibendum ac consectetur et, egestas vel orci. Nam nibh sapien, egestas sed blandit tempus, vulputate dictum nulla. Maecenas porttitor mauris in lacinia laoreet. Donec interdum sit amet elit a tincidunt. Nulla adipiscing purus turpis, eget fermentum tortor vehicula vel. Sed arcu lacus, venenatis hendrerit dictum sit amet, dignissim eu elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur nec metus quis enim facilisis scelerisque. Integer egestas commodo faucibus. In sed quam eu augue consectetur hendrerit. Quisque in erat mattis, sagittis risus sed, auctor nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam euismod, leo nec rhoncus dignissim, quam augue aliquam felis, non molestie enim ipsum id turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Loading...
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Success statusbar
Warning statusbar
Info statusbar
Danger statusbar
Login:
Password: