{"id":72912,"date":"2022-01-19T09:15:17","date_gmt":"2022-01-19T09:15:17","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?page_id=72912"},"modified":"2023-05-17T12:50:49","modified_gmt":"2023-05-17T12:50:49","slug":"item-showcase","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/item-showcase\/","title":{"rendered":"Item Showcase 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\">Item Showcase <br><span style=\"text-decoration: underline;\" class=\"qodef-underline-text\">GUTENBERG<\/span> block<\/h1><p class=\"qodef-m-text\">Create remarkable showcases for items of any type <br>by displaying item images with surrounding info<\/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-79339\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/item-showcase-title-image.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/item-showcase-title-image.png 685w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/item-showcase-title-image-300x219.png 300w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/item-showcase-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-0174be18 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-90cff403\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-item-showcase qodef-block-container qodef-block-645da37e\"><div class=\"qi-block-item-showcase qodef-block qodef-m qodef-layout--standard qodef--has-appear\"><div class=\"qodef-m-items qodef--left\"><div class=\"qodef-m-item qodef-e\"><a><div class=\"qodef-e-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path style=\"stroke:transparent; fill:currentColor;\"  d=\"M464 0H112c-4 0-7.8 2-10 5.4L2 152.6c-2.9 4.4-2.6 10.2.7 14.2l276 340.8c4.8 5.9 13.8 5.9 18.6 0l276-340.8c3.3-4.1 3.6-9.8.7-14.2L474.1 5.4C471.8 2 468.1 0 464 0zm-19.3 48l63.3 96h-68.4l-51.7-96h56.8zm-202.1 0h90.7l51.7 96H191l51.6-96zm-111.3 0h56.8l-51.7 96H68l63.3-96zm-43 144h51.4L208 352 88.3 192zm102.9 0h193.6L288 435.3 191.2 192zM368 352l68.2-160h51.4L368 352z\"\/><\/svg><\/div><\/a><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Item image<\/a><\/h5><p class=\"qodef-e-text\">Pick an item image you wish to display in the center of the element.<\/p><\/div><div class=\"qodef-m-item qodef-e\"><a><div class=\"qodef-e-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path style=\"stroke:transparent; fill:currentColor;\"  d=\"M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z\"\/><\/svg><\/div><\/a><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Display icons<\/a><\/h5><p class=\"qodef-e-text\">Choose whether you wish to display icons &amp; SVGs for item info.<\/p><\/div><div class=\"qodef-m-item qodef-e\"><a><div class=\"qodef-e-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path style=\"stroke:transparent; fill:currentColor;\"  d=\"M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z\"\/><\/svg><\/div><\/a><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Item numbers<\/a><\/h5><p class=\"qodef-e-text\">You can opt to display numerals in item info areas instead of icons.<\/p><\/div><\/div><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"294\" height=\"565\" class=\"wp-image-8509\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/01\/item-showcase-img-1.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/01\/item-showcase-img-1.png 294w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/01\/item-showcase-img-1-156x300.png 156w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/div><div class=\"qodef-m-items qodef--right\"><div class=\"qodef-m-item qodef-e\"><a><div class=\"qodef-e-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path style=\"stroke:transparent; fill:currentColor;\"  d=\"M512.509 192.001c-16.373-.064-32.03 2.955-46.436 8.495l-77.68-125.153A24 24 0 0 0 368.001 64h-64c-8.837 0-16 7.163-16 16v16c0 8.837 7.163 16 16 16h50.649l14.896 24H256.002v-16c0-8.837-7.163-16-16-16h-87.459c-13.441 0-24.777 10.999-24.536 24.437.232 13.044 10.876 23.563 23.995 23.563h48.726l-29.417 47.52c-13.433-4.83-27.904-7.483-42.992-7.52C58.094 191.83.412 249.012.002 319.236-.413 390.279 57.055 448 128.002 448c59.642 0 109.758-40.793 123.967-96h52.033a24 24 0 0 0 20.406-11.367L410.37 201.77l14.938 24.067c-25.455 23.448-41.385 57.081-41.307 94.437.145 68.833 57.899 127.051 126.729 127.719 70.606.685 128.181-55.803 129.255-125.996 1.086-70.941-56.526-129.72-127.476-129.996zM186.75 265.772c9.727 10.529 16.673 23.661 19.642 38.228h-43.306l23.664-38.228zM128.002 400c-44.112 0-80-35.888-80-80s35.888-80 80-80c5.869 0 11.586.653 17.099 1.859l-45.505 73.509C89.715 331.327 101.213 352 120.002 352h81.3c-12.37 28.225-40.562 48-73.3 48zm162.63-96h-35.624c-3.96-31.756-19.556-59.894-42.383-80.026L237.371 184h127.547l-74.286 120zm217.057 95.886c-41.036-2.165-74.049-35.692-75.627-76.755-.812-21.121 6.633-40.518 19.335-55.263l44.433 71.586c4.66 7.508 14.524 9.816 22.032 5.156l13.594-8.437c7.508-4.66 9.817-14.524 5.156-22.032l-44.468-71.643a79.901 79.901 0 0 1 19.858-2.497c44.112 0 80 35.888 80 80-.001 45.54-38.252 82.316-84.313 79.885z\"\/><\/svg><\/div><\/a><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Item titles<\/a><\/h5><p class=\"qodef-e-text\">Input titles for each separate info item and customize title styles.<\/p><\/div><div class=\"qodef-m-item qodef-e\"><a><div class=\"qodef-e-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path style=\"stroke:transparent; fill:currentColor;\"  d=\"M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z\"\/><\/svg><\/div><\/a><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Descriptive text<\/a><\/h5><p class=\"qodef-e-text\">Add some linkable all-important textual content to each info item area. <\/p><\/div><div class=\"qodef-m-item qodef-e\"><a><div class=\"qodef-e-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path style=\"stroke:transparent; fill:currentColor;\"  d=\"M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z\"\/><\/svg><\/div><\/a><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Typography<\/a><\/h5><p class=\"qodef-e-text\">Easily customize typography for item titles, numbers and text. <\/p><\/div><\/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-8705e65c 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-49ecd27d\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-a6cc5e19\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h6 class=\"qodef-m-subtitle\"><span>Display item images &amp; features<\/span><\/h6><h2 class=\"qodef-m-title\">Item numbers &amp; icons<\/h2><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-item-showcase qodef-block-container qodef-block-7c9b484a\"><div class=\"qi-block-item-showcase qodef-block qodef-m qodef-layout--standard qodef--has-appear\"><div class=\"qodef-m-items qodef--left\"><div class=\"qodef-m-item qodef-e\"><div class=\"qodef-e-number\">1.<\/div><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Item image<\/a><\/h5><p class=\"qodef-e-text\">Pick an image you wish to display in the center of the element.<\/p><\/div><div class=\"qodef-m-item qodef-e\"><div class=\"qodef-e-number\">2.<\/div><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Display icons<\/a><\/h5><p class=\"qodef-e-text\">Choose whether you wish to display icons &amp; SVGs for item info.<\/p><\/div><\/div><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"379\" height=\"379\" class=\"wp-image-8730\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/01\/item-showcase-image-2.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/01\/item-showcase-image-2.png 379w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/01\/item-showcase-image-2-300x300.png 300w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/01\/item-showcase-image-2-100x100.png 100w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/01\/item-showcase-image-2-150x150.png 150w\" sizes=\"auto, (max-width: 379px) 100vw, 379px\" \/><\/div><div class=\"qodef-m-items qodef--right\"><div class=\"qodef-m-item qodef-e\"><div class=\"qodef-e-number\">3.<\/div><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Item numbers<\/a><\/h5><p class=\"qodef-e-text\">You can opt to display numerals in item info areas instead of icons.<\/p><\/div><div class=\"qodef-m-item qodef-e\"><div class=\"qodef-e-number\">4.<\/div><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Descriptive text<\/a><\/h5><p class=\"qodef-e-text\">Add the all-important textual content to each info item area.<\/p><\/div><\/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-6d597b09 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-7c89f2ff\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-item-showcase qodef-block-container qodef-block-370bf95b\"><div class=\"qi-block-item-showcase qodef-block qodef-m qodef-layout--side-icon qodef--has-appear\"><div class=\"qodef-m-items qodef--left\"><div class=\"qodef-m-item qodef-e\"><div class=\"qodef-e-side-holder\"><a><div class=\"qodef-e-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"59.1px\" height=\"60px\" viewBox=\"0 0 59.1 60\" style=\"enable-background:new 0 0 59.1 60;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:#82D1F0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}\n<\/style>\n<g id=\"paper_plane_1_\">\n\t<path class=\"st0\" d=\"M20.6,33l25.6-17.6L25.3,41l21.4,10.3c1.1,0.5,2.5-0.1,2.7-1.4l8.7-47.8c0.1-0.8-0.6-1.4-1.3-1L1.5,27.8   c-0.7,0.3-0.7,1.4,0,1.7l14.3,6.7\"><\/path>\n\t<line class=\"st0\" x1=\"25.3\" y1=\"59\" x2=\"31.9\" y2=\"48.6\"><\/line>\n\t<line class=\"st0\" x1=\"25.3\" y1=\"41\" x2=\"25.3\" y2=\"59\"><\/line>\n\t<line class=\"st0\" x1=\"15.8\" y1=\"36.3\" x2=\"25.3\" y2=\"59\"><\/line>\n<\/g>\n<\/svg><\/div><\/a><\/div><div class=\"qodef-e-content-holder\"><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Easily create detailed showcases for any item<\/a><\/h5><\/div><\/div><div class=\"qodef-m-item qodef-e\"><div class=\"qodef-e-side-holder\"><a><div class=\"qodef-e-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"60px\" height=\"60px\" viewBox=\"0 0 60 60\" style=\"enable-background:new 0 0 60 60;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:#82D1F0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}\n\t.st1{fill:#464646;stroke:#82D1F0;stroke-miterlimit:10;}\n<\/style>\n<g id=\"faq\">\n\t<g>\n\t\t<path class=\"st0\" d=\"M21.6,24.9c0-4.7,3.9-8.5,8.7-8.4c4.4,0.1,8.1,3.8,8.2,8.2c0.1,4.8-3.7,8.7-8.4,8.7v6.1\"><\/path>\n\t\t<g>\n\t\t\t<g>\n\t\t\t\t<path class=\"st1\" d=\"M30,42.2c-0.5,0-0.9,0.4-0.9,0.9c0,0.5,0.4,0.9,0.9,0.9c0.5,0,0.9-0.4,0.9-0.9C30.9,42.6,30.5,42.2,30,42.2      L30,42.2z\"><\/path>\n\t\t\t<\/g>\n\t\t<\/g>\n\t<\/g>\n\t<path class=\"st0\" d=\"M55.1,44.5c3.1-5.3,4.5-11.6,3.6-18.3C57,12.9,46.1,2.4,32.8,1.1C14.6-0.6-0.6,14.6,1.1,32.8   c1.3,13.3,11.8,24.2,25,25.9c6.7,0.9,13-0.6,18.3-3.6l11.9,3.2c1.2,0.3,2.2-0.7,1.9-1.9L55.1,44.5z\"><\/path>\n<\/g>\n<\/svg><\/div><\/a><\/div><div class=\"qodef-e-content-holder\"><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Include item titles and some additional content<\/a><\/h5><\/div><\/div><div class=\"qodef-m-item qodef-e\"><div class=\"qodef-e-side-holder\"><a><div class=\"qodef-e-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"57px\" height=\"57px\" viewBox=\"0 0 57 57\" style=\"enable-background:new 0 0 57 57;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:#82D1F0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}\n\t.st1{fill:none;stroke:#82D1F0;stroke-width:2;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:10;}\n<\/style>\n<g id=\"location_2_\">\n\t<circle class=\"st0\" cx=\"28.5\" cy=\"15.2\" r=\"7.1\"><\/circle>\n\t<path class=\"st0\" d=\"M42.7,15.2c0,7.8-11.5,23.1-14.2,23.1S14.3,23,14.3,15.2C14.3,7.4,20.7,1,28.5,1S42.7,7.4,42.7,15.2z\"><\/path>\n\t<line class=\"st0\" x1=\"16.1\" y1=\"49.8\" x2=\"18.7\" y2=\"36.5\"><\/line>\n\t<line class=\"st0\" x1=\"40.9\" y1=\"49.8\" x2=\"38.3\" y2=\"36.5\"><\/line>\n\t<polyline class=\"st1\" points=\"14.3,30.3 9,32 1,56 16.1,49.8 28.5,55.1 40.9,49.8 56,56 48,32 42.7,30.3  \"><\/polyline>\n<\/g>\n<\/svg><\/div><\/a><\/div><div class=\"qodef-e-content-holder\"><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Add icons or numbers to each feature displayed<\/a><\/h5><\/div><\/div><\/div><div class=\"qodef-m-image\"><img loading=\"lazy\" decoding=\"async\" width=\"203\" height=\"362\" class=\"wp-image-8780\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/01\/item-showcase-img-3.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/01\/item-showcase-img-3.png 203w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/01\/item-showcase-img-3-168x300.png 168w\" sizes=\"auto, (max-width: 203px) 100vw, 203px\" \/><\/div><div class=\"qodef-m-items qodef--right\"><div class=\"qodef-m-item qodef-e\"><div class=\"qodef-e-side-holder\"><a><div class=\"qodef-e-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"60px\" height=\"60px\" viewBox=\"0 0 60 60\" style=\"enable-background:new 0 0 60 60;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:#82D1F0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}\n\t.st1{fill:none;stroke:#82D1F0;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}\n<\/style>\n<g id=\"clock_24_hours\">\n\t<g>\n\t\t<path class=\"st0\" d=\"M34.7,45.9c0-2.8,2.3-5.1,5.1-5.1c2.8,0,5.1,1.4,5.1,5.1c0,2.3-3,5.2-3,5.2L34.7,59h11.2\"><\/path>\n\t\t<polyline class=\"st0\" points=\"56.2,59 56.2,41.1 47.1,54.3 59,54.3   \"><\/polyline>\n\t<\/g>\n\t<path class=\"st0\" d=\"M29.1,59C13.5,58.5,1,45.7,1,30C1,14,14,1,30,1s29,13,29,29c0,1.9-0.2,3.8-0.5,5.6\"><\/path>\n\t<g>\n\t\t<line class=\"st0\" x1=\"30\" y1=\"10.4\" x2=\"30\" y2=\"27.2\"><\/line>\n\t\t<circle class=\"st0\" cx=\"30\" cy=\"30\" r=\"2.8\"><\/circle>\n\t\t<line class=\"st1\" x1=\"32.8\" y1=\"27.2\" x2=\"38.6\" y2=\"21.4\"><\/line>\n\t<\/g>\n<\/g>\n<\/svg><\/div><\/a><\/div><div class=\"qodef-e-content-holder\"><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">2 basic layout types \u2013 side icon and standard <\/a><\/h5><\/div><\/div><div class=\"qodef-m-item qodef-e\"><div class=\"qodef-e-side-holder\"><a><div class=\"qodef-e-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"64px\" height=\"64px\" viewBox=\"0 0 64 64\" style=\"enable-background:new 0 0 64 64;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{fill:none;stroke:#82D1F0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}\n<\/style>\n<g id=\"phone_call\">\n\t<g>\n\t\t<path class=\"st0\" d=\"M15.6,48.5c-2.6-2.6-5.1-5.6-7.3-8.6C5.6,36.3,3,32.3,1.8,28c-1-3.4-1.1-7.2,0.2-10.6c1.3-3.5,4.9-8,9.1-7.6    c3.6,0.4,6.7,3.9,8.2,6.9c0.7,1.4,1.2,3.1,0.7,4.6c-0.7,2-2.9,3.1-4.2,4.8c-1.6,2.2-1.1,5.1,0.3,7.3c2.3,3.8,4.4,6.2,6.4,8.2    c1.9,1.9,4.3,4,8.2,6.4c2.2,1.4,5.1,1.8,7.3,0.3c1.8-1.2,2.8-3.5,4.8-4.2c1.5-0.5,3.2,0,4.6,0.7c3.1,1.5,6.5,4.6,6.9,8.2    c0.4,4.2-4.1,7.8-7.6,9.1c-3.4,1.2-7.1,1.1-10.6,0.2c-4.3-1.2-8.3-3.9-11.9-6.5C21.1,53.6,18.2,51.1,15.6,48.5z\"><\/path>\n\t\t<line class=\"st0\" x1=\"14\" y1=\"22\" x2=\"16\" y2=\"24\"><\/line>\n\t\t<line class=\"st0\" x1=\"40\" y1=\"48\" x2=\"42\" y2=\"50\"><\/line>\n\t<\/g>\n\t<g>\n\t\t<path class=\"st0\" d=\"M24.9,3.4C28.3,1.9,32,1,36,1c14.9,0,27,12.1,27,27c0,4-0.9,7.7-2.4,11.1\"><\/path>\n\t\t<path class=\"st0\" d=\"M52.3,30.8c0.2-0.9,0.2-1.8,0.2-2.8c0-9.1-7.4-16.5-16.5-16.5c-0.9,0-1.9,0.1-2.8,0.2\"><\/path>\n\t<\/g>\n<\/g>\n<\/svg><\/div><\/a><\/div><div class=\"qodef-e-content-holder\"><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">Set typography &amp; colors for titles, text &amp; numbers<\/a><\/h5><\/div><\/div><div class=\"qodef-m-item qodef-e\"><div class=\"qodef-e-side-holder\"><a><div class=\"qodef-e-icon-holder\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"66px\" height=\"66px\" viewBox=\"0 0 66 66\" style=\"enable-background:new 0 0 66 66;\" xml:space=\"preserve\">\n<style type=\"text\/css\">\n\t.st0{stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}\n<\/style>\n<g id=\"QA\">\n\t<g id=\"_x3C_Grupo_x3E__1_\">\n\t\t<path class=\"st0\" d=\"M20.6,40.2c-3.9,0-7.6-1.2-10.7-3.2L1,40.2l3.2-8.9C2.2,28.2,1,24.5,1,20.6C1,9.8,9.8,1,20.6,1    s19.6,8.8,19.6,19.6\"><\/path>\n\t\t<g>\n\t\t\t<ellipse class=\"st0\" cx=\"20.6\" cy=\"20.6\" rx=\"6.2\" ry=\"7.3\"><\/ellipse>\n\t\t\t<line class=\"st0\" x1=\"21.6\" y1=\"28\" x2=\"25.8\" y2=\"28.9\"><\/line>\n\t\t<\/g>\n\t<\/g>\n\t<g id=\"_x3C_Grupo_x3E_\">\n\t\t<path class=\"st0\" d=\"M61.8,56.1c2-3.1,3.2-6.7,3.2-10.7c0-10.8-8.8-19.6-19.6-19.6s-19.6,8.8-19.6,19.6c0,10.8,8.8,19.6,19.6,19.6    c3.9,0,7.6-1.2,10.7-3.2L65,65L61.8,56.1z\"><\/path>\n\t\t<g>\n\t\t\t<line class=\"st0\" x1=\"45.4\" y1=\"38.2\" x2=\"40.2\" y2=\"52.6\"><\/line>\n\t\t\t<line class=\"st0\" x1=\"45.4\" y1=\"38.2\" x2=\"50.5\" y2=\"52.6\"><\/line>\n\t\t\t<line class=\"st0\" x1=\"42.3\" y1=\"47.5\" x2=\"48.5\" y2=\"47.5\"><\/line>\n\t\t<\/g>\n\t<\/g>\n<\/g>\n<\/svg><\/div><\/a><\/div><div class=\"qodef-e-content-holder\"><h5 class=\"qodef-e-title\"><a class=\"qodef-e-title-link\">You can also add links to each feature separately<\/a><\/h5><\/div><\/div><\/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-a84efb3d 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-fdf14f0a\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-call-to-action qodef-block-container qodef-block-ced5f809\"><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-49bb6e68\"><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-72912","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/72912","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=72912"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/72912\/revisions"}],"predecessor-version":[{"id":85333,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/72912\/revisions\/85333"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/media?parent=72912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}