Type anywhere to search
logo

modals

Getting started

A modal helps to displays content that temporarily blocks interactions with a web site

These are native boostrap modals and work as the same way as it does but more awesome with the added styles and animation giving the user more options to go to


VIA senior product manage
for UI/UX at REVOX

Boostrap Native Modals
Boostrap modals are something very functional and we began to think how to make something better even better. The modals were styled to suite pages color scheme and animation, we did not stop here we added more, Read more.
Style and Animation
These modals are customized with new animations and style, now pages modals support up to 3 different versions and each version have small, medium and large modals. This helps you to make your app look even better
Functional
We did not just go for the looks and compromise functionality, since they are boostrap modals they are responsive and fast and works on all screens.
Boostrap Native Modals
Slide Up

This modal slides in from the bottom and rests on the middle of the screen, to add this simply add the class slide-up to the modal div



Stick Up

This modal slides in from the top and rests on the top of the screen, to add this simply add the class stick-up to the modal div



Slide Right

This modal slides from the right side slide-right to the modal div

Fill in Modal

This modal zooms from the middle and fills in fill-in to the modal div

Slide Right

This modal slides from the right side slide-right to the modal div

Fill in Modal

This modal zooms from the middle and fills in fill-in to the modal div

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
21st april 2014 2:13am

Press enter to search

suggestions :

Pages Search Results

ice cream on pages

via john smith

T
ice cream related topics

via pages

ice cream music

via pagesmix

ice cream on facebook

via facebook

Tweats on ice cream

via twitter

Circles on ice cream

via google plus