Notifications
Usefull notification messages
Even text here, yes you can..
Hi there...
I am a inline alert box and you can use me as an warning, error, info and success alert. Usage:.alert-inline-top
.
Lockscreen
Custom made plugin that provides a lockscreen solution. You can choose out 3 different types of unlocking.
This is a cool way to lock the screen(target or complete screen), once activated you only can unlock the screen by dragging a button to a certain value(this example 100), just clicking on a button or enter your password(form). Notice that this plugin only provides the unlocking type, the box is custom made and can be changed. For some visualisation effect we have added some loaders.
nanoGress
Custom made plugin that ads a tiny animated progressbar to the body when the site loads.
At defaulf the nanoGress bar is attached to the body, but you can change this.
Notify
Custom made jQuery notification plugin.
You can use cool grow notification messages to show your information. This growl come's with several options.
Show a loader on the site, this way you can tell your users that something is happening.
Attention box
A basic container with a left border color.
Default
Morbi non tellus faucibus, ultricies ante dignissim, tempus lacus. Fusce pharetra nec diam ut volutpat. Morbi pharetra turpis nulla. Aliquam placerat porta lorem, eget pellentesque velit lobortis a. In molestie elit arcu, a commodo nunc commodo pretium. Suspendisse placerat ante eget sagittis ornare. Morbi viverra tellus urna, non rhoncus ligula dictum a. Vivamus viverra rhoncus nisl id eleifend. Aliquam eu eleifend metus.
Warning
Morbi non tellus faucibus, ultricies ante dignissim, tempus lacus. Fusce pharetra nec diam ut volutpat. Morbi pharetra turpis nulla. Aliquam placerat porta lorem, eget pellentesque velit lobortis a. In molestie elit arcu, a commodo nunc commodo pretium. Suspendisse placerat ante eget sagittis ornare. Morbi viverra tellus urna, non rhoncus ligula dictum a. Vivamus viverra rhoncus nisl id eleifend. Aliquam eu eleifend metus.
Danger
Morbi non tellus faucibus, ultricies ante dignissim, tempus lacus. Fusce pharetra nec diam ut volutpat. Morbi pharetra turpis nulla. Aliquam placerat porta lorem, eget pellentesque velit lobortis a. In molestie elit arcu, a commodo nunc commodo pretium. Suspendisse placerat ante eget sagittis ornare. Morbi viverra tellus urna, non rhoncus ligula dictum a. Vivamus viverra rhoncus nisl id eleifend. Aliquam eu eleifend metus.
Success
Morbi non tellus faucibus, ultricies ante dignissim, tempus lacus. Fusce pharetra nec diam ut volutpat. Morbi pharetra turpis nulla. Aliquam placerat porta lorem, eget pellentesque velit lobortis a. In molestie elit arcu, a commodo nunc commodo pretium. Suspendisse placerat ante eget sagittis ornare. Morbi viverra tellus urna, non rhoncus ligula dictum a. Vivamus viverra rhoncus nisl id eleifend. Aliquam eu eleifend metus.
Primary
Morbi non tellus faucibus, ultricies ante dignissim, tempus lacus. Fusce pharetra nec diam ut volutpat. Morbi pharetra turpis nulla. Aliquam placerat porta lorem, eget pellentesque velit lobortis a. In molestie elit arcu, a commodo nunc commodo pretium. Suspendisse placerat ante eget sagittis ornare. Morbi viverra tellus urna, non rhoncus ligula dictum a. Vivamus viverra rhoncus nisl id eleifend. Aliquam eu eleifend metus.
Good to see you agian...
I am a inline alert box and you can use me as an warning, error, info and success alert. Usage:.alert-inline-mid
.
Bootstrap modal
Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
We just show you a couple of basic modals, but you can use the modals in several ways with almost ervery kind of content.
Bootbox
Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Twitter's Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers. Here's the simplest possible example.
Bootstrap alerts
Wrap any text and an optional dismiss button in .alert
for a basic warning alert message.
.alert-danger
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel interdum tellus.
.alert-success
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel interdum tellus.
.alert-warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel interdum tellus.
.alert-info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel interdum tellus.
Bootstrap has 2 kind of notfications layouts, small and big, we have extended the big one with 3 extra classes so that you can position them without any margin.
I am the last one...
I am a inline alert box and you can use me as an warning, error, info and success alert. Usage:.alert-inline-bottom
.