menu
searchType 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


Pages Design Framework
@revoxltd

Boostrap Native Modals
Boostrap modals are something very functional and we began to think about 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

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

  • 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/20 chevron_right
  • 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/20 chevron_right
  • 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/20 chevron_right
  • 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/20 chevron_right
21st april 2020 2:13am

Press enter to search

suggestions :

Pages Search Results:

ice cream on pages

via john smith

T
ice cream related topics

via pages

M
ice cream music

via pagesmix

facebook
ice cream on facebook

via facebook

twitter
Tweats on ice cream

via twitter

google_plus
Circles on ice cream

via google plus