jQuery Elements

[epsilon_heading1 title= »jQuery Features » full_width= »0″ bgstyle= »bg-red-dark » bgcolor= » » tcolor= » » icon= »fa-bolt » icolor= » » ]

Features ranging from notifications, to toggles and tabs, all made very easy to use with simple copy and paste implementations! Documented for everyone to use and everyone to understand.

[epsilon_heading2 title= »OS Styled Toggles » stitle= »Toggles designed to match your device. » tcolor= » » tcolor2= » » full_width= »1″ url= »http://mobile.webbudesign.com/circlemobile/wp-content/uploads/sites/14/2016/10/4.jpg » ocolor= »1″ ]

[epsilon_toggle switch= »switch-3″ switchi= »1″ title= »Win / BB Style 1″ stitle= »Optional subtitle can be added here, this message automatically hides when the content is shown! » tcolor= » » stcolor= » » ]Switches can be used as content toggles, where you can add almost every feature from the page inside of them. We also provided the styles, so if you want you can even convert these to checkboxes. By default, they function as content toggles! An extra style for your device![/epsilon_toggle]

[epsilon_toggle switch= »switch-3″ switchi= »2″ title= »Win / BB Style 2″ stitle= »Optional subtitle can be added here, this message automatically hides when the content is shown! » tcolor= » » stcolor= » » ]Switches can be used as content toggles, where you can add almost every feature from the page inside of them. We also provided the styles, so if you want you can even convert these to checkboxes. By default, they function as content toggles! An extra style for your device![/epsilon_toggle]

[epsilon_toggle switch= »switch-3″ switchi= »3″ title= »Win / BB Style 3″ stitle= »Optional subtitle can be added here, this message automatically hides when the content is shown! » tcolor= » » stcolor= » » ]Switches can be used as content toggles, where you can add almost every feature from the page inside of them. We also provided the styles, so if you want you can even convert these to checkboxes. By default, they function as content toggles! An extra style for your device![/epsilon_toggle]

[epsilon_toggle switch= »switch-2″ switchi= »1″ title= »Android Style 1″ stitle= »Optional subtitle can be added here, this message automatically hides when the content is shown! » tcolor= » » stcolor= » » ]Switches can be used as content toggles, where you can add almost every feature from the page inside of them. We also provided the styles, so if you want you can even convert these to checkboxes. By default, they function as content toggles! An extra style for your device![/epsilon_toggle]

[epsilon_toggle switch= »switch-2″ switchi= »2″ title= »Android Style 2″ stitle= »Optional subtitle can be added here, this message automatically hides when the content is shown! » tcolor= » » stcolor= » » ]Switches can be used as content toggles, where you can add almost every feature from the page inside of them. We also provided the styles, so if you want you can even convert these to checkboxes. By default, they function as content toggles! An extra style for your device![/epsilon_toggle]

[epsilon_toggle switch= »switch-2″ switchi= »3″ title= »Android Style 3″ stitle= »Optional subtitle can be added here, this message automatically hides when the content is shown! » tcolor= » » stcolor= » » ]Switches can be used as content toggles, where you can add almost every feature from the page inside of them. We also provided the styles, so if you want you can even convert these to checkboxes. By default, they function as content toggles! An extra style for your device![/epsilon_toggle]

[epsilon_toggle switch= »switch-1″ switchi= »1″ title= »iOS Style 1″ stitle= »Optional subtitle can be added here, this message automatically hides when the content is shown! » tcolor= » » stcolor= » » ]Switches can be used as content toggles, where you can add almost every feature from the page inside of them. We also provided the styles, so if you want you can even convert these to checkboxes. By default, they function as content toggles! An extra style for your device![/epsilon_toggle]

[epsilon_toggle switch= »switch-1″ switchi= »2″ title= »iOS Style 2″ stitle= »Optional subtitle can be added here, this message automatically hides when the content is shown! » tcolor= » » stcolor= » » ]Switches can be used as content toggles, where you can add almost every feature from the page inside of them. We also provided the styles, so if you want you can even convert these to checkboxes. By default, they function as content toggles! An extra style for your device![/epsilon_toggle]

[epsilon_toggle switch= »switch-1″ switchi= »3″ title= »iOS Style 3″ stitle= »Optional subtitle can be added here, this message automatically hides when the content is shown! » tcolor= » » stcolor= » » ]Switches can be used as content toggles, where you can add almost every feature from the page inside of them. We also provided the styles, so if you want you can even convert these to checkboxes. By default, they function as content toggles! An extra style for your device![/epsilon_toggle]

[epsilon_heading2 title= »Regular Toggles » stitle= »Default designed, simple toggles. » tcolor= » » tcolor2= » » full_width= »1″ url= »http://mobile.webbudesign.com/circlemobile/wp-content/uploads/sites/14/2016/10/6.jpg » ocolor= »1″ ]

[epsilon_toggle switch= »classic » switchi= »1″ title= »Toggle 1″ stitle= » » tcolor= » » stcolor= » » ]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/epsilon_toggle]

[epsilon_toggle switch= »classic » switchi= »1″ title= »Toggle 2″ stitle= » » tcolor= » » stcolor= » » ]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/epsilon_toggle][epsilon_space size= »3″ classes= » » ]

[epsilon_heading2 title= »Accordion » stitle= »A simple way to display a lot of content. » tcolor= » » tcolor2= » » full_width= »1″ url= »http://mobile.webbudesign.com/circlemobile/wp-content/uploads/sites/14/2016/10/5.jpg » ocolor= »1″ ]

[epsilon_accordion]
[epsilon_acc title= »Accordion 1″]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/epsilon_acc]
[epsilon_acc title= »Accordion 2″]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/epsilon_acc]
[epsilon_acc title= »Accordion 3″]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/epsilon_acc]
[/epsilon_accordion][epsilon_space size= »20″ classes= » » ]

[epsilon_heading2 title= »Tabs » stitle= »Easy to use, with active classes included. » tcolor= » » tcolor2= » » full_width= »1″ url= »http://mobile.webbudesign.com/circlemobile/wp-content/uploads/sites/14/2016/10/4.jpg » ocolor= »1″ ]

[epsilon_space size= »15″ classes= » » ][epsilon_tabs]
[epsilon_tab title= »Tab 1″]Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat dolore mollit anim est laborum.[/epsilon_tab]
[epsilon_tab title= »Tab 2″]Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat dolore mollit anim est laborum.[/epsilon_tab]
[epsilon_tab title= »Tab 3″]Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat dolore mollit anim est laborum.[/epsilon_tab]
[/epsilon_tabs][epsilon_space size= »20″ classes= » » ]

[epsilon_heading2 title= »Alerts & Notifications » stitle= »Alerts and fixed notifications with timeouts. » tcolor= » » tcolor2= » » full_width= »1″ url= »http://mobile.webbudesign.com/circlemobile/wp-content/uploads/sites/14/2016/10/3.jpg » ocolor= »1″ ]

Large Notifications
Fixed notifications that pop-up from the top, or simple notifications you can tap to dismiss. Simple, fast, and efficient displays of useful information

[epsilon_notification bgstyle= »bg-red-dark » tdismiss= »1″ icon= »fa-times-circle » tcolor= » » bgcolor= » » title= »This is a notification » close= »1″ type= »large » ]You can use any text you want and have a close or tap to dismiss system for your notifications. [/epsilon_notification]

[epsilon_notification bgstyle= »bg-green-dark » tdismiss= »1″ icon= »fa-check » tcolor= » » bgcolor= » » title= »This is a notification » close= »1″ type= »large » ]You can use any text you want and have a close or tap to dismiss system for your notifications. [/epsilon_notification]

[epsilon_notification bgstyle= »bg-blue-dark » tdismiss= »1″ icon= »fa-info » tcolor= » » bgcolor= » » title= »This is a notification » close= »1″ type= »large » ]You can use any text you want and have a close or tap to dismiss system for your notifications. [/epsilon_notification]

[epsilon_notification bgstyle= »bg-orange-dark » tdismiss= »1″ icon= »fa-warning » tcolor= » » bgcolor= » » title= »This is a notification » close= »1″ type= »large » ]You can use any text you want and have a close or tap to dismiss system for your notifications. [/epsilon_notification]

[epsilon_hr]

Small Notifications
Smaller are sometimes better if you don’t want a big colorful thing poping up and blocking the view. These notifications can be dismissed with a simple tap.

[epsilon_notification bgstyle= »bg-red-dark » tdismiss= »1″ icon= »fa-times » tcolor= » » bgcolor= » » title= »This is a notification » close= »1″ type= »small » ]You can use any text you want and have a close or tap to dismiss system for your notifications. [/epsilon_notification]

[epsilon_notification bgstyle= »bg-green-dark » tdismiss= »1″ icon= »fa-check » tcolor= » » bgcolor= » » title= »This is a notification » close= »0″ type= »small » ]You can use any text you want and have a close or tap to dismiss system for your notifications. [/epsilon_notification]

[epsilon_notification bgstyle= »bg-blue-dark » tdismiss= »1″ icon= »fa-info » tcolor= » » bgcolor= » » title= »This is a notification » close= »0″ type= »small » ]You can use any text you want and have a close or tap to dismiss system for your notifications. [/epsilon_notification]

[epsilon_notification bgstyle= »bg-orange-dark » tdismiss= »1″ icon= »fa-exclamation » tcolor= » » bgcolor= » » title= »This is a notification » close= »0″ type= »small » ]You can use any text you want and have a close or tap to dismiss system for your notifications. [/epsilon_notification]

[epsilon_hr pad= »half-bottom » classes= » » ]

Fixed Header Notifications

[epsilon_fnotification bgstyle= »bg-blue-dark » tcolor= »#ffffff » bgcolor= » » ltext= »Fixed Top Notification » title= »Did you know? » close= »1″ tdismiss= »1″ type= »large » position= »top » timer= »0″ ]Easy way to make sure your messages get read![/epsilon_fnotification]

[epsilon_fnotification bgstyle= »bg-green-dark » tcolor= »#ffffff » bgcolor= » » ltext= »Fixed Bottom Notification » title= »Did you know? » close= »1″ tdismiss= »1″ type= »large » position= »bottom » timer= »0″ ]Easy way to make sure your messages get read![/epsilon_fnotification]

[epsilon_fnotification bgstyle= »bg-red-dark » tcolor= »#ffffff » bgcolor= » » ltext= »Fixed Top Notification with Timeout » title= »Timeout: 5 second » close= »1″ tdismiss= »1″ type= »large » position= »top » timer= »0″ ]Easy way to make sure your messages get read![/epsilon_fnotification]

[epsilon_fnotification bgstyle= »bg-orange-dark » tcolor= »#ffffff » bgcolor= » » ltext= »Fixed Bottom Notification with Timeout » title= »Timeout: 5 second » close= »1″ tdismiss= »1″ type= »small » position= »bottom » timer= »0″ ]Easy way to make sure your messages get read![/epsilon_fnotification]

 

Envoi
User Review
0 (0 votes)