Demos

These are example representations of what you can create with the Content Slider Block (block patterns) that can be easily customized through the WordPress Block Editor. You can copy and paste the provided patterns to your website by clicking on the “Copy Pattern” button below. All you need is a WordPress installation with the Nasio Blocks plugin installed and activated.

Example 1: Testimonials carousel

<!-- wp:group {"align":"full","className":"nasio-pattern nasio-pattern-preview","style":{"color":{"background":"#f8f8f8"}},"layout":{"type":"constrained","contentSize":"980px","wideSize":"1180px"}} --> <div class="wp-block-group alignfull nasio-pattern nasio-pattern-preview has-background" style="background-color:#f8f8f8"><!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|medium"}}}} --> <div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--medium)"><!-- wp:column {"width":"33%","style":{"spacing":{"padding":{"top":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large","left":"var:preset|spacing|small","right":"var:preset|spacing|small"}}}} --> <div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--small);flex-basis:33%"><!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"#356df1"}}},"color":{"text":"#356df1"}}} --> <h6 class="wp-block-heading has-text-color has-link-color" style="color:#356df1"><strong>OUR TESTIMONIALS</strong></h6> <!-- /wp:heading --> <!-- wp:heading {"style":{"spacing":{"padding":{"right":"0","left":"0"}}}} --> <h2 class="wp-block-heading" style="padding-right:0;padding-left:0">Student Stories &amp; Successes</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Discover their journeys, achievements, and why they chose our platform.</p> <!-- /wp:paragraph --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} --> <div class="wp-block-buttons"><!-- wp:button {"textColor":"white","width":75,"className":"p-btn-animation-hover-arrow","style":{"color":{"background":"#356df1"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}}} --> <div class="wp-block-button has-custom-width wp-block-button__width-75 p-btn-animation-hover-arrow"><a class="wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button" style="background-color:#356df1">More reviews</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"><!-- wp:nasio-block/content-slider {"slidesPerView":2,"showArrows":false,"slidesPerGroup":2,"className":"dots-bottom-outside"} --> <div class="wp-block-nasio-block-content-slider is-display-mode-carousel dots-bottom-outside" style="--space-between:20px;--swiper-navigation-sides-dynamic-offset:8px;--arrow-color:#333;--pagination-active-color:#333;--pagination-inactive-color:#ccc" data-space-between="20" data-loop="true" data-mode="carousel" data-autoplay="false" data-autoplay-delay="3000" data-show-dots="true" data-show-arrows="false" data-draggable="true" data-slides-per-view="2" data-slides-per-group="2"><div class="nasio-content-slider swiper"><div class="swiper-wrapper"><!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"overlayColor":"white","isUserOverlayColor":true,"minHeight":400,"minHeightUnit":"px","isDark":false,"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-primary"}}},"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"textColor":"text-primary"} --> <div class="wp-block-cover is-light has-text-primary-color has-text-color has-link-color" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:400px"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|small","left":"var:preset|spacing|small","top":"var:preset|spacing|small","bottom":"var:preset|spacing|small"}},"border":{"radius":"10px"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group" style="border-radius:10px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><!-- wp:image {"id":2475,"width":"32px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"center","className":"is-resized"} --> <figure class="wp-block-image aligncenter size-full is-resized"><img src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/quotation.png" alt="" class="wp-image-2475" style="width:32px;height:auto"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:This platpreset|color|text-primary"}}}},"textColor":"text-primary"} --> <p class="has-text-primary-color has-text-color has-link-color">Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.</p> <!-- /wp:paragraph --> <!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|small"}}}} --> <div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--small)"><!-- wp:column {"width":"33.33%"} --> <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":2365,"width":"80px","height":"80px","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"50px"},"color":{"duotone":"unset"}}} --> <figure class="wp-block-image size-large is-resized has-custom-border"><img src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/testimonials/team-member-01.jpg" alt="" class="wp-image-2365" style="border-radius:50px;object-fit:cover;width:80px;height:80px"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"width":"66.66%"} --> <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"text-primary","fontSize":"medium"} --> <h3 class="wp-block-heading has-text-align-left has-text-primary-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:700">Greg Teodor</h3> <!-- /wp:heading --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-secondary"}}}},"textColor":"text-secondary","fontSize":"small"} --> <p class="has-text-secondary-color has-text-color has-link-color has-small-font-size">Project Coordinator</p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --> <!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"overlayColor":"white","isUserOverlayColor":true,"minHeight":400,"minHeightUnit":"px","isDark":false,"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-primary"}}},"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"textColor":"text-primary"} --> <div class="wp-block-cover is-light has-text-primary-color has-text-color has-link-color" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:400px"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|small","left":"var:preset|spacing|small","top":"var:preset|spacing|small","bottom":"var:preset|spacing|small"}},"border":{"radius":"10px"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group" style="border-radius:10px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><!-- wp:image {"id":2474,"width":"32px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"center","className":"is-resized"} --> <figure class="wp-block-image aligncenter size-full is-resized"><img src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/quotation-1.png" alt="" class="wp-image-2474" style="width:32px;height:auto"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:This platpreset|color|text-primary"}}}},"textColor":"text-primary"} --> <p class="has-text-primary-color has-text-color has-link-color">Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.</p> <!-- /wp:paragraph --> <!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|small"}}}} --> <div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--small)"><!-- wp:column {"width":"33.33%"} --> <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":2367,"width":"80px","height":"80px","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"50px"},"color":{"duotone":"unset"}}} --> <figure class="wp-block-image size-large is-resized has-custom-border"><img src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/testimonials/team-member-02.jpg" alt="" class="wp-image-2367" style="border-radius:50px;object-fit:cover;width:80px;height:80px"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"width":"66.66%"} --> <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"text-primary","fontSize":"medium"} --> <h3 class="wp-block-heading has-text-align-left has-text-primary-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:700">Ivana Jensen</h3> <!-- /wp:heading --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-secondary"}}}},"textColor":"text-secondary","fontSize":"small"} --> <p class="has-text-secondary-color has-text-color has-link-color has-small-font-size">Digital Marketing</p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --> <!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"overlayColor":"white","isUserOverlayColor":true,"minHeight":400,"minHeightUnit":"px","isDark":false,"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-primary"}}},"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"textColor":"text-primary"} --> <div class="wp-block-cover is-light has-text-primary-color has-text-color has-link-color" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:400px"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|small","left":"var:preset|spacing|small","top":"var:preset|spacing|small","bottom":"var:preset|spacing|small"}},"border":{"radius":"10px"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group" style="border-radius:10px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><!-- wp:image {"id":2350,"width":"32px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"center","className":"is-resized"} --> <figure class="wp-block-image aligncenter size-full is-resized"><img src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/quotation-2.png" alt="" class="wp-image-2350" style="width:32px;height:auto"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:This platpreset|color|text-primary"}}}},"textColor":"text-primary"} --> <p class="has-text-primary-color has-text-color has-link-color">Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.</p> <!-- /wp:paragraph --> <!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|small"}}}} --> <div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--small)"><!-- wp:column {"width":"33.33%"} --> <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":2371,"width":"80px","height":"80px","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"50px"}}} --> <figure class="wp-block-image size-large is-resized has-custom-border"><img src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/testimonials/team-member-03.jpg" alt="" class="wp-image-2371" style="border-radius:50px;object-fit:cover;width:80px;height:80px"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"width":"66.66%"} --> <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"text-primary","fontSize":"medium"} --> <h3 class="wp-block-heading has-text-align-left has-text-primary-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:700">Ricardo Rossi</h3> <!-- /wp:heading --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-secondary"}}}},"textColor":"text-secondary","fontSize":"small"} --> <p class="has-text-secondary-color has-text-color has-link-color has-small-font-size">Online language tutor</p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --> <!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"overlayColor":"white","isUserOverlayColor":true,"minHeight":400,"minHeightUnit":"px","isDark":false,"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-primary"}}},"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"textColor":"text-primary"} --> <div class="wp-block-cover is-light has-text-primary-color has-text-color has-link-color" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:400px"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|small","left":"var:preset|spacing|small","top":"var:preset|spacing|small","bottom":"var:preset|spacing|small"}},"border":{"radius":"10px"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group" style="border-radius:10px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><!-- wp:image {"id":2352,"width":"32px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"center","className":"is-resized"} --> <figure class="wp-block-image aligncenter size-full is-resized"><img src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/quotation-3.png" alt="" class="wp-image-2352" style="width:32px;height:auto"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:This platpreset|color|text-primary"}}}},"textColor":"text-primary"} --> <p class="has-text-primary-color has-text-color has-link-color">Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.</p> <!-- /wp:paragraph --> <!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|small"}}}} --> <div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--small)"><!-- wp:column {"width":"33.33%"} --> <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":2369,"width":"80px","height":"80px","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"50px"}}} --> <figure class="wp-block-image size-large is-resized has-custom-border"><img src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/testimonials/team-member-04.jpg" alt="" class="wp-image-2369" style="border-radius:50px;object-fit:cover;width:80px;height:80px"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"width":"66.66%"} --> <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"text-primary","fontSize":"medium"} --> <h3 class="wp-block-heading has-text-align-left has-text-primary-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:700">Clara Anderson</h3> <!-- /wp:heading --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-secondary"}}}},"textColor":"text-secondary","fontSize":"small"} --> <p class="has-text-secondary-color has-text-color has-link-color has-small-font-size">Online Skills Coach</p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --> <!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"overlayColor":"white","isUserOverlayColor":true,"minHeight":400,"minHeightUnit":"px","isDark":false,"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-primary"}}},"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"textColor":"text-primary"} --> <div class="wp-block-cover is-light has-text-primary-color has-text-color has-link-color" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:400px"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|small","left":"var:preset|spacing|small","top":"var:preset|spacing|small","bottom":"var:preset|spacing|small"}},"border":{"radius":"10px"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group" style="border-radius:10px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><!-- wp:image {"id":2100,"width":"32px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"center","className":"is-resized"} --> <figure class="wp-block-image aligncenter size-full is-resized"><img src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/quotation.png" alt="" class="wp-image-2100" style="width:32px;height:auto"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:This platpreset|color|text-primary"}}}},"textColor":"text-primary"} --> <p class="has-text-primary-color has-text-color has-link-color">Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.</p> <!-- /wp:paragraph --> <!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|small"}}}} --> <div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--small)"><!-- wp:column {"width":"33.33%"} --> <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":2376,"width":"80px","height":"80px","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"50px"}}} --> <figure class="wp-block-image size-large is-resized has-custom-border"><img src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/testimonials/team-member-05.jpg" alt="" class="wp-image-2376" style="border-radius:50px;object-fit:cover;width:80px;height:80px"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"width":"66.66%"} --> <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"text-primary","fontSize":"medium"} --> <h3 class="wp-block-heading has-text-align-left has-text-primary-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:700">John Roberts</h3> <!-- /wp:heading --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-secondary"}}}},"textColor":"text-secondary","fontSize":"small"} --> <p class="has-text-secondary-color has-text-color has-link-color has-small-font-size">Fitness Coach</p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --> <!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"overlayColor":"white","isUserOverlayColor":true,"minHeight":400,"minHeightUnit":"px","isDark":false,"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-primary"}}},"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"textColor":"text-primary"} --> <div class="wp-block-cover is-light has-text-primary-color has-text-color has-link-color" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:400px"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|small","left":"var:preset|spacing|small","top":"var:preset|spacing|small","bottom":"var:preset|spacing|small"}},"border":{"radius":"10px"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group" style="border-radius:10px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><!-- wp:image {"id":2101,"width":"32px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"center","className":"is-resized"} --> <figure class="wp-block-image aligncenter size-full is-resized"><img src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/quotation-1.png" alt="" class="wp-image-2101" style="width:32px;height:auto"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:This platpreset|color|text-primary"}}}},"textColor":"text-primary"} --> <p class="has-text-primary-color has-text-color has-link-color">Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.</p> <!-- /wp:paragraph --> <!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|small"}}}} --> <div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--small)"><!-- wp:column {"width":"33.33%"} --> <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":2378,"width":"80px","height":"80px","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"50px"}}} --> <figure class="wp-block-image size-large is-resized has-custom-border"><img src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/testimonials/team-member-06.jpg" alt="" class="wp-image-2378" style="border-radius:50px;object-fit:cover;width:80px;height:80px"/></figure> <!-- /wp:image --></div> <!-- /wp:column --> <!-- wp:column {"width":"66.66%"} --> <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"textColor":"text-primary","fontSize":"medium"} --> <h3 class="wp-block-heading has-text-align-left has-text-primary-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:700">Dr. Sofia Rossi</h3> <!-- /wp:heading --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-secondary"}}}},"textColor":"text-secondary","fontSize":"small"} --> <p class="has-text-secondary-color has-text-color has-link-color has-small-font-size">University Lecturer</p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --></div><div class="swiper-pagination"></div></div></div> <!-- /wp:nasio-block/content-slider --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->

Example 2: Testimonials slider

<!-- wp:nasio-block/content-slider {"displayMode":"fullwidth","arrowOffset":-32,"className":"nasio-pattern-testimonials-slider"} --> <div class="wp-block-nasio-block-content-slider is-display-mode-fullwidth nasio-pattern-testimonials-slider" style="--space-between:20px;--swiper-navigation-sides-dynamic-offset:-32px;--arrow-color:#333;--pagination-active-color:#333;--pagination-inactive-color:#ccc" data-space-between="20" data-loop="true" data-mode="fullwidth" data-autoplay="false" data-autoplay-delay="3000" data-show-dots="true" data-show-arrows="true" data-draggable="true"><div class="nasio-content-slider swiper"><div class="swiper-wrapper"><!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"dimRatio":0,"customOverlayColor":"#000000","isUserOverlayColor":true,"isDark":false} --> <div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#000000"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","placeholder":"Add slide title...","style":{"typography":{"lineHeight":"1.8"},"spacing":{"padding":{"right":"1.5rem","left":"1.5rem"}}},"textColor":"text-primary","fontSize":"large"} --> <h2 class="wp-block-heading has-text-align-center has-text-primary-color has-text-color has-large-font-size" style="padding-right:1.5rem;padding-left:1.5rem;line-height:1.8">"Working with this digital agency was one of the best decisions we made for our company. They didn't just create a beautiful website—they understood our brand, our audience, and our goals. Their team guided us through every step."</h2> <!-- /wp:heading --> <!-- wp:spacer {"height":"1rem"} --> <div style="height:1rem" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|text-primary"}}}},"textColor":"text-primary"} --> <p class="has-text-align-center has-text-primary-color has-text-color has-link-color"><strong>Sofia Martins, Portugal 🇵🇹</strong></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --> <!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"dimRatio":0,"isUserOverlayColor":true,"isDark":false} --> <div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","placeholder":"Add slide title...","style":{"typography":{"lineHeight":"1.8"}},"textColor":"text-primary","fontSize":"large"} --> <h2 class="wp-block-heading has-text-align-center has-text-primary-color has-text-color has-large-font-size" style="line-height:1.8">"We had worked with several agencies before, but this team truly stands out. Their attention to detail, design aesthetics, and strategic thinking are on another level. They redesigned our entire digital presence to new heights."</h2> <!-- /wp:heading --> <!-- wp:spacer {"height":"1rem"} --> <div style="height:1rem" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center"><strong>Lukas Schneider, Germany 🇩🇪</strong></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --> <!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"dimRatio":0,"isUserOverlayColor":true,"isDark":false} --> <div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","placeholder":"Add slide title...","style":{"typography":{"lineHeight":"1.8"}},"textColor":"text-primary","fontSize":"large"} --> <h2 class="wp-block-heading has-text-align-center has-text-primary-color has-text-color has-large-font-size" style="line-height:1.8">"This agency transformed our outdated e-commerce store into a sleek, high-converting platform. They optimized everything—from page speed and checkout flow to mobile responsiveness and SEO. Our monthly sales are now at an all-time high."</h2> <!-- /wp:heading --> <!-- wp:spacer {"height":"1rem"} --> <div style="height:1rem" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center"><strong>Jessica Carter, USA 🇺🇸</strong></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --> <!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"dimRatio":0,"isUserOverlayColor":true,"isDark":false} --> <div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","placeholder":"Add slide title...","style":{"typography":{"lineHeight":"1.8"}},"textColor":"text-primary","fontSize":"large"} --> <h2 class="wp-block-heading has-text-align-center has-text-primary-color has-text-color has-large-font-size" style="line-height:1.8">"Before working with this team, our brand lacked a digital identity. Now, we have a unified online presence that truly reflects our values. They crafted a custom strategy combining a new logo, a responsive site, and a targeted content plan."</h2> <!-- /wp:heading --> <!-- wp:spacer {"height":"1rem"} --> <div style="height:1rem" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center"><strong>Ivan Petrov, Bulgaria 🇧🇬</strong></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --> <!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"dimRatio":0,"isUserOverlayColor":true,"isDark":false} --> <div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","placeholder":"Add slide title...","style":{"typography":{"lineHeight":"1.8"}},"textColor":"text-primary","fontSize":"large"} --> <h2 class="wp-block-heading has-text-align-center has-text-primary-color has-text-color has-large-font-size" style="line-height:1.8">"From our first consultation, it was clear this agency knew exactly how to help us stand out online. They took the time to understand our business and built a strategy that included stunning visuals, compelling messaging, and a user-friendly website."</h2> <!-- /wp:heading --> <!-- wp:spacer {"height":"1rem"} --> <div style="height:1rem" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center"><strong>Mariana Oliveira, Brazil 🇧🇷</strong></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --></div><div class="swiper-pagination"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div></div> <!-- /wp:nasio-block/content-slider -->

Example 3: Hero Slider

<!-- wp:nasio-block/content-slider {"displayMode":"fullwidth","arrowOffset":0,"arrowColor":"#ffffff","align":"full","className":"dots-bottom-outside nasio-pattern-preview"} --> <div class="wp-block-nasio-block-content-slider alignfull is-display-mode-fullwidth dots-bottom-outside nasio-pattern-preview" style="--space-between:20px;--swiper-navigation-sides-dynamic-offset:0px;--arrow-color:#ffffff;--pagination-active-color:#333;--pagination-inactive-color:#ccc" data-space-between="20" data-loop="true" data-mode="fullwidth" data-autoplay="false" data-autoplay-delay="3000" data-show-dots="true" data-show-arrows="true" data-draggable="true"><div class="nasio-content-slider swiper"><div class="swiper-wrapper"><!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"url":"https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/content-slider/01.jpg","id":2854,"alt":"Railway road during sunset","dimRatio":30,"customOverlayColor":"#7a797d","isUserOverlayColor":false,"minHeight":600} --> <div class="wp-block-cover" style="min-height:600px"><img class="wp-block-cover__image-background wp-image-2854" alt="Railway road during sunset" src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/content-slider/01.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim" style="background-color:#7a797d"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","placeholder":"Add slide title...","textColor":"white","fontSize":"x-large"} --> <h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-x-large-font-size">Journey of Thousand Miles Begins with a Single Step</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"top":"1rem","bottom":"1rem"}}},"textColor":"white"} --> <p class="has-text-align-center has-white-color has-text-color has-link-color" style="padding-top:1rem;padding-bottom:1rem">Don't let the opportunity pass you by.</p> <!-- /wp:paragraph --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"black","className":"p-btn-animation-hover-arrow","style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}}}} --> <div class="wp-block-button p-btn-animation-hover-arrow"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background has-link-color wp-element-button" href="#">Get Started</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --> <!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"url":"https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/content-slider/02.jpg","id":2850,"alt":"A landscape view of the snow-capped Alps in the distance","dimRatio":30,"customOverlayColor":"#788485","isUserOverlayColor":true,"minHeight":600,"isDark":false} --> <div class="wp-block-cover is-light" style="min-height:600px"><img class="wp-block-cover__image-background wp-image-2850" alt="A landscape view of the snow-capped Alps in the distance" src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/content-slider/02.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim" style="background-color:#788485"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","placeholder":"Add slide title...","style":{"spacing":{"padding":{"top":"1rem","bottom":"1rem"}}},"textColor":"white","fontSize":"x-large"} --> <h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-x-large-font-size" style="padding-top:1rem;padding-bottom:1rem">Special 7 Days in the Alps</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} --> <p class="has-text-align-center has-white-color has-text-color has-link-color">Discover serenity where the road curves through mountains wrapped in morning mist.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --> <!-- wp:nasio-block/slide --> <div class="wp-block-nasio-block-slide nasio-slide swiper-slide"><div class="nasio-slide-inner"><!-- wp:cover {"url":"https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/content-slider/03.jpg","id":2851,"alt":"A serene landscape depicting a misty forest setting at dawn or dusk","dimRatio":40,"customOverlayColor":"#788485","isUserOverlayColor":false,"minHeight":600,"isDark":false} --> <div class="wp-block-cover is-light" style="min-height:600px"><img class="wp-block-cover__image-background wp-image-2851" alt="A serene landscape depicting a misty forest setting at dawn or dusk" src="https://nasio-blocks.nasiothemes.com/wp-content/plugins/nasio-blocks-pro/assets/img/content-slider/03.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-40 has-background-dim" style="background-color:#788485"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","placeholder":"Add slide title...","style":{"spacing":{"padding":{"top":"1rem","bottom":"1rem"}}},"textColor":"white","fontSize":"x-large"} --> <h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-x-large-font-size" style="padding-top:1rem;padding-bottom:1rem">Your Next Adventure Awaits</h2> <!-- /wp:heading --> <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} --> <p class="has-text-align-center has-white-color has-text-color has-link-color">Open your eyes for the beauties of the hidden world.</p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --></div></div> <!-- /wp:nasio-block/slide --></div><div class="swiper-pagination"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div></div> <!-- /wp:nasio-block/content-slider -->