{"id":24,"date":"2020-10-06T12:20:38","date_gmt":"2020-10-06T12:20:38","guid":{"rendered":"https:\/\/wow-company.com\/preview\/?p=24"},"modified":"2020-10-07T12:29:35","modified_gmt":"2020-10-07T12:29:35","slug":"jquery-popup-notifications","status":"publish","type":"post","link":"https:\/\/wow-company.com\/preview\/javascript\/jquery-popup-notifications\/","title":{"rendered":"jQuery Popup Notifications"},"content":{"rendered":"\n<section class=\"section is-medium\" id=\"features\">\n    <div class=\"container\">\n        <div class=\"block has-text-centered ds-title\">\n            <p class=\"subtitle is-5 is-uppercase has-text-danger\">what you get<\/p>\n            <h3 class=\"title is-2\">\n                Awesome Features\n            <\/h3>\n        <\/div>\n        <div class=\"columns is-multiline is-variable is-3 feature-boxes\">\n\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered feature-box is-radiusless\">\n                    <div class=\"icon is-large has-text-grey\">\n                        <i class=\"far fa-swatchbook fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Beautiful Animations<\/p>\n                        <p class=\"has-text-left\">32 different animations for showing a notification.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-sort-numeric-up fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">Number of notifications<\/p>\n                        <p class=\"has-text-left\">Control of the number of notifications for one user.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far far fa-clock fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Time Control<\/p>\n                        <p class=\"has-text-left\">Show notifications on a specific day span.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-arrows fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Powerful positioning<\/p>\n                        <p class=\"has-text-left\">Position notification anywhere on the screen.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-window-restore fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">New Window<\/p>\n                        <p class=\"has-text-left\">Opening link in new window.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-palette fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Custome Style<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-globe fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Cross-Browser<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-code fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">W3C Valid Code<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-file-edit fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">Well Documented<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-download fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Free Updates<\/p>\n                        <p class=\"has-text-left\">Product get maintained with improvements and bug fixes.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-headset fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">Fast Support<\/p>\n                        <p class=\"has-text-left\">We work closely with the user community and listen to your opinion. We provide free\n                            technical\n                            and\n                            information support for customers.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Create and show fake notifications to motivate users to take action on your site.<\/p>\n","protected":false},"author":1,"featured_media":25,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-24","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/posts\/24"}],"collection":[{"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":1,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/posts\/24\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/posts\/24\/revisions\/26"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/media\/25"}],"wp:attachment":[{"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/media?parent=24"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/categories?post=24"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/tags?post=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}