{"id":33,"date":"2020-12-18T13:46:45","date_gmt":"2020-12-18T13:46:45","guid":{"rendered":"https:\/\/wow-company.com\/templatemonster\/?p=33"},"modified":"2020-12-18T13:46:46","modified_gmt":"2020-12-18T13:46:46","slug":"counter-box-pro","status":"publish","type":"post","link":"https:\/\/wow-company.com\/templatemonster\/plugins\/counter-box-pro\/","title":{"rendered":"Counter Box Pro"},"content":{"rendered":"\n<section class=\"section is-medium\" id=\"demo\">\n    <div class=\"container\">\n        <div class=\"block has-text-centered ds-title\">\n            <h3 class=\"title is-2\">\n                Live Demo<\/h3>\n            <p class=\"subtitle is-spaced\">Create counters with your own unique style<\/p>\n            <p class=\"subtitle has-text-danger is-7\">You can create counters for any you need and with any targets.<\/p>\n        <\/div>\n        <div class=\"columns is-multiline\">\n            <div class=\"column is-one-third\">\n                <div class=\"box has-text-centered has-text-grey is-radiusless live-box\">\n                    <p class=\"title is-5\">Countdown to Date<\/p>\n                    <hr>\n                    <div style=\"display:none;\" class=\"counter-box-1\"><p style=\"text-align: center\"><span style=\"font-size: 12pt;font-family: 'comic sans ms', sans-serif\">Until <span style=\"color: #dd3333\">New Year<\/span><\/span><\/p>\r\n<p style=\"text-align: center\"><span style=\"font-size: 18pt;color: #ffffff\">{day} {hour} {min} {sec}<\/span><\/p><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"column is-one-third\">\n                <div class=\"box has-text-centered has-text-grey is-radiusless live-box\">\n                    <p class=\"title is-5\">Countdown from Date<\/p>\n                    <hr>\n                    <div style=\"display:none;\" class=\"counter-box-2\"><h2 style=\"text-align: center\">Since the founding of <span style=\"color: #4285f4\">G<\/span><span style=\"color: #db4437\">o<\/span><span style=\"color: #f4b400\">o<\/span><span style=\"color: #4285f4\">g<\/span><span style=\"color: #0f9d58\">l<\/span><span style=\"color: #db4437\">e<\/span><\/h2>\r\n<p style=\"text-align: center\"><span style=\"font-size: 24pt;color: #4285f4\">{day} <\/span><span style=\"font-family: 'andale mono', monospace\">\/<\/span> \u00a0<span style=\"font-size: 24pt;color: #db4437\">{hour} <\/span><span style=\"font-family: 'andale mono', monospace\">\/<\/span> \u00a0<span style=\"font-size: 24pt;color: #f4b400\">{min} <\/span><span style=\"font-family: 'andale mono', monospace\">\/<\/span> \u00a0<span style=\"font-size: 24pt;color: #0f9d58\">{sec}<\/span><\/p>\r\n<\/div>\n                <\/div>\n            <\/div>\n            <div class=\"column is-one-third\">\n                <div class=\"box has-text-centered has-text-grey is-radiusless live-box\">\n                    <p class=\"title is-5\">Countdown to Weekday<\/p>\n                    <hr>\n                    <div style=\"display:none;\" class=\"counter-box-3\"><p style=\"text-align: center\"><span style=\"font-family: 'comic sans ms', sans-serif;font-size: 18pt\"><span style=\"color: #000080\">Until<\/span> <span style=\"color: #ff0000\">Friday<\/span> <strong>Party <\/strong><span style=\"color: #00ff00\">Left\u00a0<\/span><\/span><\/p>\r\n<p>\u00a0<\/p>\r\n<p style=\"text-align: center\"><span style=\"font-family: 'comic sans ms', sans-serif;font-size: 18pt;color: #ffffff\">{day} {hour} {min} {sec}<\/span><\/p><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"column is-one-third\">\n                <div class=\"box has-text-centered has-text-grey is-radiusless live-box\">\n                    <p class=\"title is-5\">Timer<\/p>\n                    <hr>\n                    <div style=\"display:none;\" class=\"counter-box-4\"><p style=\"text-align: center\"><span style=\"font-family: tahoma, arial, helvetica, sans-serif;font-size: 8pt;color: #0000ff\">BEFORE IT\u2019S TOO LATE<\/span><br \/><span style=\"font-family: tahoma, arial, helvetica, sans-serif;font-size: 14pt;color: #800080\">GET THE DISCOUNT 20% <\/span><\/p>\r\n<div>\u00a0<\/div>\r\n<div class=\"hide-box-4\" style=\"text-align: center\"><span style=\"font-family: impact, sans-serif\">96aaea267703bacd5ad9bdc0d4b80f6b<\/span><\/div>\r\n<div>\u00a0<\/div>\r\n<p style=\"text-align: center\"><span style=\"text-decoration: underline\"><strong><span style=\"font-size: 14pt;color: #ff0000;text-decoration: underline\">{min}<\/span><\/strong><\/span><sup>min<\/sup> <span style=\"text-decoration: underline\"><strong><span style=\"font-size: 14pt;color: #ff0000;text-decoration: underline\">{sec}<\/span><\/strong><\/span><sup>sec\u00a0<\/sup><\/p><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"column is-one-third\">\n                <div class=\"box has-text-centered has-text-grey is-radiusless live-box\">\n                    <p class=\"title is-5\">Counter UP<\/p>\n                    <hr>\n                    <div style=\"display:none;\" class=\"counter-box-5\"><p style=\"text-align: center\"><strong><span style=\"font-size: 14pt;font-family: 'times new roman', times, serif\">Counter Box Pro<\/span><\/strong><\/p>\r\n<p>\u00a0<\/p>\r\n<p style=\"text-align: center\">already use <strong><span style=\"font-size: 18pt;font-family: tahoma, arial, helvetica, sans-serif;color: #339966\">{counter}<\/span><\/strong> Customers<\/p><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"column is-one-third\">\n                <div class=\"box has-text-centered has-text-grey is-radiusless live-box\">\n                    <p class=\"title is-5\">Counter Down<\/p>\n                    <hr>\n                    <div style=\"display:none;\" class=\"counter-box-6\"><p style=\"text-align: center\"><span style=\"color: #ff0000\"><strong>!!!<\/strong><\/span> <strong><span style=\"font-size: 18pt;font-family: arial, helvetica, sans-serif\">Hurry Up<\/span><\/strong> <span style=\"color: #ff0000\"><strong>!!!<\/strong><\/span><\/p>\r\n<p>\u00a0<\/p>\r\n<p style=\"text-align: center\"><span style=\"font-size: 14pt\">Left only <strong><span style=\"font-size: 18pt;font-family: 'courier new', courier, monospace;color: #ff0000\">{counter}<\/span><\/strong> tickets<\/span><\/p>\r\n<p>\u00a0<\/p><\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"section has-background-info-light 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 <\/h3>\n        <\/div>\n        <div class=\"columns is-multiline is-variable is-3 feature-boxes\">\n\n            <div class=\"column is-one-third\">\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-hand-pointer fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">Different Types<\/p>\n                        <p>7 different types of counter: <b>Countdown to date<\/b>, <b>Count from date<\/b>, <b>Countdown\n                            to week day<\/b>, <b>Timer<\/b>, <b>Timer for each user<\/b>, <b>Timer Stop &amp; Go<\/b>,\n                            <b>Counter<\/b>.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n            <div class=\"column is-one-third\">\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-bullseye-pointer fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">Targets<\/p>\n                        <p>6 targets that can be triggered after the counter ends: <b>Hide Block<\/b>, <b>Show Block<\/b>,\n                            <b>Redirect<\/b>, <b>Hide the counter box<\/b>, <b>Show the message<\/b>, <b>Call any\n                                function<\/b>\n                    <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-one-third\">\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-clock fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">Timezone<\/p>\n                        <p>Set your local timezone for the counter.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-one-third\">\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-slash fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">Delimiter of number<\/p>\n                        <p>Divide the digits of the counter into digits<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-one-third\">\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-random fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">Randomizer<\/p>\n                        <p>Randomizer is the unique feature that lets your countdowns appear extremely realistic.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n            <div class=\"column is-one-third \">\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\">Highly Customizable<\/p>\n                        <p>Build a more powerful and influential style for your counter. Change fonts,\n                            colors, size for each element of counter\n                            .<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n            <div class=\"column is-one-third \">\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-calendar-alt fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">Scheduling<\/p>\n                        <p>Add scheduling options to your counter. With multiple schedule types, you can\n                            precisely schedule your counter in just a few minutes.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n            <div class=\"column is-one-third \">\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-users-class fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">User dependence<\/p>\n                        <p>Show counter depending on user (for all users, only for logged-in users, only for not\n                            logged-in users).<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-one-third \">\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-language fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Multi language<\/p>\n                        <p>The condition for display the counter depending on the language of the site. It is good\n                            to use if you have a website in several languages and you need to show different\n                            counter for a different language.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-one-third \">\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-heart-rate fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Live Editor<\/p>\n                        <p>Creating the counter style live.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-one-third \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"fab fa-js-square fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Vanilla JS<\/p>\n                        <p>Without using jQuery<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-one-third \">\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-one-third \">\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\n            <div class=\"column is-one-third \">\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-infinity fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Unlimited Numbers<\/p>\n                        <p>No limited to the number of counter.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-one-third \">\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>Product get maintained with improvements and bug fixes.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-one-third \">\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>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    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>The most powerful creator of counters, timers and countdowns<\/p>\n","protected":false},"author":1,"featured_media":34,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-33","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins"],"_links":{"self":[{"href":"https:\/\/wow-company.com\/templatemonster\/wp-json\/wp\/v2\/posts\/33"}],"collection":[{"href":"https:\/\/wow-company.com\/templatemonster\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wow-company.com\/templatemonster\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wow-company.com\/templatemonster\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wow-company.com\/templatemonster\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":1,"href":"https:\/\/wow-company.com\/templatemonster\/wp-json\/wp\/v2\/posts\/33\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/wow-company.com\/templatemonster\/wp-json\/wp\/v2\/posts\/33\/revisions\/35"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wow-company.com\/templatemonster\/wp-json\/wp\/v2\/media\/34"}],"wp:attachment":[{"href":"https:\/\/wow-company.com\/templatemonster\/wp-json\/wp\/v2\/media?parent=33"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wow-company.com\/templatemonster\/wp-json\/wp\/v2\/categories?post=33"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wow-company.com\/templatemonster\/wp-json\/wp\/v2\/tags?post=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}