{"id":186,"date":"2020-09-23T08:03:54","date_gmt":"2020-09-23T08:03:54","guid":{"rendered":"https:\/\/wow-company.com\/envato\/?p=186"},"modified":"2020-09-29T10:51:12","modified_gmt":"2020-09-29T10:51:12","slug":"bubble-menu","status":"publish","type":"post","link":"https:\/\/wow-company.com\/envato\/wordpress-plugins\/bubble-menu\/","title":{"rendered":"Bubble Menu"},"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\">Try to change options and see the result<\/p>\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        <div class=\"columns\">\n            <div class=\"column\"><\/div>\n            <div class=\"column is-three-quarters\">\n\n                <div class=\"columns is-multiline has-shadow \">\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Position<\/label>\n                            <div class=\"control has-icons-left\">\n                                <div class=\"select is-medium is-primary is-fullwidth\">\n                                    <select id=\"position\" class=\"options is-radiusless\">\n                                        <option value=\"wow-bmp-pos-t\">Top (max 9 buttons)<\/option>\n                                        <option value=\"wow-bmp-pos-r\">Right (max 9 buttons)<\/option>\n                                        <option value=\"wow-bmp-pos-b\">Bottom (max 9 buttons)<\/option>\n                                        <option value=\"wow-bmp-pos-l\" selected=\"selected\">Left (max 9 buttons)<\/option>\n                                        <option value=\"wow-bmp-pos-tl\">Top-left (max 5 buttons)<\/option>\n                                        <option value=\"wow-bmp-pos-tr\">Top-right (max 5 buttons)<\/option>\n                                        <option value=\"wow-bmp-pos-br\">Bottom-right (max 5 buttons)<\/option>\n                                        <option value=\"wow-bmp-pos-bl\">Bottom-left (max 5 buttons)<\/option>\n                                    <\/select>\n                                <\/div>\n                                <div class=\"icon is-small is-left has-text-grey-lighter\">\n                                    <i class=\"far fa-arrows\"><\/i>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Shapes<\/label>\n                            <div class=\"control has-icons-left\">\n                                <div class=\"select is-medium is-primary is-fullwidth\">\n                                    <select id=\"shape\" class=\"options is-radiusless is-fullwidth\">\n                                        <option value=\"\" selected=\"selected\">Circle<\/option>\n                                        <option value=\"wow-bmp-shape-rsquare\">Rounded square<\/option>\n                                        <option value=\"wow-bmp-shape-ellipse\">Ellipse<\/option>\n                                        <option value=\"wow-bmp-shape-square\">Square<\/option>\n                                    <\/select>\n                                <\/div>\n                                <div class=\"icon is-small is-left has-text-grey-lighter\">\n                                    <i class=\"far fa-shapes\"><\/i>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Animation<\/label>\n                            <div class=\"control has-icons-left\">\n                                <div class=\"select is-medium is-primary is-fullwidth\">\n                                    <select id=\"animation\" class=\"options is-radiusless is-fullwidth\">\n                                        <option value=\"\" selected=\"selected\">One by one<\/option>\n                                        <option value=\"wow-bmp-effect-fade\">One by one + Fade<\/option>\n                                        <option value=\"wow-bmp-effect-rotate\">One by one + Rotate<\/option>\n                                        <option value=\"wow-bmp-effect-scale\">One by one + Scale<\/option>\n                                        <option value=\"wow-bmp-effect-fade wow-bmp-effect-rotate\">One by one + Fade +\n                                            Rotate\n                                        <\/option>\n                                        <option value=\"wow-bmp-effect-fade wow-bmp-effect-scale\">One by one + Fade +\n                                            Scale\n                                        <\/option>\n                                        <option value=\"wow-bmp-effect-rotate wow-bmp-effect-scale\">One by one + Rotate +\n                                            Scale\n                                        <\/option>\n                                        <option value=\"wow-bmp-effect-fade wow-bmp-effect-rotate wow-bmp-effect-scale\">\n                                            One by one + Fade + Rotate + Scale\n                                        <\/option>\n                                        <option value=\"wow-bmp-effect-aao\">All at once<\/option>\n                                        <option value=\"wow-bmp-effect-aao wow-bmp-effect-fade\">All at once + Fade\n                                        <\/option>\n                                        <option value=\"wow-bmp-effect-aao wow-bmp-effect-rotate\">All at once + Rotate\n                                        <\/option>\n                                        <option value=\"wow-bmp-effect-aao wow-bmp-effect-scale\">All at once + Scale\n                                        <\/option>\n                                        <option value=\"wow-bmp-effect-aao wow-bmp-effect-fade wow-bmp-effect-rotate\">All\n                                            at once + Fade + Rotate\n                                        <\/option>\n                                        <option value=\"wow-bmp-effect-aao wow-bmp-effect-fade wow-bmp-effect-scale\">All\n                                            at once + Fade + Scale\n                                        <\/option>\n                                        <option value=\"wow-bmp-effect-aao wow-bmp-effect-rotate wow-bmp-effect-scale\">\n                                            All at once + Rotate + Scale\n                                        <\/option>\n                                        <option value=\"wow-bmp-effect-aao wow-bmp-effect-fade wow-bmp-effect-rotate wow-bmp-effect-scale\">\n                                            All at once + Fade + Rotate + Scale\n                                        <\/option>\n                                    <\/select>\n                                <\/div>\n                                <div class=\"icon is-small is-left has-text-grey-lighter\">\n                                    <i class=\"far fa-swatchbook\"><\/i>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"column\"><\/div>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<section class=\"section has-background-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\n            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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\">16 animations for showing sub buttons<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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 \">4 Different Shapes<\/p>\n                        <p class=\"has-text-left\">Choose different types of shapes for the menu: Square, Round, Rounded,\n                            Rounded-out.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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,\n                            only for not logged-in\n                            users).<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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\n                            clicked on.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-bottom fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Go To Bottom<\/p>\n                        <p class=\"has-text-left\">Create a button that will take the user to the bottom of the page when\n                            clicked on.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-left fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Go Back<\/p>\n                        <p class=\"has-text-left\">Create a button that will take the user to the previous URL in the\n                            history list.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-right fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Go Forward<\/p>\n                        <p class=\"has-text-left\">Create a button that will take the user to the next URL in the history\n                            list.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-door-open fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Hold buttons open<\/p>\n                        <p class=\"has-text-left\">You can show the buttons open when the page load<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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\">8 different Positions<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-image fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Custom Icon<\/p>\n                        <p class=\"has-text-left\">Add your own icon for the menu item.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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-repeat fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Lifetime Free Updates<\/p>\n                        <p class=\"has-text-left\">Never pay for an update.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-half-tablet is-one-third-desktop is-one-quarter-widescreen\">\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 \">Customer Support<\/p>\n                        <p class=\"has-text-left\">Friendly customer support.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<section class=\"section is-medium\" id=\"examples\">\n    <div class=\"container\">\n        <div class=\"block has-text-centered ds-title\">\n            <p class=\"subtitle is-5 is-uppercase has-text-danger\">how it helps<\/p>\n            <h3 class=\"title is-1\">\n                Examples in Screenshots <\/h3>\n        <\/div>\n        <div class=\"columns is-multiline is-variable is-3 feature-boxes\">\n            \n            <div class=\"column is-full-mobile  is-one-third-desktop is-half-tablet \">\n                <div class=\"card\">\n                    <div class=\"card-image\">\n                        <figure class=\"image is-5by3\">\n                            <a data-fslightbox=\"gallery\" href=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/bubble-menu-contacts.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/bubble-menu-contacts.png\" alt=\"Bubble Menu - Contact\" loading=\"lazy\">\n                            <\/a>\n                        <\/figure>\n                    <\/div>\n                    <div class=\"card-content has-text-centered\">\n                        <p class=\"title is-4\">Contacts<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile  is-one-third-desktop is-half-tablet \">\n                <div class=\"card\">\n                    <div class=\"card-image\">\n                        <figure class=\"image is-5by3\">\n                            <a data-fslightbox=\"gallery\" href=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/bubble-menu-navigation.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/bubble-menu-navigation.png\" alt=\"Bubble Menu - Menu\" loading=\"lazy\">\n                            <\/a>\n                        <\/figure>\n                    <\/div>\n                    <div class=\"card-content has-text-centered\">\n                        <p class=\"title is-4\">Navigation Menu<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile  is-one-third-desktop is-half-tablet \">\n                <div class=\"card\">\n                    <div class=\"card-image\">\n                        <figure class=\"image is-5by3\">\n                            <a data-fslightbox=\"gallery\" href=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/bubble-menu-profile-menu.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/bubble-menu-profile-menu.png\" alt=\"Bubble Menu - Profile\" loading=\"lazy\">\n                            <\/a>\n                        <\/figure>\n                    <\/div>\n                    <div class=\"card-content has-text-centered\">\n                        <p class=\"title is-4\">Profile Menu<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile  is-one-third-desktop is-half-tablet \">\n                <div class=\"card\">\n                    <div class=\"card-image\">\n                        <figure class=\"image is-5by3\">\n                            <a data-fslightbox=\"gallery\" href=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/bubble-menu-share.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/bubble-menu-share.png\" alt=\"Bubble Menu - Share\" loading=\"lazy\">\n                            <\/a>\n                        <\/figure>\n                    <\/div>\n                    <div class=\"card-content has-text-centered\">\n                        <p class=\"title is-4\">Share<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile  is-one-third-desktop is-half-tablet \">\n                <div class=\"card\">\n                    <div class=\"card-image\">\n                        <figure class=\"image is-5by3\">\n                            <a data-fslightbox=\"gallery\" href=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/bubble-menu-player.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/bubble-menu-player.png\" alt=\"Bubble Menu - Player\" loading=\"lazy\">\n                            <\/a>\n                        <\/figure>\n                    <\/div>\n                    <div class=\"card-content has-text-centered\">\n                        <p class=\"title is-4\">Player<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile  is-one-third-desktop is-half-tablet \">\n                <div class=\"card\">\n                    <div class=\"card-image\">\n                        <figure class=\"image is-5by3\">\n                            <a data-fslightbox=\"gallery\" href=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/bubble-menu-skype.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/bubble-menu-skype.png\" alt=\"Bubble Menu - Skype\" loading=\"lazy\">\n                            <\/a>\n                        <\/figure>\n                    <\/div>\n                    <div class=\"card-content has-text-centered\">\n                        <p class=\"title is-4\">Skype Menu<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n<div id=\"result\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Creating awesome circle menu with icons.<\/p>\n","protected":false},"author":1,"featured_media":187,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-186","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\/186"}],"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=186"}],"version-history":[{"count":4,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/posts\/186\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/posts\/186\/revisions\/225"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/media\/187"}],"wp:attachment":[{"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/media?parent=186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/categories?post=186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/tags?post=186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}