{"id":78332,"date":"2022-03-24T10:10:21","date_gmt":"2022-03-24T10:10:21","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?page_id=78332"},"modified":"2023-05-17T10:25:09","modified_gmt":"2023-05-17T10:25:09","slug":"content-menu","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/","title":{"rendered":"Content Menu block for Gutenberg"},"content":{"rendered":"\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-bc42124d qodef-col-num--2 qodef-col-layout--50 qodef-content--full-width qodef-gutter--no\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-0ff15a9c qodef-vertical-align--middle qodef-horizontal-align--start\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-6ee78270 qodef-width--inline qodef-width--tablet--full-width\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-title-break-disabled--mobile qodef-text-break-disabled--mobile qodef-subtitle-icon--left\"><h1 class=\"qodef-m-title\">Content Menu <br><span style=\"text-decoration: underline;\" class=\"qodef-underline-text\">GUTENBERG<\/span> block<\/h1><p class=\"qodef-m-text\">A custom block that lets you effortlessly input menus <br>anywhere on your pages &amp; easily adapt them<\/p><div class=\"qodef-m-button qodef-block-clear\">\n<div class=\"wp-block-qi-blocks-button qodef-block-container qodef-block-c4654a87\"><a class=\"qi-block-button qodef-block qodef-m qodef-layout--filled qodef-type--standard qodef-text-underline qodef-underline--left qodef-hover--icon-move-horizontal-short\" href=\"https:\/\/qodeinteractive.com\/pricing\/?qi_product=blocks\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"qodef-m-text\">TRY QI BLOCKS<\/span><\/a><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-hide-on--tablet qodef-hide-on--mobile qodef-block-d5ad075d qodef-horizontal-align--center\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-64b6f2dc qodef-width--custom\" data-width=\"685px\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"685\" height=\"501\" class=\"wp-image-80052\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/content-menu-title-image.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/content-menu-title-image.png 685w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/content-menu-title-image-300x219.png 300w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/content-menu-title-image-600x439.png 600w\" sizes=\"auto, (max-width: 685px) 100vw, 685px\" \/><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-8522c0d9 qodef-col-num--1 qodef-col-layout--100 qodef-content--predefined qodef-content--1300 qodef-gutter--no\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-9df4f967 qodef-horizontal-align--center\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-db8f479b\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h5 class=\"qodef-m-subtitle\"><span>Input menu content<\/span><\/h5><h2 class=\"qodef-m-title\">Add menus of your choice<\/h2><\/div><\/div>\n\n\n<div  class=\"qodef-block-container qodef-block-9b3920de\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--horizontal qodef-responsive--680 qodef-item-style--with-active-underline\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-conten-menu-1\" class=\"menu\"><li id=\"menu-item-78340\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78340\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><\/a><\/li>\n<li id=\"menu-item-78341\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78341\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><\/a><\/li>\n<li id=\"menu-item-78342\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78342\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><\/a><\/li>\n<li id=\"menu-item-78343\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78343\"><a href=\"#\"><span class=\"qodef-m-text\">Documentation<\/span><\/a><\/li>\n<li id=\"menu-item-78344\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78344\"><a href=\"#\"><span class=\"qodef-m-text\">Contact<\/span><\/a><\/li>\n<li id=\"menu-item-78345\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78345\"><a href=\"#\"><span class=\"qodef-m-text\">Account<\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div>\n\n<div  class=\"qodef-block-container qodef-block-412e6a8e qodef-width--full-width\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--horizontal qodef-responsive--680 qodef-item-style--default\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-conten-menu-2\" class=\"menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78340\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78341\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78342\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78343\"><a href=\"#\"><span class=\"qodef-m-text\">Documentation<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78344\"><a href=\"#\"><span class=\"qodef-m-text\">Contact<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78345\"><a href=\"#\"><span class=\"qodef-m-text\">Account<\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div>\n\n<div  class=\"qodef-block-container qodef-block-85c0565b\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--horizontal qodef-responsive--680 qodef-item-style--with-icon qodef-item-icon-hover--horizontal-short qodef-item-icon-position--right\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-conten-menu-3\" class=\"menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78340\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4; stroke:transparent;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78341\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4; stroke:transparent;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78342\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4; stroke:transparent;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78343\"><a href=\"#\"><span class=\"qodef-m-text\">Documentation<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4; stroke:transparent;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78344\"><a href=\"#\"><span class=\"qodef-m-text\">Contact<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4; stroke:transparent;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78345\"><a href=\"#\"><span class=\"qodef-m-text\">Account<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4; stroke:transparent;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-ab2232ce qodef-col-num--2 qodef-col-layout--50 qodef-content--full-width qodef-gutter--no\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-a700bfb1\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-spacer qodef-block-container qodef-block-b7e2d86b\"><div class=\"qi-block-spacer qodef-block qodef-m\"><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-875620ad qodef-vertical-align--top\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-ddfebdd3 qodef-width--custom qodef-width--mobile--full-width\" data-width=\"730px\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h2 class=\"qodef-m-title\">Item styles<\/h2><p class=\"qodef-m-text\">Easily enable customizable borders around menu items, feature underlines, adjust item hover styles and more<\/p><\/div><\/div>\n\n\n<div  class=\"qodef-block-container qodef-block-55a0986a qodef-width--custom\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--horizontal qodef-responsive--680 qodef-item-style--with-active-floating-underline\"><span class=\"qodef-navigation-line\"><\/span><nav class=\"qodef-navigation-menu\"><ul id=\"menu-content-menu-2\" class=\"menu\"><li id=\"menu-item-78346\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78346\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><\/a><\/li>\n<li id=\"menu-item-78347\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78347\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><\/a><\/li>\n<li id=\"menu-item-78348\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78348\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><\/a><\/li>\n<li id=\"menu-item-78349\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78349\"><a href=\"#\"><span class=\"qodef-m-text\">Documentation<\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div>\n\n<div  class=\"qodef-block-container qodef-block-e580d8ce qodef-width--custom\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--horizontal qodef-responsive--680 qodef-item-style--with-active-icon qodef-item-icon-appear--fade-in qodef-item-icon-position--left\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-content-menu-3\" class=\"menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78346\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"5px\" height=\"5px\" viewBox=\"0 0 5 5\" xml:space=\"preserve\">\n<circle fill=\"#F95746\" cx=\"2.5\" cy=\"2.5\" r=\"2.5\"><\/circle>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78347\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"5px\" height=\"5px\" viewBox=\"0 0 5 5\" xml:space=\"preserve\">\n<circle fill=\"#F95746\" cx=\"2.5\" cy=\"2.5\" r=\"2.5\"><\/circle>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78348\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"5px\" height=\"5px\" viewBox=\"0 0 5 5\" xml:space=\"preserve\">\n<circle fill=\"#F95746\" cx=\"2.5\" cy=\"2.5\" r=\"2.5\"><\/circle>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78349\"><a href=\"#\"><span class=\"qodef-m-text\">Documentation<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"5px\" height=\"5px\" viewBox=\"0 0 5 5\" xml:space=\"preserve\">\n<circle fill=\"#F95746\" cx=\"2.5\" cy=\"2.5\" r=\"2.5\"><\/circle>\n<\/svg><\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div>\n\n<div  class=\"qodef-block-container qodef-block-53128ad5 qodef-width--custom\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--horizontal qodef-responsive--680 qodef-border--between qodef-item-style--default\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-content-menu-4\" class=\"menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78346\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78347\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78348\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78349\"><a href=\"#\"><span class=\"qodef-m-text\">Documentation<\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-7bc4362f qodef-col-num--1 qodef-col-layout--100 qodef-content--predefined qodef-content--1100 qodef-gutter--no\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-0412c33b qodef-horizontal-align--tablet--center\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-b4b978ed\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h5 class=\"qodef-m-subtitle\"><span>Adjust menu appearance<\/span><\/h5><h2 class=\"qodef-m-title\">Background colors &amp; hovers<\/h2><\/div><\/div>\n\n\n<div  class=\"qodef-block-container qodef-block-c4c8e4cf qodef-width--full-width qodef-width--tablet--inline qodef-width--mobile--full-width\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--horizontal qodef-responsive--680 qodef-border--between qodef-item-style--with-active-background-svg qodef-item-icon-appear--from-center-horizontal\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-content-menu-5\" class=\"menu\"><li id=\"menu-item-78359\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78359\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><span class=\"qodef-m-svg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"123px\" height=\"40px\" viewBox=\"0 0 123 40\" xml:space=\"preserve\">\n<g>\n\t<path d=\"M61.5,1C94.294,1,122,9.701,122,20S94.294,39,61.5,39S1,30.299,1,20S28.706,1,61.5,1 M61.5,0C27.534,0,0,8.954,0,20   s27.534,20,61.5,20S123,31.046,123,20S95.466,0,61.5,0L61.5,0z\"><\/path>\n<\/g>\n<\/svg><\/span><\/a><\/li>\n<li id=\"menu-item-78360\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78360\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><span class=\"qodef-m-svg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"123px\" height=\"40px\" viewBox=\"0 0 123 40\" xml:space=\"preserve\">\n<g>\n\t<path d=\"M61.5,1C94.294,1,122,9.701,122,20S94.294,39,61.5,39S1,30.299,1,20S28.706,1,61.5,1 M61.5,0C27.534,0,0,8.954,0,20   s27.534,20,61.5,20S123,31.046,123,20S95.466,0,61.5,0L61.5,0z\"><\/path>\n<\/g>\n<\/svg><\/span><\/a><\/li>\n<li id=\"menu-item-78361\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78361\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><span class=\"qodef-m-svg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"123px\" height=\"40px\" viewBox=\"0 0 123 40\" xml:space=\"preserve\">\n<g>\n\t<path d=\"M61.5,1C94.294,1,122,9.701,122,20S94.294,39,61.5,39S1,30.299,1,20S28.706,1,61.5,1 M61.5,0C27.534,0,0,8.954,0,20   s27.534,20,61.5,20S123,31.046,123,20S95.466,0,61.5,0L61.5,0z\"><\/path>\n<\/g>\n<\/svg><\/span><\/a><\/li>\n<li id=\"menu-item-78362\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78362\"><a href=\"#\"><span class=\"qodef-m-text\">Help<\/span><span class=\"qodef-m-svg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"123px\" height=\"40px\" viewBox=\"0 0 123 40\" xml:space=\"preserve\">\n<g>\n\t<path d=\"M61.5,1C94.294,1,122,9.701,122,20S94.294,39,61.5,39S1,30.299,1,20S28.706,1,61.5,1 M61.5,0C27.534,0,0,8.954,0,20   s27.534,20,61.5,20S123,31.046,123,20S95.466,0,61.5,0L61.5,0z\"><\/path>\n<\/g>\n<\/svg><\/span><\/a><\/li>\n<li id=\"menu-item-78363\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78363\"><a href=\"#\"><span class=\"qodef-m-text\">Contact<\/span><span class=\"qodef-m-svg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"123px\" height=\"40px\" viewBox=\"0 0 123 40\" xml:space=\"preserve\">\n<g>\n\t<path d=\"M61.5,1C94.294,1,122,9.701,122,20S94.294,39,61.5,39S1,30.299,1,20S28.706,1,61.5,1 M61.5,0C27.534,0,0,8.954,0,20   s27.534,20,61.5,20S123,31.046,123,20S95.466,0,61.5,0L61.5,0z\"><\/path>\n<\/g>\n<\/svg><\/span><\/a><\/li>\n<li id=\"menu-item-78364\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78364\"><a href=\"#\"><span class=\"qodef-m-text\">Account<\/span><span class=\"qodef-m-svg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"123px\" height=\"40px\" viewBox=\"0 0 123 40\" xml:space=\"preserve\">\n<g>\n\t<path d=\"M61.5,1C94.294,1,122,9.701,122,20S94.294,39,61.5,39S1,30.299,1,20S28.706,1,61.5,1 M61.5,0C27.534,0,0,8.954,0,20   s27.534,20,61.5,20S123,31.046,123,20S95.466,0,61.5,0L61.5,0z\"><\/path>\n<\/g>\n<\/svg><\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div>\n\n<div  class=\"qodef-block-container qodef-block-ac20bbee\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--horizontal qodef-responsive--680 qodef-border--between qodef-item-style--default\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-content-menu-6\" class=\"menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78359\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78360\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78361\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78362\"><a href=\"#\"><span class=\"qodef-m-text\">Help<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78363\"><a href=\"#\"><span class=\"qodef-m-text\">Contact<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78364\"><a href=\"#\"><span class=\"qodef-m-text\">Account<\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div>\n\n<div  class=\"qodef-block-container qodef-block-2907310c\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--horizontal qodef-responsive--680 qodef-border--between qodef-item-style--with-active-underline\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-content-menu-7\" class=\"menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78359\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78360\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78361\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78362\"><a href=\"#\"><span class=\"qodef-m-text\">Help<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78363\"><a href=\"#\"><span class=\"qodef-m-text\">Contact<\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78364\"><a href=\"#\"><span class=\"qodef-m-text\">Account<\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-fa1a96ff qodef-col-num--2 qodef-col-layout--50 qodef-content--predefined qodef-content--1300 qodef-gutter--no\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-0240859e qodef-vertical-align--middle\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-7b948dbd qodef-width--custom\" data-width=\"480px\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h2 class=\"qodef-m-title\">Menu layouts<\/h2><p class=\"qodef-m-text\">You can display your menu items vertically or horizontally depending on the layout you pick<\/p><\/div><\/div>\n\n\n<div  class=\"qodef-block-container qodef-block-f324fadf\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--vertical qodef-item-style--with-active-icon qodef-item-icon-appear--fade-in qodef-item-icon-position--right\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-content-menu-8\" class=\"menu\"><li id=\"menu-item-78350\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78350\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4; stroke:transparent;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<li id=\"menu-item-78351\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78351\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4; stroke:transparent;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<li id=\"menu-item-78352\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78352\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4; stroke:transparent;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<li id=\"menu-item-78353\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78353\"><a href=\"#\"><span class=\"qodef-m-text\">Contact<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4; stroke:transparent;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<li id=\"menu-item-78354\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78354\"><a href=\"#\"><span class=\"qodef-m-text\">Documentation<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4; stroke:transparent;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-0a245dc7\"><div class=\"qodef-gutenberg-column-inner\">\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-4cfdfc87 qodef-col-num--3 qodef-col-layout--33 qodef-content--full-width qodef-gutter--no\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-cea64d51 qodef-horizontal-align--tablet--center qodef-horizontal-align--mobile--center\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-f26fcaea qodef-width--custom qodef-width--tablet--full-width\" data-width=\"250px\" data-width-tablet=\"350px\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"264\" height=\"500\" class=\"wp-image-63521\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/10\/content-menu-img-2.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/10\/content-menu-img-2.png 264w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/10\/content-menu-img-2-158x300.png 158w\" sizes=\"auto, (max-width: 264px) 100vw, 264px\" \/><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-c4de1800 qodef-horizontal-align--tablet--center\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-e5fc8af5 qodef-width--custom qodef-width--tablet--full-width\" data-width=\"250px\" data-width-tablet=\"350px\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"264\" height=\"500\" class=\"wp-image-63522\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/10\/content-menu-img-3.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/10\/content-menu-img-3.png 264w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/10\/content-menu-img-3-158x300.png 158w\" sizes=\"auto, (max-width: 264px) 100vw, 264px\" \/><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-265f74ed qodef-horizontal-align--tablet--center\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-11e38c5c qodef-width--custom qodef-width--tablet--full-width\" data-width=\"250px\" data-width-tablet=\"350px\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"264\" height=\"500\" class=\"wp-image-63523\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/10\/content-menu-img-4.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/10\/content-menu-img-4.png 264w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/10\/content-menu-img-4-158x300.png 158w\" sizes=\"auto, (max-width: 264px) 100vw, 264px\" \/><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-cd6e0226 qodef-col-num--1 qodef-col-layout--100 qodef-content--predefined qodef-content--1300 qodef-gutter--no\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-6dbe69d5\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-c73a87b2\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h5 class=\"qodef-m-subtitle\"><span>Adjust items in all three states<\/span><\/h5><h2 class=\"qodef-m-title\">Normal, hover &amp; active styles<\/h2><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-cf63e97f qodef-col-num--3 qodef-col-layout--33 qodef-content--predefined qodef-content--1300 qodef-gutter--no\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-ef599ae1\"><div class=\"qodef-gutenberg-column-inner\"><div  class=\"qodef-block-container qodef-block-e9bace6f\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--vertical qodef-border--between qodef-item-style--with-active-icon qodef-item-icon-appear--fade-in qodef-item-icon-position--right\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-content-menu-9\" class=\"menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78350\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"21px\" height=\"21px\" viewBox=\"0 0 21 21\" xml:space=\"preserve\">\n<path fill=\"#1E1E1E\" d=\"M21,11.162V9.838h-7.075c-0.446,0-0.851-0.084-1.205-0.236c0.145-0.347,0.371-0.676,0.673-0.976l5.083-5.05  L17.534,2.64l-5.083,5.05c-0.305,0.304-0.639,0.529-0.99,0.673c-0.16-0.357-0.249-0.767-0.249-1.22V0H9.88v7.143  c0,0.457-0.091,0.869-0.253,1.229C9.268,8.229,8.926,8,8.614,7.689L3.546,2.654L2.604,3.59l5.068,5.036  c0.308,0.306,0.532,0.64,0.675,0.986c-0.349,0.146-0.744,0.226-1.18,0.226H0v1.324h7.167c0.445,0,0.849,0.084,1.203,0.235  c-0.141,0.367-0.374,0.719-0.697,1.041l-5.083,5.051l0.942,0.936l5.083-5.051c0.319-0.316,0.669-0.549,1.037-0.691  c0.147,0.347,0.229,0.741,0.229,1.175V21h1.332v-7.143c0-0.43,0.08-0.821,0.224-1.165c0.36,0.144,0.703,0.371,1.015,0.682  l5.003,4.971l0.942-0.935l-5.003-4.972c-0.318-0.316-0.552-0.663-0.696-1.029c0.36-0.159,0.772-0.247,1.228-0.247H21z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78351\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"21px\" height=\"21px\" viewBox=\"0 0 21 21\" xml:space=\"preserve\">\n<path fill=\"#1E1E1E\" d=\"M21,11.162V9.838h-7.075c-0.446,0-0.851-0.084-1.205-0.236c0.145-0.347,0.371-0.676,0.673-0.976l5.083-5.05  L17.534,2.64l-5.083,5.05c-0.305,0.304-0.639,0.529-0.99,0.673c-0.16-0.357-0.249-0.767-0.249-1.22V0H9.88v7.143  c0,0.457-0.091,0.869-0.253,1.229C9.268,8.229,8.926,8,8.614,7.689L3.546,2.654L2.604,3.59l5.068,5.036  c0.308,0.306,0.532,0.64,0.675,0.986c-0.349,0.146-0.744,0.226-1.18,0.226H0v1.324h7.167c0.445,0,0.849,0.084,1.203,0.235  c-0.141,0.367-0.374,0.719-0.697,1.041l-5.083,5.051l0.942,0.936l5.083-5.051c0.319-0.316,0.669-0.549,1.037-0.691  c0.147,0.347,0.229,0.741,0.229,1.175V21h1.332v-7.143c0-0.43,0.08-0.821,0.224-1.165c0.36,0.144,0.703,0.371,1.015,0.682  l5.003,4.971l0.942-0.935l-5.003-4.972c-0.318-0.316-0.552-0.663-0.696-1.029c0.36-0.159,0.772-0.247,1.228-0.247H21z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78352\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"21px\" height=\"21px\" viewBox=\"0 0 21 21\" xml:space=\"preserve\">\n<path fill=\"#1E1E1E\" d=\"M21,11.162V9.838h-7.075c-0.446,0-0.851-0.084-1.205-0.236c0.145-0.347,0.371-0.676,0.673-0.976l5.083-5.05  L17.534,2.64l-5.083,5.05c-0.305,0.304-0.639,0.529-0.99,0.673c-0.16-0.357-0.249-0.767-0.249-1.22V0H9.88v7.143  c0,0.457-0.091,0.869-0.253,1.229C9.268,8.229,8.926,8,8.614,7.689L3.546,2.654L2.604,3.59l5.068,5.036  c0.308,0.306,0.532,0.64,0.675,0.986c-0.349,0.146-0.744,0.226-1.18,0.226H0v1.324h7.167c0.445,0,0.849,0.084,1.203,0.235  c-0.141,0.367-0.374,0.719-0.697,1.041l-5.083,5.051l0.942,0.936l5.083-5.051c0.319-0.316,0.669-0.549,1.037-0.691  c0.147,0.347,0.229,0.741,0.229,1.175V21h1.332v-7.143c0-0.43,0.08-0.821,0.224-1.165c0.36,0.144,0.703,0.371,1.015,0.682  l5.003,4.971l0.942-0.935l-5.003-4.972c-0.318-0.316-0.552-0.663-0.696-1.029c0.36-0.159,0.772-0.247,1.228-0.247H21z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78353\"><a href=\"#\"><span class=\"qodef-m-text\">Contact<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"21px\" height=\"21px\" viewBox=\"0 0 21 21\" xml:space=\"preserve\">\n<path fill=\"#1E1E1E\" d=\"M21,11.162V9.838h-7.075c-0.446,0-0.851-0.084-1.205-0.236c0.145-0.347,0.371-0.676,0.673-0.976l5.083-5.05  L17.534,2.64l-5.083,5.05c-0.305,0.304-0.639,0.529-0.99,0.673c-0.16-0.357-0.249-0.767-0.249-1.22V0H9.88v7.143  c0,0.457-0.091,0.869-0.253,1.229C9.268,8.229,8.926,8,8.614,7.689L3.546,2.654L2.604,3.59l5.068,5.036  c0.308,0.306,0.532,0.64,0.675,0.986c-0.349,0.146-0.744,0.226-1.18,0.226H0v1.324h7.167c0.445,0,0.849,0.084,1.203,0.235  c-0.141,0.367-0.374,0.719-0.697,1.041l-5.083,5.051l0.942,0.936l5.083-5.051c0.319-0.316,0.669-0.549,1.037-0.691  c0.147,0.347,0.229,0.741,0.229,1.175V21h1.332v-7.143c0-0.43,0.08-0.821,0.224-1.165c0.36,0.144,0.703,0.371,1.015,0.682  l5.003,4.971l0.942-0.935l-5.003-4.972c-0.318-0.316-0.552-0.663-0.696-1.029c0.36-0.159,0.772-0.247,1.228-0.247H21z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78354\"><a href=\"#\"><span class=\"qodef-m-text\">Documentation<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"21px\" height=\"21px\" viewBox=\"0 0 21 21\" xml:space=\"preserve\">\n<path fill=\"#1E1E1E\" d=\"M21,11.162V9.838h-7.075c-0.446,0-0.851-0.084-1.205-0.236c0.145-0.347,0.371-0.676,0.673-0.976l5.083-5.05  L17.534,2.64l-5.083,5.05c-0.305,0.304-0.639,0.529-0.99,0.673c-0.16-0.357-0.249-0.767-0.249-1.22V0H9.88v7.143  c0,0.457-0.091,0.869-0.253,1.229C9.268,8.229,8.926,8,8.614,7.689L3.546,2.654L2.604,3.59l5.068,5.036  c0.308,0.306,0.532,0.64,0.675,0.986c-0.349,0.146-0.744,0.226-1.18,0.226H0v1.324h7.167c0.445,0,0.849,0.084,1.203,0.235  c-0.141,0.367-0.374,0.719-0.697,1.041l-5.083,5.051l0.942,0.936l5.083-5.051c0.319-0.316,0.669-0.549,1.037-0.691  c0.147,0.347,0.229,0.741,0.229,1.175V21h1.332v-7.143c0-0.43,0.08-0.821,0.224-1.165c0.36,0.144,0.703,0.371,1.015,0.682  l5.003,4.971l0.942-0.935l-5.003-4.972c-0.318-0.316-0.552-0.663-0.696-1.029c0.36-0.159,0.772-0.247,1.228-0.247H21z\"><\/path>\n<\/svg><\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-9fd4099f qodef-vertical-align--middle\"><div class=\"qodef-gutenberg-column-inner\"><div  class=\"qodef-block-container qodef-block-1201f45c\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--vertical qodef-item-style--with-icon qodef-item-icon-hover--diagonal qodef-item-icon-position--right\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-content-menu-10\" class=\"menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78350\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\">\n<polygon fill=\"#DD6434\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon>\n<\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\">\n<polygon fill=\"#DD6434\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78351\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\">\n<polygon fill=\"#DD6434\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon>\n<\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\">\n<polygon fill=\"#DD6434\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78352\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\">\n<polygon fill=\"#DD6434\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon>\n<\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\">\n<polygon fill=\"#DD6434\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78353\"><a href=\"#\"><span class=\"qodef-m-text\">Contact<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\">\n<polygon fill=\"#DD6434\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon>\n<\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\">\n<polygon fill=\"#DD6434\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78354\"><a href=\"#\"><span class=\"qodef-m-text\">Documentation<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\">\n<polygon fill=\"#DD6434\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon>\n<\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\">\n<polygon fill=\"#DD6434\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon>\n<\/svg><\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-eae7879d\"><div class=\"qodef-gutenberg-column-inner\"><div  class=\"qodef-block-container qodef-block-ea9983cd\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--vertical qodef-border--between qodef-item-style--with-icon qodef-item-icon-hover--vertical qodef-item-icon-position--left\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-content-menu-11\" class=\"menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78350\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 26.02 26\"><path style=\"fill:#1e1e1e;\" d=\"M-133.31,938.55h-6.87a5.35,5.35,0,0,0-5.56,5.5v7h-1v-7a5.35,5.35,0,0,0-5.55-5.5h-7v-1h7a5.35,5.35,0,0,0,5.55-5.5v-7h1v7a5.35,5.35,0,0,0,5.56,5.5h6.87Z\" transform=\"translate(159.34 -925.05)\"><\/path><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 26.02 26\"><path style=\"fill:#1e1e1e;\" d=\"M-133.31,938.55h-6.87a5.35,5.35,0,0,0-5.56,5.5v7h-1v-7a5.35,5.35,0,0,0-5.55-5.5h-7v-1h7a5.35,5.35,0,0,0,5.55-5.5v-7h1v7a5.35,5.35,0,0,0,5.56,5.5h6.87Z\" transform=\"translate(159.34 -925.05)\"><\/path><\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78351\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 26.02 26\"><path style=\"fill:#1e1e1e;\" d=\"M-133.31,938.55h-6.87a5.35,5.35,0,0,0-5.56,5.5v7h-1v-7a5.35,5.35,0,0,0-5.55-5.5h-7v-1h7a5.35,5.35,0,0,0,5.55-5.5v-7h1v7a5.35,5.35,0,0,0,5.56,5.5h6.87Z\" transform=\"translate(159.34 -925.05)\"><\/path><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 26.02 26\"><path style=\"fill:#1e1e1e;\" d=\"M-133.31,938.55h-6.87a5.35,5.35,0,0,0-5.56,5.5v7h-1v-7a5.35,5.35,0,0,0-5.55-5.5h-7v-1h7a5.35,5.35,0,0,0,5.55-5.5v-7h1v7a5.35,5.35,0,0,0,5.56,5.5h6.87Z\" transform=\"translate(159.34 -925.05)\"><\/path><\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78352\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 26.02 26\"><path style=\"fill:#1e1e1e;\" d=\"M-133.31,938.55h-6.87a5.35,5.35,0,0,0-5.56,5.5v7h-1v-7a5.35,5.35,0,0,0-5.55-5.5h-7v-1h7a5.35,5.35,0,0,0,5.55-5.5v-7h1v7a5.35,5.35,0,0,0,5.56,5.5h6.87Z\" transform=\"translate(159.34 -925.05)\"><\/path><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 26.02 26\"><path style=\"fill:#1e1e1e;\" d=\"M-133.31,938.55h-6.87a5.35,5.35,0,0,0-5.56,5.5v7h-1v-7a5.35,5.35,0,0,0-5.55-5.5h-7v-1h7a5.35,5.35,0,0,0,5.55-5.5v-7h1v7a5.35,5.35,0,0,0,5.56,5.5h6.87Z\" transform=\"translate(159.34 -925.05)\"><\/path><\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78353\"><a href=\"#\"><span class=\"qodef-m-text\">Contact<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 26.02 26\"><path style=\"fill:#1e1e1e;\" d=\"M-133.31,938.55h-6.87a5.35,5.35,0,0,0-5.56,5.5v7h-1v-7a5.35,5.35,0,0,0-5.55-5.5h-7v-1h7a5.35,5.35,0,0,0,5.55-5.5v-7h1v7a5.35,5.35,0,0,0,5.56,5.5h6.87Z\" transform=\"translate(159.34 -925.05)\"><\/path><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 26.02 26\"><path style=\"fill:#1e1e1e;\" d=\"M-133.31,938.55h-6.87a5.35,5.35,0,0,0-5.56,5.5v7h-1v-7a5.35,5.35,0,0,0-5.55-5.5h-7v-1h7a5.35,5.35,0,0,0,5.55-5.5v-7h1v7a5.35,5.35,0,0,0,5.56,5.5h6.87Z\" transform=\"translate(159.34 -925.05)\"><\/path><\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78354\"><a href=\"#\"><span class=\"qodef-m-text\">Documentation<\/span><span class=\"qodef-m-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 26.02 26\"><path style=\"fill:#1e1e1e;\" d=\"M-133.31,938.55h-6.87a5.35,5.35,0,0,0-5.56,5.5v7h-1v-7a5.35,5.35,0,0,0-5.55-5.5h-7v-1h7a5.35,5.35,0,0,0,5.55-5.5v-7h1v7a5.35,5.35,0,0,0,5.56,5.5h6.87Z\" transform=\"translate(159.34 -925.05)\"><\/path><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 26.02 26\"><path style=\"fill:#1e1e1e;\" d=\"M-133.31,938.55h-6.87a5.35,5.35,0,0,0-5.56,5.5v7h-1v-7a5.35,5.35,0,0,0-5.55-5.5h-7v-1h7a5.35,5.35,0,0,0,5.55-5.5v-7h1v7a5.35,5.35,0,0,0,5.56,5.5h6.87Z\" transform=\"translate(159.34 -925.05)\"><\/path><\/svg><\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-2192d8ca qodef-col-num--2 qodef-col-layout--50 qodef-content--full-width qodef-gutter--no\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-ac6c1970\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-9bd27c02 qodef-width--custom\" data-width=\"730px\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h2 class=\"qodef-m-title\">Customizable<\/h2><p class=\"qodef-m-text\">You get a whole range of options for configuring your menus, including responsive, border, spacing &amp; more<\/p><\/div><\/div>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-5fb09923 qodef-col-num--3 qodef-col-layout--33 qodef-content--boxed qodef-gutter--no\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-b0791788\"><div class=\"qodef-gutenberg-column-inner\"><div  class=\"qodef-block-container qodef-block-825d6a0b\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--vertical qodef-item-style--with-active-underline\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-content-menu-12\" class=\"menu\"><li id=\"menu-item-78355\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78355\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><\/a><\/li>\n<li id=\"menu-item-78356\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78356\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><\/a><\/li>\n<li id=\"menu-item-78357\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78357\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><\/a><\/li>\n<li id=\"menu-item-78358\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78358\"><a href=\"#\"><span class=\"qodef-m-text\">Contact<\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-5557a697\"><div class=\"qodef-gutenberg-column-inner\"><div  class=\"qodef-block-container qodef-block-bc359b8f\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--vertical qodef-item-style--with-active-icon qodef-item-icon-appear--from-left qodef-item-icon-position--right\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-content-menu-13\" class=\"menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78355\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"17px\" height=\"1px\" viewBox=\"0 0 17 1\" xml:space=\"preserve\">\n<rect fill=\"#DF8E40\" width=\"17\" height=\"1\"><\/rect>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78356\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"17px\" height=\"1px\" viewBox=\"0 0 17 1\" xml:space=\"preserve\">\n<rect fill=\"#DF8E40\" width=\"17\" height=\"1\"><\/rect>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78357\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"17px\" height=\"1px\" viewBox=\"0 0 17 1\" xml:space=\"preserve\">\n<rect fill=\"#DF8E40\" width=\"17\" height=\"1\"><\/rect>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78358\"><a href=\"#\"><span class=\"qodef-m-text\">Contact<\/span><span class=\"qodef-m-active-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"17px\" height=\"1px\" viewBox=\"0 0 17 1\" xml:space=\"preserve\">\n<rect fill=\"#DF8E40\" width=\"17\" height=\"1\"><\/rect>\n<\/svg><\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-c3ba4923\"><div class=\"qodef-gutenberg-column-inner\"><div  class=\"qodef-block-container qodef-block-b8b1a7de\" ><div class=\"qi-block-content-menu qodef-block qodef-m wp-block-qi-blocks-content-menu qodef-layout--vertical qodef-item-style--with-active-background-svg qodef-item-icon-appear--from-center-vertical\"><nav class=\"qodef-navigation-menu\"><ul id=\"menu-content-menu-14\" class=\"menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78355\"><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/content-menu\/\"><span class=\"qodef-m-text\">Home<\/span><span class=\"qodef-m-svg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"36.873px\" height=\"21.865px\" viewBox=\"0 0 36.873 21.865\" xml:space=\"preserve\">\n<rect x=\"-2.563\" y=\"10.433\" transform=\"matrix(0.866 -0.5 0.5 0.866 -2.9963 10.6825)\" fill=\"#1E1E1E\" width=\"41.999\" height=\"1\"><\/rect>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78356\"><a href=\"#\"><span class=\"qodef-m-text\">About<\/span><span class=\"qodef-m-svg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"36.873px\" height=\"21.865px\" viewBox=\"0 0 36.873 21.865\" xml:space=\"preserve\">\n<rect x=\"-2.563\" y=\"10.433\" transform=\"matrix(0.866 -0.5 0.5 0.866 -2.9963 10.6825)\" fill=\"#1E1E1E\" width=\"41.999\" height=\"1\"><\/rect>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78357\"><a href=\"#\"><span class=\"qodef-m-text\">Products<\/span><span class=\"qodef-m-svg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"36.873px\" height=\"21.865px\" viewBox=\"0 0 36.873 21.865\" xml:space=\"preserve\">\n<rect x=\"-2.563\" y=\"10.433\" transform=\"matrix(0.866 -0.5 0.5 0.866 -2.9963 10.6825)\" fill=\"#1E1E1E\" width=\"41.999\" height=\"1\"><\/rect>\n<\/svg><\/span><\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-78358\"><a href=\"#\"><span class=\"qodef-m-text\">Contact<\/span><span class=\"qodef-m-svg-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"36.873px\" height=\"21.865px\" viewBox=\"0 0 36.873 21.865\" xml:space=\"preserve\">\n<rect x=\"-2.563\" y=\"10.433\" transform=\"matrix(0.866 -0.5 0.5 0.866 -2.9963 10.6825)\" fill=\"#1E1E1E\" width=\"41.999\" height=\"1\"><\/rect>\n<\/svg><\/span><\/a><\/li>\n<\/ul><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-a1caccf3\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-spacer qodef-block-container qodef-block-b7177ada\"><div class=\"qi-block-spacer qodef-block qodef-m\"><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-6a024141 qodef-col-num--1 qodef-col-layout--100 qodef-content--predefined qodef-content--1300 qodef-gutter--no\"><div class=\"qodef-section-background-overlay\"><\/div><div class=\"qodef-gutenberg-row\">\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-2f7ad89e\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-call-to-action qodef-block-container qodef-block-f351f2fb\"><div class=\"qi-block-call-to-action qodef-block qodef-m qodef-layout--standard qodef-button-below--1024\"><div class=\"qodef-m-inner\"><div class=\"qodef-m-content\"><h5 class=\"qodef-m-title\">Get Qi Blocks for Gutenberg with 80 professionally designed custom blocks for creating modern websites the easy way. Experience Full Site Editing executed to perfection!<\/h5><\/div><div class=\"qodef-m-button\">\n<div class=\"wp-block-qi-blocks-button qodef-block-container qodef-block-6c44730d\"><a class=\"qi-block-button qodef-block qodef-m qodef-layout--filled qodef-type--standard qodef-icon--right qodef-hover--icon-move-horizontal-short\" href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/\"><span class=\"qodef-m-text\">View More<\/span><span class=\"qodef-m-icon\"><span class=\"qodef-m-icon-inner\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"6.7px\" height=\"11.4px\" viewBox=\"0 0 6.7 11.4\" style=\"enable-background:new 0 0 6.7 11.4; stroke:transparent;\" xml:space=\"preserve\" fill=\"currentColor\">\n<path d=\"M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z\"><\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"qi-full-width.php","meta":{"footnotes":""},"class_list":["post-78332","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/78332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/comments?post=78332"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/78332\/revisions"}],"predecessor-version":[{"id":85291,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/78332\/revisions\/85291"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/media?parent=78332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}