{"id":109,"date":"2020-09-21T14:22:09","date_gmt":"2020-09-21T14:22:09","guid":{"rendered":"https:\/\/wow-company.com\/envato\/?p=109"},"modified":"2020-09-21T14:39:17","modified_gmt":"2020-09-21T14:39:17","slug":"side-menu","status":"publish","type":"post","link":"https:\/\/wow-company.com\/envato\/wordpress-plugins\/side-menu\/","title":{"rendered":"Side Menu"},"content":{"rendered":"\n\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 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                    <span class=\"select is-medium is-primary is-fullwidth\">\n                        <select id=\"position\" class=\"options is-radiusless\">\n\t\t\t\t\t\t\t<option value=\"-left\" selected=\"\">Left<\/option>\n\t\t\t\t\t\t\t<option value=\"-right\">Right<\/option>\n\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t<\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n\t\t\t\t\t  <i class=\"far fa-arrows\"><\/i>\n\t\t\t\t\t<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Vertical alignment<\/label>\n                            <div class=\"control has-icons-left\">\n                    <span class=\"select is-medium is-primary is-fullwidth\">\n                        <select id=\"align\" class=\"options is-radiusless\">\n\t\t\t\t\t\t\t<option value=\"--center\" selected=\"\">Center<\/option>\n\t\t\t\t\t\t\t<option value=\"--top\">Top<\/option>\n\t\t\t\t\t\t\t<option value=\"--bottom\">Bottom<\/option>\n\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t<\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n\t\t\t\t\t  <i class=\"far fa-align-justify\"><\/i>\n\t\t\t\t\t<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Size<\/label>\n                            <div class=\"control has-icons-left\">\n                    <span class=\"select is-medium is-primary is-fullwidth\">\n                        <select id=\"size\" class=\"options is-radiusless\">\n\t\t\t\t\t\t\t<option value=\"-small\">Small<\/option>\n\t\t\t\t\t\t\t<option value=\"-medium\" selected=\"selected\">Medium<\/option>\n\t\t\t\t\t\t\t<option value=\"-large\">Large<\/option>\n\t\t\t\t\t\t<\/select>\n                    <\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n\t\t\t\t\t  <i class=\"far fa-text-height\"><\/i>\n\t\t\t\t\t<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Space<\/label>\n                            <div class=\"control has-icons-left\">\n                    <span class=\"select is-medium is-primary is-fullwidth\">\n                        <select id=\"space\" class=\"options is-radiusless\">\n\t\t\t\t\t\t\t<option value=\"-space\" selected=\"\">Yes<\/option>\n\t\t\t\t\t\t\t<option value=\"\">No<\/option>\n\t\t\t\t\t\t<\/select>\n                    <\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n\t\t\t\t\t  <i class=\"far fa-line-height\"><\/i>\n\t\t\t\t\t<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Shadow<\/label>\n                            <div class=\"control has-icons-left\">\n                    <span class=\"select is-medium is-primary is-fullwidth\">\n                        <select id=\"shadow\" class=\"options is-radiusless\">\n\t\t\t\t\t\t\t<option value=\"-shadow\" selected=\"\">Yes<\/option>\n\t\t\t\t\t\t\t<option value=\"\">No<\/option>\n\t\t\t\t\t\t<\/select>\n                    <\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n\t\t\t\t\t  <i class=\"far fa-eclipse\"><\/i>\n\t\t\t\t\t<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Hold Open Label<\/label>\n                            <div class=\"control has-icons-left\">\n                                <span class=\"select is-medium is-primary is-fullwidth\">\n                                   <select id=\"label\" class=\"options is-radiusless\">\n                                        <option value=\"\" selected=\"\">No<\/option>\n                                        <option value=\"-visible\">Yes<\/option>\n                                    <\/select>\n                                <\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n                                    <i class=\"far fa-sign-out\"><\/i>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Connect all Items<\/label>\n                            <div class=\"control has-icons-left\">\n                                <span class=\"select is-medium is-primary is-fullwidth\">\n                                   <select id=\"connect\" class=\"options is-radiusless\">\n                                        <option value=\"\" selected=\"\">No<\/option>\n                                        <option value=\"-list-show\">Yes<\/option>\n                                    <\/select>\n                                <\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n                                    <i class=\"far fa-plug\"><\/i>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Hold open menu<\/label>\n                            <div class=\"control has-icons-left\">\n                                <span class=\"select is-medium is-primary is-fullwidth\">\n                                   <select id=\"hold\" class=\"options is-radiusless\">\n                                        <option value=\"\" selected=\"\">No<\/option>\n                                        <option value=\"-visible\">Yes<\/option>\n                                    <\/select>\n                                <\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n                                    <i class=\"far fa-sign-out\"><\/i>\n                                <\/span>\n                            <\/div>\n                            <p class=\"help is-danger\">Work only with &#8216;Connect all Items&#8217;-&gt;&#8217;Yes&#8217;<\/p>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n            <div class=\"column\"><\/div>\n        <\/div>\n    <\/div>\n\n\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\n            <\/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-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-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\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-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 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-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 history list.<\/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-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 list.<\/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-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            <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\">6 different Positions<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-window-restore fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">New Window<\/p>\n                        <p class=\"has-text-left\">Opening link in new window.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-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            <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 \">Tooltips for options<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-palette fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Custome Style<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-globe fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Cross-Browser<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-code fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">W3C Valid Code<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-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-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-repeat-alt 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-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\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\n            <\/h3>\n        <\/div>\n        <div class=\"columns is-multiline is-variable is-3 feature-boxes\">\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\/side-menu-contact.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/side-menu-contact.png\" alt=\"Side Menu - Contact\">\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\/side-menu-menu.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/side-menu-menu.png\" alt=\"Side Menu - Menu\">\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\/side-menu-profile.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/side-menu-profile.png\" alt=\"Side Menu - Profile\">\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\/side-menu-share.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/side-menu-share.png\" alt=\"Side Menu - Share\">\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\/side-menu-player.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/side-menu-player.png\" alt=\"Side Menu - Player\">\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\/side-menu-skype.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/side-menu-skype.png\" alt=\"Side Menu - Skype\">\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\n<div id=\"result\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Easily create sticky buttons of varying complexity.<\/p>\n","protected":false},"author":1,"featured_media":110,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-109","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\/109"}],"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=109"}],"version-history":[{"count":3,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/posts\/109\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/posts\/109\/revisions\/121"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/media\/110"}],"wp:attachment":[{"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/media?parent=109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/categories?post=109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wow-company.com\/envato\/wp-json\/wp\/v2\/tags?post=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}