menu
searchType anywhere to search
logo

notifications

Getting started

For Your Information - FYI

Breaking convention again, we have introduced a notification system which variates based on the type and level of importance of the message. Thanks to this, an alert by the side of your screen would easily catch your attention.


Informational, Temporary, Contextual
Get Notified

Pages notification

Notifications provide alerts and related information for pages Framework.As an important part of pages user interface, we made a tool for much easier visualizations

Alert

Individual alerts will be visible and depending on the level of its importance, will have dedicated colors and sized indicating specified scenarios.

Robust and lightweight

CSS3 powered transitions and animations for greater user experience.

Select a notification style

Notification Bar

Awesome Loading Circle Animation

Highly Customizable, Change radius, Add Content Change X , Y Axis, Change svg animation

Flip Bar

Awesome Loading Circle Animation

Highly Customizable, Change radius, Add Content Change X , Y Axis, Change svg animation

Circle Notification

Awesome Loading Circle Animation

Highly Customizable, Change radius, Add Content Change X , Y Axis, Change svg animation

Simple Alert

Simple alert

Highly Customizable, Change radius, Add Content Change X , Y Axis, Change svg animation

Select Position
Simple alerts

Where ever you are we’ll keep you notified and up to date!

Alerts help to gain user attention and give feedback for the proccessed task. These alerts are built with different backgrounds and borders to show.


Avatar

VIA senior product manage
for UI/UX at REVOX

Descriptive alerts

Alerts can be multi-lined. Feel free to include any HTML inside your alerts


Alert with link

You can also use a link to show more information about the notification. Use the .alert-link utility class to quickly provide matching colored links within any alert.


Bordered alerts

By default all Pages alerts are borderless. To add a border, simply append the class .bordered


Simple labels

A label, with optional background colors. Use the labelclass to create a label


DEFAULT VIEW HOLD ALERT SUCCESS SOLD

Badge Variations

A Badge, with optional background colors. Use the badgeclass to create a Badge

2   8   12   300   25   5  
Tooltips

Tooltips can be a helpful way to provide information to visitors without creating clutter in a design. Tooltip plugin lets you transform native tooltip’s into customizable overlays. You can adjust their content, position and appearance.



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