Tips

Show important information in new way.

Basic Tip

Use <div class="app-tip">...</a> to get basic tip.

This is basic tip.

Use classes .app-tip-primary, .app-tip-info, .app-tip-success, .app-tip-warning, .app-tip-danger to change background color.

This is primary design tip.
This is info design tip.
This is success design tip.
This is warning design tip.
This is danger design tip.
Runing Tip

This information is very noticeable.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Customs

This is tip without border, add class app-tip-noborder to use it.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Speed

Add class app-tip-speed-slow to get slow animation.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Notifications

7 new, latest: July 19, 2016 at 10:14:32.

Product Delivered delivered

#SPW-955-18 to st. StreetName SA, USA.

19/07/2016 10:14:32 AM

Successful Payment success

Payment for order #SPW-955-17: $145.44.

19/07/2016 09:55:12 AM

New Order #SPW-955-17 waiting

Added new order, waiting for payment. Order details.

19/07/2016 09:51:55 AM

Money Back Request return

#SPW-955-17 return requested. Request details.

19/07/2016 08:44:51 AM

The critical amount of product important

Product: Extra Awesome Product (amount: 2). Storehouse.

19/07/2016 08:30:00 AM

Product Delivery Start delivering

#SPW-955-18 to st. StreetName SA, USA.

18/07/2016 06:14:32 PM

Critical Server Load server

Disk space: 248.1Gb/250Gb. Control panel.

18/07/2016 06:14:32 PM

Settings

Notification Settings