{"id":73869,"date":"2022-01-27T06:57:41","date_gmt":"2022-01-27T06:57:41","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?page_id=73869"},"modified":"2023-05-17T10:01:05","modified_gmt":"2023-05-17T10:01:05","slug":"cards-slider","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/cards-slider\/","title":{"rendered":"Cards Slider 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\">Cards Slider <br><span style=\"text-decoration: underline;\" class=\"qodef-underline-text\">GUTENBERG<\/span> block<\/h1><p class=\"qodef-m-text\">A visually appealing block that lets you display card <br>deck styled sliders containing images you select.<\/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-79334\"  src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/cards-slider-title-image.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/cards-slider-title-image.png 685w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/cards-slider-title-image-300x219.png 300w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2022\/04\/cards-slider-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-f38c65ca 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-8473c49f qodef-horizontal-align--center qodef-horizontal-align--tablet--start\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-cards-slider qodef-block-container qodef-block-4e2bda69  qodef-width--inline\"><div class=\"qi-block-cards-slider qodef-block qodef-m qodef-width--inline qodef-orientation--one-side qodef-orientation--right qodef-navigation--hover-move\" data-orientation=\"right\" data-offset=\"50\"><div class=\"qodef-e-inner\"><div class=\"qodef-m-card\"><div class=\"qodef-m-bundle-item\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"587\" class=\"wp-image-47597\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-4.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-4.png 600w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-4-300x294.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><\/div><div class=\"qodef-m-card\"><div class=\"qodef-m-bundle-item\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"587\" class=\"wp-image-47596\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-3.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-3.png 600w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-3-300x294.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><\/div><div class=\"qodef-m-card\"><div class=\"qodef-m-bundle-item\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"587\" class=\"wp-image-47595\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-2.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-2.png 600w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-2-300x294.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><\/div><\/div><div class=\"qodef-m-fake-card\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"587\" class=\"wp-image-47595\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-2.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-2.png 600w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-2-300x294.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"qodef-m-navigation\"><div class=\"qodef-nav qodef--prev\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"23px\" height=\"21px\" viewBox=\"-19.123 11.925 23 21\" xml:space=\"preserve\" style=\"stroke: transparent;\">\n<polygon points=\"-19.104,22.432 -19.114,22.442 -8.403,32.925 -6.956,31.497 -15.177,23.45 3.877,23.45 3.877,21.435   -15.215,21.435 -6.955,13.351 -8.403,11.925 -19.123,22.415 \"><\/polygon>\n<\/svg><\/div><div class=\"qodef-nav qodef--next\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"23px\" height=\"21px\" viewBox=\"17.627 16.55 23 21\" xml:space=\"preserve\" style=\"stroke: transparent;\">\n<polygon points=\"40.609,27.042 40.619,27.033 29.908,16.55 28.46,17.977 36.682,26.024 17.627,26.024 17.627,28.039 36.72,28.039   28.46,36.123 29.908,37.55 40.627,27.06 \"><\/polygon>\n<\/svg><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-1c256e48 qodef-vertical-align--middle\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-92cf0f53\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-title-break-disabled--tablet qodef-subtitle-icon--left\"><h2 class=\"qodef-m-title\">A simple way to create <br>your style of cards sliders<\/h2><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-78d6d298\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p> &#8211; Choose one of 2 image shuffle styles<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-3c4605c8\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p> &#8211; Set the proportions for the images<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-cbdb6bef\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p> &#8211; Easily add individual image items<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-580eddae\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p> &#8211; Simply set images and input links<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-button qodef-block-container qodef-block-c09fc0ae\"><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=\"#\"><span class=\"qodef-m-text\">View More<\/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=\"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>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-2e661c1e 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-1319f13f qodef-vertical-align--top\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-246d2be6\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h2 class=\"qodef-m-title\">A simple way to customize the style of your sliders<\/h2><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-28ea2279\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>&#8211; Huge set of intuitively organized options<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-8462a368\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>&#8211; Simply drag the slider &amp; set step offsets<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-0a0a8470\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>&#8211; Fully adjustable slider navigation arrows<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-1a82391d\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>&#8211; Configure both active &amp; hover navigation<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-button qodef-block-container qodef-block-0ea68e0b\"><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=\"#\"><span class=\"qodef-m-text\">View More<\/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=\"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>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-0076e6a7\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-cards-slider qodef-block-container qodef-block-e3880706\"><div class=\"qi-block-cards-slider qodef-block qodef-m qodef-orientation--one-side qodef-orientation--right qodef-navigation--hover-move\" data-orientation=\"right\" data-offset=\"50\"><div class=\"qodef-e-inner\"><div class=\"qodef-m-card\"><div class=\"qodef-m-bundle-item\"><img loading=\"lazy\" decoding=\"async\" width=\"677\" height=\"662\" class=\"wp-image-48011\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-7.png\" alt=\"\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-7.png 677w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-7-600x587.png 600w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-7-300x293.png 300w\" sizes=\"auto, (max-width: 677px) 100vw, 677px\" \/><\/div><\/div><div class=\"qodef-m-card\"><div class=\"qodef-m-bundle-item\"><img loading=\"lazy\" decoding=\"async\" width=\"677\" height=\"662\" class=\"wp-image-48010\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-6.png\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-6.png 677w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-6-600x587.png 600w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-6-300x293.png 300w\" sizes=\"auto, (max-width: 677px) 100vw, 677px\" \/><\/div><\/div><div class=\"qodef-m-card\"><div class=\"qodef-m-bundle-item\"><img loading=\"lazy\" decoding=\"async\" width=\"677\" height=\"662\" class=\"wp-image-48009\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-5.png\" alt=\"\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-5.png 677w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-5-600x587.png 600w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-5-300x293.png 300w\" sizes=\"auto, (max-width: 677px) 100vw, 677px\" \/><\/div><\/div><\/div><div class=\"qodef-m-fake-card\"><img loading=\"lazy\" decoding=\"async\" width=\"677\" height=\"662\" class=\"wp-image-48009\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-5.png\" alt=\"\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-5.png 677w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-5-600x587.png 600w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-5-300x293.png 300w\" sizes=\"auto, (max-width: 677px) 100vw, 677px\" \/><\/div><div class=\"qodef-m-navigation\"><div class=\"qodef-nav qodef--prev\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"23px\" height=\"21px\" viewBox=\"-19.123 11.925 23 21\" xml:space=\"preserve\" style=\"stroke: transparent;\">\n<polygon points=\"-19.104,22.432 -19.114,22.442 -8.403,32.925 -6.956,31.497 -15.177,23.45 3.877,23.45 3.877,21.435   -15.215,21.435 -6.955,13.351 -8.403,11.925 -19.123,22.415 \"><\/polygon>\n<\/svg><\/div><div class=\"qodef-nav qodef--next\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"23px\" height=\"21px\" viewBox=\"17.627 16.55 23 21\" xml:space=\"preserve\" style=\"stroke: transparent;\">\n<polygon points=\"40.609,27.042 40.619,27.033 29.908,16.55 28.46,17.977 36.682,26.024 17.627,26.024 17.627,28.039 36.72,28.039   28.46,36.123 29.908,37.55 40.627,27.06 \"><\/polygon>\n<\/svg><\/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-columns-reverse--tablet qodef-columns-reverse--mobile qodef-block-4ffa8f89 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-7ec45f67\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-cards-slider qodef-block-container qodef-block-bdc43b7e\"><div class=\"qi-block-cards-slider qodef-block qodef-m qodef-orientation--one-side qodef-orientation--right qodef-navigation--hover-move\" data-orientation=\"right\" data-offset=\"60\"><div class=\"qodef-e-inner\"><div class=\"qodef-m-card\"><div class=\"qodef-m-bundle-item\"><img loading=\"lazy\" decoding=\"async\" width=\"585\" height=\"571\" class=\"wp-image-48144\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-image-11.jpg\" alt=\"\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-image-11.jpg 585w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-image-11-300x293.jpg 300w\" sizes=\"auto, (max-width: 585px) 100vw, 585px\" \/><\/div><\/div><div class=\"qodef-m-card\"><div class=\"qodef-m-bundle-item\"><img loading=\"lazy\" decoding=\"async\" width=\"585\" height=\"572\" class=\"wp-image-48142\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-9.jpg\" alt=\"\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-9.jpg 585w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-img-9-300x293.jpg 300w\" sizes=\"auto, (max-width: 585px) 100vw, 585px\" \/><\/div><\/div><div class=\"qodef-m-card\"><div class=\"qodef-m-bundle-item\"><img loading=\"lazy\" decoding=\"async\" width=\"585\" height=\"571\" class=\"wp-image-48145\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-image-10.jpg\" alt=\"\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-image-10.jpg 585w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-image-10-300x293.jpg 300w\" sizes=\"auto, (max-width: 585px) 100vw, 585px\" \/><\/div><\/div><\/div><div class=\"qodef-m-fake-card\"><img loading=\"lazy\" decoding=\"async\" width=\"585\" height=\"571\" class=\"wp-image-48145\" src=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-image-10.jpg\" alt=\"\" srcset=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-image-10.jpg 585w, https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-content\/uploads\/2021\/06\/cards-slider-image-10-300x293.jpg 300w\" sizes=\"auto, (max-width: 585px) 100vw, 585px\" \/><\/div><div class=\"qodef-m-navigation\"><div class=\"qodef-nav qodef--prev\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"23px\" height=\"21px\" viewBox=\"-19.123 11.925 23 21\" xml:space=\"preserve\" style=\"stroke: transparent;\">\n<polygon points=\"-19.104,22.432 -19.114,22.442 -8.403,32.925 -6.956,31.497 -15.177,23.45 3.877,23.45 3.877,21.435   -15.215,21.435 -6.955,13.351 -8.403,11.925 -19.123,22.415 \"><\/polygon>\n<\/svg><\/div><div class=\"qodef-nav qodef--next\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"23px\" height=\"21px\" viewBox=\"17.627 16.55 23 21\" xml:space=\"preserve\" style=\"stroke: transparent;\">\n<polygon points=\"40.609,27.042 40.619,27.033 29.908,16.55 28.46,17.977 36.682,26.024 17.627,26.024 17.627,28.039 36.72,28.039   28.46,36.123 29.908,37.55 40.627,27.06 \"><\/polygon>\n<\/svg><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-2fdb78bb qodef-vertical-align--top\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-section-title qodef-block-container qodef-block-d4cfdf6c\"><div class=\"qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left\"><h2 class=\"qodef-m-title\">Fully customizable cards slider navigation arrows<\/h2><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-5beca647\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>&#8211; Add your images or SVGs for navigation<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-3ced53e9\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>&#8211; Easily adjust the arrow size &amp; holder<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-a3250b0a\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>&#8211; Drag the slider to set arrow spacing<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-advanced-text qodef-block-container qodef-block-edf369fa\"><div class=\"qi-block-advanced-text qodef-block qodef-m\"><p>&#8211; Adapt arrow main &amp; background colors<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-qi-blocks-button qodef-block-container qodef-block-0d393f63\"><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=\"#\"><span class=\"qodef-m-text\">View More<\/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=\"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>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-4cbe5af0 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-5c779b18\"><div class=\"qodef-gutenberg-column-inner\">\n<div class=\"wp-block-qi-blocks-call-to-action qodef-block-container qodef-block-05cab4d3\"><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-6f2c85d1\"><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-73869","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/73869","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=73869"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/73869\/revisions"}],"predecessor-version":[{"id":85274,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/73869\/revisions\/85274"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/media?parent=73869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}