{"id":142,"date":"2020-09-21T15:28:10","date_gmt":"2020-09-21T15:28:10","guid":{"rendered":"https:\/\/wow-company.com\/envato\/?p=142"},"modified":"2020-09-21T15:32:18","modified_gmt":"2020-09-21T15:32:18","slug":"button-generator","status":"publish","type":"post","link":"https:\/\/wow-company.com\/envato\/wordpress-plugins\/button-generator\/","title":{"rendered":"Button Generator"},"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\n            <\/h3>\n            <p class=\"subtitle has-text-danger is-7\">These are not all settings. The item has many more flexible display\n                settings.<\/p>\n        <\/div>\n\n\n        <div class=\"tab-wrapper\">\n            <div class=\"tabs is-centered\">\n                <ul>\n                    <li class=\"is-active\" data-tab=\"style\"><a>Style<\/a><\/li>\n                    <li data-tab=\"animation\"><a>Animation<\/a><\/li>\n                    <li data-tab=\"icons\"><a>Icons<\/a><\/li>\n                    <li data-tab=\"background\"><a>Background<\/a><\/li>\n                <\/ul>\n            <\/div>\n            <div data-content=\"style\" class=\"section\">\n\n                <div class=\"columns is-centered\">\n                    <div class=\"column is-two-thirds\">\n                        <div class=\"columns is-multiline\">\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-30\" data-action=\"link\">Button<\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-31\" data-action=\"link\">Button More Text\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-32\" data-action=\"link\">Button<\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-33\" data-action=\"link\">Button<\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-34\" data-action=\"link\"><i class=\"fas fa-glass-martini-alt \"><\/i> Button\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-35\" data-action=\"link\">Button <i class=\"fas fa-thumbs-up\"><\/i><\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-36\" data-action=\"link\"><i class=\"fas fa-wifi\"><\/i><\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-37\" data-action=\"link\">Download <i class=\"fas fa-cloud-download-alt \"><\/i><\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-43\" data-btn-share=\"facebook\" onclick=\"btnAction(43)\">Facebook<span class=\"badge btg-counter\">4<\/span>\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-44 hvr-radial-out\" data-btn-share=\"email\" onclick=\"btnAction(44)\"><i class=\"far fa-envelope  hvr-icon\"><\/i> Send by\n                                    Email<span class=\"badge btg-counter\">3<\/span><\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-45 hvr-sweep-to-left\" data-action=\"link\" onclick=\"btnAction(45)\">Good\n                                    <i class=\"fas fa-leaf  hvr-icon\"><\/i><span class=\"badge btg-counter\">9<\/span>\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-46 hvr-shutter-out-vertical\" data-action=\"link\" onclick=\"btnAction(46)\"><i class=\"fas fa-trash  hvr-icon\"><\/i> Not Good<span class=\"badge btg-counter\">3<\/span><\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-47 hvr-icon-drop\" data-btn-type=\"print\" onclick=\"btnAction(47)\"><i class=\"fas fa-print  hvr-icon\"><\/i><span class=\"badge\">Print<\/span><\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-48 hvr-icon-float\" data-btn-type=\"toTop\" onclick=\"btnAction(48)\"><i class=\"fas fa-long-arrow-alt-up  hvr-icon\"><\/i><span class=\"badge\">Scroll To Top<\/span><\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            <div data-content=\"animation\" class=\"is-hidden section\">\n                <div class=\"columns is-centered\">\n                    <div class=\"column is-two-thirds\">\n                        <div class=\"columns is-multiline\">\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-1 hvr-grow\" data-action=\"link\">Grow<\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-2 hvr-shrink\" data-action=\"link\">Shrink<\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-3 hvr-pulse\" data-action=\"link\">Pulse<\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-4 hvr-pulse-grow\" data-action=\"link\">Pulse\n                                    Grow\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-5 hvr-pulse-shrink\" data-action=\"link\">Pulse\n                                    Shrink\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-6 hvr-push\" data-action=\"link\">Push<\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-7 hvr-pop\" data-action=\"link\">Pop<\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-8 hvr-bounce-in\" data-action=\"link\">Bounce in\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-9 hvr-bounce-out\" data-action=\"link\">Bounce\n                                    out\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-10 hvr-rotate\" data-action=\"link\">Rotate\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-11 hvr-grow-rotate\" data-action=\"link\">Grow\n                                    Rotate\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-12 hvr-float\" data-action=\"link\">Float<\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-28 hvr-sink\" data-action=\"link\">Sink<\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-13 hvr-bob\" data-action=\"link\">Bob<\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-14 hvr-hang\" data-action=\"link\">Hang<\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-15 hvr-skew\" data-action=\"link\">Skew<\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-16 hvr-skew-backward\" data-action=\"link\">Skew\n                                    Backward\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-17 hvr-skew-forward\" data-action=\"link\">Skew\n                                    Forward\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-19 hvr-wobble-horizontal\" data-action=\"link\">\n                                    Wobble Horizontal\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-24 hvr-wobble-vertical\" data-action=\"link\">\n                                    Wobble Vertical\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-21 hvr-wobble-to-bottom-right\" data-action=\"link\">\n                                    Wobble To Bottom\n                                    Right\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-22 hvr-wobble-to-top-right\" data-action=\"link\">\n                                    Wobble To Top Right\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-23 hvr-wobble-top\" data-action=\"link\">Wobble\n                                    Top\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-18 hvr-wobble-bottom\" data-action=\"link\">Wobble\n                                    Bottom\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-20 hvr-wobble-skew\" data-action=\"link\">Wobble\n                                    Skew\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-25 hvr-buzz\" data-action=\"link\">Buzz<\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-26 hvr-buzz-out\" data-action=\"link\">Buzz Out\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-27 hvr-forward\" data-action=\"link\">Forward\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-38 hvr-curl-top-left\" data-action=\"link\">Curl\n                                    Top Left\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-39 hvr-curl-top-right\" data-action=\"link\">Curl\n                                    Top Right\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-40 hvr-curl-bottom-right\" data-action=\"link\">\n                                    Curl Bottom Right\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-41 hvr-curl-bottom-left\" data-action=\"link\">\n                                    Curl Bottom Left\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div data-content=\"icons\" class=\"is-hidden section\">\n                <div class=\"columns is-centered\">\n                    <div class=\"column is-two-thirds\">\n                        <div class=\"columns is-multiline\">\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-1 hvr-icon-back\" data-action=\"link\"><i class=\"fas fa-chevron-circle-left hvr-icon\"><\/i> Back\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-2 hvr-icon-forward\" data-action=\"link\">Forward\n                                    <i class=\"fas fa-chevron-circle-right hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-3 hvr-icon-down\" data-action=\"link\">Down\n                                    <i class=\"fas fa-arrow-circle-down hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-4 hvr-icon-up\" data-action=\"link\">Up\n                                    <i class=\"fas fa-arrow-circle-up hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-2 hvr-icon-spin\" data-action=\"link\">Spin\n                                    <i class=\"fas fa-sync hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-3 hvr-icon-drop\" data-action=\"link\">Drop\n                                    <i class=\"fas fa-tint hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-4 hvr-icon-fade\" data-action=\"link\">Fade\n                                    <i class=\"fas fa-check hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-1 hvr-icon-float-away\" data-action=\"link\">Float\n                                    Away\n                                    <i class=\"fas fa-plus-circle hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-3 hvr-icon-sink-away\" data-action=\"link\">Sink\n                                    Away\n                                    <i class=\"fas fa-minus-circle hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-4 hvr-icon-grow\" data-action=\"link\">Grow\n                                    <i class=\"fas fa-smile hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-1 hvr-icon-shrink\" data-action=\"link\">Shrink\n                                    <i class=\"fas fa-frown hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-2 hvr-icon-pulse\" data-action=\"link\">Pulse\n                                    <i class=\"fas fa-heartbeat hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-4 hvr-icon-pulse-grow\" data-action=\"link\">Pulse\n                                    Grow\n                                    <i class=\"fas fa-heart hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-1 hvr-icon-pulse-shrink\" data-action=\"link\">\n                                    Pulse Shrink\n                                    <i class=\"far fa-heart hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-2 hvr-icon-push\" data-action=\"link\">Push\n                                    <i class=\"fas fa-star hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-3 hvr-icon-pop\" data-action=\"link\">Pop\n                                    <i class=\"far fa-star hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-1 hvr-icon-bounce\" data-action=\"link\">Bounce\n                                    <i class=\"fa fa-thumbs-up hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-2 hvr-icon-rotate\" data-action=\"link\">Rotate\n                                    <i class=\"fas fa-paperclip hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-3 hvr-icon-grow-rotate\" data-action=\"link\">Grow\n                                    Rotate\n                                    <i class=\"fas fa-phone hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-4 hvr-icon-float\" data-action=\"link\">Float\n                                    <i class=\"fas fa-arrow-circle-up hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-2 hvr-icon-sink\" data-action=\"link\">Sink\n                                    <i class=\"fas fa-arrow-circle-down hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-3 hvr-icon-bob\" data-action=\"link\">Bob\n                                    <i class=\"fas fa-chevron-up hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-4 hvr-icon-hang\" data-action=\"link\">Hang\n                                    <i class=\"fas fa-chevron-down hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-1 hvr-icon-wobble-horizontal\" data-action=\"link\">\n                                    Wobble Horizontal\n                                    <i class=\"fas fa-arrow-right hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-3 hvr-icon-wobble-vertical\" data-action=\"link\">\n                                    Wobble Vertical\n                                    <i class=\"fas fa-arrow-up hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-4 hvr-icon-buzz\" data-action=\"link\">Buzz\n                                    <i class=\"fas fa-clock hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-1 hvr-icon-buzz-out\" data-action=\"link\">Buzz Out\n                                    <i class=\"fas fa-lock hvr-icon\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            <div data-content=\"background\" class=\"is-hidden section\">\n                <div class=\"columns is-centered\">\n                    <div class=\"column is-two-thirds\">\n                        <div class=\"columns is-multiline\">\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-42 hvr-sweep-to-right\" data-action=\"link\">\n                                    Sweep To Right\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-42 hvr-sweep-to-left\" data-action=\"link\">\n                                    Sweep To Left\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-42 hvr-sweep-to-bottom\" data-action=\"link\">\n                                    Sweep To Bottom\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-42 hvr-sweep-to-top\" data-action=\"link\">\n                                    Sweep To Top\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-42 hvr-bounce-to-right\" data-action=\"link\">\n                                    Bounce To Right\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-42 hvr-bounce-to-left\" data-action=\"link\">\n                                    Bounce To Left\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-42 hvr-bounce-to-bottom\" data-action=\"link\">\n                                    Bounce To Bottom\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-42 hvr-bounce-to-top\" data-action=\"link\">\n                                    Bounce To Top\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-42 hvr-radial-out\" data-action=\"link\">\n                                    Radial Out\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-42 hvr-rectangle-out\" data-action=\"link\">\n                                    Rectangle Out\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-42 hvr-shutter-out-horizontal\" data-action=\"link\">\n                                    Shutter Out Horizontal\n                                <\/button>\n                            <\/div>\n\n\n                            <div class=\"column\">\n                                <button class=\"btg-button btg-button-42 hvr-shutter-out-vertical\" data-action=\"link\">\n                                    Shutter Out Vertical\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\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\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 has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-flag fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">1500+ Icons<\/p>\n                        <p class=\"has-text-left\">The current version of the plugin has 1500+ Font Awesome Icon.<\/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 \">Different Positions<\/p>\n                        <p class=\"has-text-left\">Can be any positioned for floating button.<\/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-users-class fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">User dependence<\/p>\n                        <p class=\"has-text-left\">Show menu depending on user (for all users, only for logged-in users, only for not logged-in\n                            users).<\/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-share-alt fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">33 Social Share<\/p>\n                        <p class=\"has-text-left\">33 Easy Social Share Buttons for WordPress.<\/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-link fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Any link<\/p>\n                        <p class=\"has-text-left\">Insert any link to the button.<\/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-text-height fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Size control<\/p>\n                        <p class=\"has-text-left\">Set the custom size for texts and icons.<\/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-chart-bar fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Analytics<\/p>\n                        <p class=\"has-text-left\">Track views and clicks.<\/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-shapes fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Different Shapes<\/p>\n                        <p class=\"has-text-left\">Create different shapes for buttons.<\/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-pen-square fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Buttons style<\/p>\n                        <p class=\"has-text-left\">Powerful editor of the button style. Can create buttons with any\n                            custom 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-heart-rate fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Live Editor<\/p>\n                        <p class=\"has-text-left\">Creating the button style live.<\/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-plus fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Add Attributes<\/p>\n                        <p class=\"has-text-left\">Add custom values to attributes such as CLASS and ID to each button.<\/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-info fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Badge<\/p>\n                        <p class=\"has-text-left\">Create an information badge for the button like counter for example.<\/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-tablet fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Devices control<\/p>\n                        <p class=\"has-text-left\">You can specify for which devices to show the menu.<\/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-alt-v fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Smooth Scroll<\/p>\n                        <p class=\"has-text-left\">Create a smooth scrolling effect to the page anchors.<\/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-arrow-to-top fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Go To Top<\/p>\n                        <p class=\"has-text-left\">Create a button that will take the user to the top of the page when clicked on.<\/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-print fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Print<\/p>\n                        <p class=\"has-text-left\">Function for print the page via a click on the item.<\/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-users-cog fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">User links<\/p>\n                        <p class=\"has-text-left\">Built-in user links: LogIn, LogOut, Register, Lostpassword.<\/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-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-language fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Language dependence<\/p>\n                        <p class=\"has-text-left\">Show menu depending on language.<\/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-alt fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Specific pages<\/p>\n                        <p class=\"has-text-left\">Show the menu on the specific pages.<\/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-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-infinity fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Unlimited Numbers<\/p>\n                        <p class=\"has-text-left\">No limited to the number of buttons and sub-buttons.<\/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 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>Easy generation of custom buttons.<\/p>\n","protected":false},"author":1,"featured_media":143,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-142","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-plugins"],"_links":{"self":[{"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/posts\/142"}],"collection":[{"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/comments?post=142"}],"version-history":[{"count":2,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/posts\/142\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/posts\/142\/revisions\/145"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/media\/143"}],"wp:attachment":[{"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/media?parent=142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/categories?post=142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/tags?post=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}