{"id":79502,"date":"2022-04-08T06:54:37","date_gmt":"2022-04-08T06:54:37","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?page_id=79502"},"modified":"2023-05-17T08:21:47","modified_gmt":"2023-05-17T08:21:47","slug":"advanced-columns","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/advanced-columns\/","title":{"rendered":"Advanced Columns 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\">Advanced Columns <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 display easily configurable <br>columns where you can display your content\n<\/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-79505\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-colums-title-image.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-colums-title-image.png 685w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-colums-title-image-300x219.png 300w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-colums-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-a28af303 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-76af8013\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-30286aa5\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h5 class=\"qodef-m-subtitle\"><span>Twelve predefined layouts<\/span><\/h5><h2 class=\"qodef-m-title\">Choose your template<\/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-9014ac68 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-2f5b21e9\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-4e6ea2f9\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"1051\" class=\"wp-image-79511\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-1.jpg\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-1.jpg 900w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-1-257x300.jpg 257w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-1-877x1024.jpg 877w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-1-768x897.jpg 768w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-1-600x701.jpg 600w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-bbc7be9d qodef-vertical-align--space-between\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-a94c21ca qodef-width--custom\" data-width=\"290px\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h4 class=\"qodef-m-title\">Lorem ipsum dolor sit amet, nam populo?<\/h4><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-f207dbf2\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>Lorem ipsum dolor sit amet, nam populo vocibus ea, eos falli manda mus no. Eos cu placerat iracundia deseruisse esse dicit bonorum ius.<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-92dac0b4 qodef-vertical-align--space-between\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-84770b04 qodef-width--custom\" data-width=\"290px\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h4 class=\"qodef-m-title\">Lorem ipsum dolor sit amet, nam populo?<\/h4><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-3bc032ae\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>Lorem ipsum dolor sit amet, nam populo vocibus ea, eos falli manda mus no. Eos cu placerat iracundia deseruisse esse dicit bonorum ius.<\/p><\/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-2e8f8b50 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-c2c1ef4f qodef-vertical-align--middle\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-f2070004 qodef-width--custom\" data-width=\"440px\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h2 class=\"qodef-m-title\">Adapt the look<\/h2><p class=\"qodef-m-text\">After you\u2019ve selected the desired layout, you get to modify its appearance<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-icon-with-text qodef-block-container qodef-block-100161f1\"><div class=\"qi-block-icon-with-text qodef-block qodef-m qodef-layout--before-content qodef-column-responsive--never\"><div class=\"qodef-m-icon-wrapper\"><div class=\"qodef-m-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 12.42 22.26\"><text style=\"font-size:20px;fill:#1e1e1e;font-family:DMSans-Medium, DM Sans;font-weight:500;\" transform=\"translate(0 17)\">\u2022 <\/text><\/svg><\/div><\/div><div class=\"qodef-m-content\"><h5 class=\"qodef-m-title\"><span class=\"qodef-m-title-text\">Define content width<\/span><\/h5><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-icon-with-text qodef-block-container qodef-block-5d0302bf\"><div class=\"qi-block-icon-with-text qodef-block qodef-m qodef-layout--before-content qodef-column-responsive--never\"><div class=\"qodef-m-icon-wrapper\"><div class=\"qodef-m-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 12.42 22.26\"><text style=\"font-size:20px;fill:#1e1e1e;font-family:DMSans-Medium, DM Sans;font-weight:500;\" transform=\"translate(0 17)\">\u2022 <\/text><\/svg><\/div><\/div><div class=\"qodef-m-content\"><h5 class=\"qodef-m-title\"><span class=\"qodef-m-title-text\">Adapt column gaps<\/span><\/h5><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-icon-with-text qodef-block-container qodef-block-17ddcee1\"><div class=\"qi-block-icon-with-text qodef-block qodef-m qodef-layout--before-content qodef-column-responsive--never\"><div class=\"qodef-m-icon-wrapper\"><div class=\"qodef-m-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 12.42 22.26\"><text style=\"font-size:20px;fill:#1e1e1e;font-family:DMSans-Medium, DM Sans;font-weight:500;\" transform=\"translate(0 17)\">\u2022 <\/text><\/svg><\/div><\/div><div class=\"qodef-m-content\"><h5 class=\"qodef-m-title\"><span class=\"qodef-m-title-text\">Adjust height &#038; alignment<\/span><\/h5><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-icon-with-text qodef-block-container qodef-block-db0e41e8\"><div class=\"qi-block-icon-with-text qodef-block qodef-m qodef-layout--before-content qodef-column-responsive--never\"><div class=\"qodef-m-icon-wrapper\"><div class=\"qodef-m-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 12.42 22.26\"><text style=\"font-size:20px;fill:#1e1e1e;font-family:DMSans-Medium, DM Sans;font-weight:500;\" transform=\"translate(0 17)\">\u2022 <\/text><\/svg><\/div><\/div><div class=\"qodef-m-content\"><h5 class=\"qodef-m-title\"><span class=\"qodef-m-title-text\">Three background types<\/span><\/h5><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-icon-with-text qodef-block-container qodef-block-fe61ec08\"><div class=\"qi-block-icon-with-text qodef-block qodef-m qodef-layout--before-content qodef-column-responsive--never\"><div class=\"qodef-m-icon-wrapper\"><div class=\"qodef-m-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 12.42 22.26\"><text style=\"font-size:20px;fill:#1e1e1e;font-family:DMSans-Medium, DM Sans;font-weight:500;\" transform=\"translate(0 17)\">\u2022 <\/text><\/svg><\/div><\/div><div class=\"qodef-m-content\"><h5 class=\"qodef-m-title\"><span class=\"qodef-m-title-text\">Feature background videos<\/span><\/h5><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-icon-with-text qodef-block-container qodef-block-08ee1bcd\"><div class=\"qi-block-icon-with-text qodef-block qodef-m qodef-layout--before-content qodef-column-responsive--never\"><div class=\"qodef-m-icon-wrapper\"><div class=\"qodef-m-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 12.42 22.26\"><text style=\"font-size:20px;fill:#1e1e1e;font-family:DMSans-Medium, DM Sans;font-weight:500;\" transform=\"translate(0 17)\">\u2022 <\/text><\/svg><\/div><\/div><div class=\"qodef-m-content\"><h5 class=\"qodef-m-title\"><span class=\"qodef-m-title-text\">Modify colors &#038; borders<\/span><\/h5><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-30cccce0\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-5ce96361\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"1248\" class=\"wp-image-79530\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-2.jpg\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-2.jpg 900w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-2-216x300.jpg 216w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-2-738x1024.jpg 738w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-2-768x1065.jpg 768w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-2-600x832.jpg 600w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-584fcab5 qodef-vertical-align--middle qodef-horizontal-align--center qodef-horizontal-align--tablet--start\"><div class=\"qodef-gutenberg-column-inner\"><div  class=\"qodef-block-container qodef-block-28439049 qodef-width--custom qodef-width--tablet--full-width\" ><div class=\"qi-block-contact-form-7 qodef-block qodef-m wp-block-qi-blocks-contact-form-7\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f79556-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"79556\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/79502#wpcf7-f79556-o1\" method=\"post\" class=\"wpcf7-form init demo\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"79556\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f79556-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"E-mail\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" value=\"\" type=\"text\" name=\"your-email\" \/><\/span>\n\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"8\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Message\" name=\"your-message\"><\/textarea><\/span> \n\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send a Message\" \/><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/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-67b6cf5e 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-3eb48ce5 qodef-vertical-align--space-between\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-5b3ac18a qodef-width--custom\" data-width=\"335px\" data-width-tablet=\"550px\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h5 class=\"qodef-m-subtitle\"><span>Build columns your way<\/span><\/h5><h3 class=\"qodef-m-title\">The easy way to display content in flexible columns<\/h3><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-e55d2d40\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"627\" class=\"wp-image-79579\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-4.jpg\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-4.jpg 900w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-4-300x209.jpg 300w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-4-768x535.jpg 768w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-4-600x418.jpg 600w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-29ecf6d6\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-30cea4b1\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"1250\" class=\"wp-image-79572\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-3.jpg\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-3.jpg 900w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-3-216x300.jpg 216w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-3-737x1024.jpg 737w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-3-768x1067.jpg 768w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-3-600x833.jpg 600w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-9a4b8fc0 qodef-vertical-align--middle\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-ca42d01c\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h4 class=\"qodef-m-title\">Awards:<\/h4><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-d4da1f42\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>2019 &#8211; CSS Design Awards<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-e70ea2ba\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>2020 &#8211; Agency of the Year<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-6f898963\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>2021 &#8211; Awwwards<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-42dab9a3\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>2022 &#8211; CSS Design Awards<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-f93162e5\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>2020 &#8211; Agency of the Year<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-1dd14d9e\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>2021 &#8211; Awwwards<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-f517ed25\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h4 class=\"qodef-m-title\">Nominees:<\/h4><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-677f397a\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>2022 &#8211; CSS Design Awards<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-010f8821\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>2020 &#8211; Agency of the Year<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-e2cbc13e\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>2021 &#8211; Awwwards<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-f509e7de\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>2022 &#8211; CSS Design Awards<\/p><\/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-2fc0215c 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-49e1068b\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-be27e8ba qodef-width--custom qodef-width--mobile--full-width\" data-width=\"260px\" data-width-mobile=\"350px\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"900\" class=\"wp-image-79591\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-5.jpg\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-5.jpg 900w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-5-300x300.jpg 300w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-5-150x150.jpg 150w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-5-768x768.jpg 768w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-5-650x650.jpg 650w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-5-600x600.jpg 600w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-5-100x100.jpg 100w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-27d015bf\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-bb521dab\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h5 class=\"qodef-m-subtitle\"><span>Advanced Columns block<\/span><\/h5><h3 class=\"qodef-m-title\">It\u2019s a custom block designed to let you display fully flexible columns in a clear, fully flexible and completely intuitive manner! <\/h3><\/div><\/div>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-b5509762 qodef-col-num--2 qodef-col-layout--50 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-dfec1eea\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-6a43c24b qodef-width--custom\" data-width=\"355px\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h5 class=\"qodef-m-title\">Title 1<\/h5><p class=\"qodef-m-text\">Lorem ipsum dolor sit amet, populo vocibus ea, eos falli mandamus no. Eos cu placerat iracundia deseruisse, mea.<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-2ec4bd85\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-d5120eea qodef-width--custom\" data-width=\"355px\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h5 class=\"qodef-m-title\">Title 2<\/h5><p class=\"qodef-m-text\">Lorem ipsum dolor sit amet, populo vocibus ea, eos falli mandamus no. Eos cu placerat iracundia deseruisse, mea.<\/p><\/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-b8358110 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-a9839628 qodef-horizontal-align--center\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-f217be07 qodef-width--custom\" data-width=\"207px\" data-width-mobile=\"160px\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"207\" height=\"181\" class=\"wp-image-79608\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-6.png\" alt=\"a\"\/><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-7bcf9da7 qodef-width--custom\" data-width=\"442px\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>Gravida dictum fuce ut placerat orci nulla pellentesque. Duis ut diam quam <span style=\"text-decoration: underline;\" class=\"qodef-underline-text\">nulla<\/span> porttitor massa<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-fdbaaa31 qodef-horizontal-align--center\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-15a95ef6 qodef-width--custom\" data-width=\"207px\" data-width-mobile=\"160px\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"207\" height=\"207\" class=\"wp-image-79620\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-7.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-7.png 207w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-7-150x150.png 150w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-7-100x100.png 100w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-cf87ed0d qodef-width--custom\" data-width=\"442px\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>Gravida dictum fuce ut placerat orci nulla pellentesque. Duis ut diam quam <span style=\"text-decoration: underline;\" class=\"qodef-underline-text\">nulla<\/span> porttitor massa<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-955bb48b qodef-horizontal-align--center\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-single-image qodef-block-container qodef-block-1be92564 qodef-width--custom qodef-width--mobile--inline\" data-width=\"207px\" data-width-mobile=\"160px\"><div class=\"qi-block-single-image qodef-block qodef-m\"><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"207\" height=\"207\" class=\"wp-image-79630\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-8.png\" alt=\"\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-8.png 207w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-8-150x150.png 150w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/advanced-columns-img-8-100x100.png 100w\" sizes=\"auto, (max-width: 207px) 100vw, 207px\" \/><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-eea84558 qodef-width--custom\" data-width=\"442px\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>Gravida dictum fuce ut placerat orci nulla pellentesque. Duis ut diam quam <span style=\"text-decoration: underline;\" class=\"qodef-underline-text\">nulla<\/span> porttitor massa<\/p><\/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-aa8478ae 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-b6394fdf qodef-horizontal-align--center\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-button qodef-block-container qodef-block-816f7242 qodef-width--inline\"><a class=\"qi-block-button qodef-block qodef-m qodef-layout--textual qodef-type--standard qodef-icon--right qodef-hover--icon-move-vertical\" href=\"#\"><span class=\"qodef-m-text\">Back home<\/span><span class=\"qodef-m-icon qodef--icon-color-set\"><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=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\">\r\n<polygon fill=\"currentColor\" stroke=\"transparent\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon><\/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\">\r\n<polygon fill=\"currentColor\" stroke=\"transparent\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon><\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-9831ab9f qodef-horizontal-align--center\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-button qodef-block-container qodef-block-a107814e qodef-width--inline\"><a class=\"qi-block-button qodef-block qodef-m qodef-layout--textual qodef-type--standard qodef-icon--right qodef-hover--icon-move-vertical\" href=\"#\"><span class=\"qodef-m-text\">More projects<\/span><span class=\"qodef-m-icon qodef--icon-color-set\"><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=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\">\r\n<polygon fill=\"currentColor\" stroke=\"transparent\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon><\/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\">\r\n<polygon fill=\"currentColor\" stroke=\"transparent\" points=\"0,0 0,3 10.879,3 0,13.879 2.122,16 13,5.122 13,16 16,16 16,0 \"><\/polygon><\/svg><\/span><\/span><\/a><\/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-452ccf61 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-4e69475b\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-call-to-action qodef-block-container qodef-block-563298e9\"><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-4e5727a5\"><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-blocks-full-width.php","meta":{"footnotes":""},"class_list":["post-79502","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/79502","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=79502"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/79502\/revisions"}],"predecessor-version":[{"id":85457,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/79502\/revisions\/85457"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/media?parent=79502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}