{"id":246533,"date":"2022-07-07T12:43:36","date_gmt":"2022-07-07T11:43:36","guid":{"rendered":"https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/?page_id=246533"},"modified":"2024-07-23T10:21:16","modified_gmt":"2024-07-23T09:21:16","slug":"3d-carousel","status":"publish","type":"page","link":"https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/3d-carousel\/","title":{"rendered":"3D Carousel"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#fcfcfc&#8221; animation_style=&#8221;fade&#8221; locked=&#8221;off&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Source Sans Pro||||||||&#8221; text_text_color=&#8221;#33333a&#8221; text_font_size=&#8221;24px&#8221; text_line_height=&#8221;1.4em&#8221; header_font=&#8221;Poppins|700||on|||||&#8221; header_font_size=&#8221;50px&#8221; header_letter_spacing=&#8221;1px&#8221; header_5_font=&#8221;Smooth Stone||||||||&#8221; header_5_text_color=&#8221;#F4D582&#8243; header_5_font_size=&#8221;60px&#8221; text_orientation=&#8221;center&#8221; header_font_size_tablet=&#8221;50px&#8221; header_font_size_phone=&#8221;40px&#8221; header_font_size_last_edited=&#8221;on|phone&#8221; header_5_font_size_tablet=&#8221;60px&#8221; header_5_font_size_phone=&#8221;35px&#8221; header_5_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>3D Carousel<\/h1>\n<p>The 3D carousel uses the testimonial module for the demo, but you can replace this with any static module you wish for a modern and fully responsive 3D carousel.<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/brandandbuild.me\/product\/carousel-layouts&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Buy the kit&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#33333a&#8221; button_bg_color=&#8221;#f4d582&#8243; button_border_width=&#8221;0px&#8221; button_border_radius=&#8221;0px&#8221; button_letter_spacing=&#8221;1px&#8221; button_font=&#8221;Poppins|600||on|||||&#8221; button_use_icon=&#8221;off&#8221; button_bg_color_last_edited=&#8221;off|desktop&#8221; global_colors_info=&#8221;{}&#8221; button_bg_color__hover_enabled=&#8221;on|desktop&#8221; button_bg_color__hover=&#8221;#33333a&#8221; button_bg_enable_color__hover=&#8221;on&#8221; button_text_color__hover_enabled=&#8221;on|hover&#8221; button_text_color__hover=&#8221;#FFFFFF&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; admin_label=&#8221;Code&#8221; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code admin_label=&#8221;JS &#038; CSS Library Links&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<!--This module must be included on every page you are using a carousel. Alternatively, copy and paste the below into Divi > Theme Options > Integration > Add to head. This will include the required libraries on every page automatically and you can remove this module from individual pages--><!-- [et_pb_line_break_holder] --><link rel=\"stylesheet\" href=\"https:\/\/npmcdn.com\/flickity@2\/dist\/flickity.css\"><!-- [et_pb_line_break_holder] --><script src=\"https:\/\/npmcdn.com\/flickity@2\/dist\/flickity.pkgd.js\"><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_fullwidth_code][et_pb_fullwidth_code disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;jQuery&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<script><!-- [et_pb_line_break_holder] -->\/\/3D Carousel by Brand & Build<!-- [et_pb_line_break_holder] -->(function ($) {<!-- [et_pb_line_break_holder] -->    $(document).ready(function () {<!-- [et_pb_line_break_holder] -->        var $rowCarousel = $('.bb-3d-carousel').flickity({<!-- [et_pb_line_break_holder] -->            \/\/ options<!-- [et_pb_line_break_holder] -->            cellAlign: 'center', \/\/Align sides to center<!-- [et_pb_line_break_holder] -->            contain: true, \/\/Prevents carousel overlap (no effect with wraparound)<!-- [et_pb_line_break_holder] -->            cellSelector: '.et_pb_row', \/\/Item selector - each item should be in its own row<!-- [et_pb_line_break_holder] -->            groupCells: 1, \/\/Rows to scroll - increase value to scroll more than 1 row at a time<!-- [et_pb_line_break_holder] -->            wrapAround: true, \/\/Infinite slides<!-- [et_pb_line_break_holder] -->            draggable: 2, \/\/Slides to drag - set to false for none<!-- [et_pb_line_break_holder] -->            freeScroll: false, \/\/Unlimited scrolling - Not advised with 3D carousel<!-- [et_pb_line_break_holder] -->            prevNextButtons: true, \/\/Show buttons<!-- [et_pb_line_break_holder] -->            pageDots: true, \/\/Show dots<!-- [et_pb_line_break_holder] -->            autoPlay: 4000, \/\/Autoplay speed in milliseconds. Default 3000ms Set to false to stop autoplay.<!-- [et_pb_line_break_holder] -->            pauseAutoPlayOnHover: true,\/\/ Pause on hover?<!-- [et_pb_line_break_holder] -->            adaptiveHeight: false, \/\/Carousel will adjust its height per slide<!-- [et_pb_line_break_holder] -->            groupCells: false, \/\/Rows to scroll - do not change with 3D carousel<!-- [et_pb_line_break_holder] -->            imagesLoaded: true,<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->        \/\/ Add classes to adjacent two rows to allow 3d effect<!-- [et_pb_line_break_holder] -->        function resizeCells() {<!-- [et_pb_line_break_holder] -->            var flkty = $rowCarousel.data('flickity');<!-- [et_pb_line_break_holder] -->            var $current = flkty.selectedIndex;<!-- [et_pb_line_break_holder] -->            var $length = flkty.cells.length;<!-- [et_pb_line_break_holder] -->            var $rowNumLimit = 8; \/\/ Change this value to the number of rows in your carousel<!-- [et_pb_line_break_holder] -->            if ($length < $rowNumLimit) {<!-- [et_pb_line_break_holder] -->                $rowCarousel.flickity('destroy');<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            $('.bb-3d-carousel .et_pb_row').removeClass(<!-- [et_pb_line_break_holder] -->                'selectedLeftOne'<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] -->            $('.bb-3d-carousel .et_pb_row').removeClass(<!-- [et_pb_line_break_holder] -->                'selectedRightOne'<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] -->            $('.bb-3d-carousel .et_pb_row').removeClass(<!-- [et_pb_line_break_holder] -->                'selectedLeftTwo'<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] -->            $('.bb-3d-carousel .et_pb_row').removeClass(<!-- [et_pb_line_break_holder] -->                'selectedRightTwo'<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] -->            $('.bb-3d-carousel .et_pb_row')<!-- [et_pb_line_break_holder] -->                .eq($current - 1)<!-- [et_pb_line_break_holder] -->                .addClass('selectedLeftOne');<!-- [et_pb_line_break_holder] -->            $('.bb-3d-carousel .et_pb_row')<!-- [et_pb_line_break_holder] -->                .eq($current - 2)<!-- [et_pb_line_break_holder] -->                .addClass('selectedLeftTwo');<!-- [et_pb_line_break_holder] -->            var $endRow;<!-- [et_pb_line_break_holder] -->            if ($current + 1 == $length) {<!-- [et_pb_line_break_holder] -->                $endRow = '0';<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                $endRow = $current + 1;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            $('.bb-3d-carousel .et_pb_row')<!-- [et_pb_line_break_holder] -->                .eq($endRow)<!-- [et_pb_line_break_holder] -->                .addClass('selectedRightOne');<!-- [et_pb_line_break_holder] -->            if ($endRow + 1 < $rowNumLimit) {<!-- [et_pb_line_break_holder] -->                $('.bb-3d-carousel .et_pb_row')<!-- [et_pb_line_break_holder] -->                    .eq($endRow + 1)<!-- [et_pb_line_break_holder] -->                    .addClass('selectedRightTwo');<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                $('.bb-3d-carousel .et_pb_row')<!-- [et_pb_line_break_holder] -->                    .eq(0)<!-- [et_pb_line_break_holder] -->                    .addClass('selectedRightTwo');<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        resizeCells();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        $rowCarousel.on('scroll.flickity', function () {<!-- [et_pb_line_break_holder] -->            resizeCells();<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->})(jQuery);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_fullwidth_code][et_pb_fullwidth_code disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;CSS&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->\/* **************************** *\/<!-- [et_pb_line_break_holder] -->\/* 3D Carousel by Brand & Build *\/<!-- [et_pb_line_break_holder] -->\/* **************************** *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Colour variables for buttons & dots. Adjust HEX values as required *\/<!-- [et_pb_line_break_holder] -->:root {<!-- [et_pb_line_break_holder] -->    --bb-3d-carousel-color1: #000000;<!-- [et_pb_line_break_holder] -->    --bb-3d-carousel-color2: #f1f1f1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Flex the container *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .flickity-slider {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Size the rows (Each item should be in its own row *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .flickity-viewport .et_pb_row {<!-- [et_pb_line_break_holder] -->    width: 20%;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex: 1;<!-- [et_pb_line_break_holder] -->    min-height: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Size the rows for laptops & large tablets *\/<!-- [et_pb_line_break_holder] -->@media screen and (max-width: 1280px) {<!-- [et_pb_line_break_holder] -->    .bb-3d-carousel .flickity-viewport .et_pb_row {<!-- [et_pb_line_break_holder] -->        width: 33.33%;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Size the rows for smaller tablets & mobile *\/<!-- [et_pb_line_break_holder] -->@media screen and (max-width: 768px) {<!-- [et_pb_line_break_holder] -->    .bb-3d-carousel .flickity-viewport .et_pb_row {<!-- [et_pb_line_break_holder] -->        width: 90%;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Set offscreen row opacity *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .et_pb_row {<!-- [et_pb_line_break_holder] -->    transform-style: preserve-3d;<!-- [et_pb_line_break_holder] -->    transition: opacity 0.3s ease;<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Scale offscreen columns *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .et_pb_row .et_pb_column {<!-- [et_pb_line_break_holder] -->    transform: scale(0.8);<!-- [et_pb_line_break_holder] -->    transition: transform 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Set z-index and opacity for active rows *\/<!-- [et_pb_line_break_holder] -->\/* Center *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .et_pb_row.is-selected {<!-- [et_pb_line_break_holder] -->    z-index: 3;<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* First left & right *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .et_pb_row.selectedLeftOne,<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .et_pb_row.selectedRightOne {<!-- [et_pb_line_break_holder] -->    z-index: 2;<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Second left & right *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .et_pb_row.selectedLeftTwo,<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .et_pb_row.selectedRightTwo {<!-- [et_pb_line_break_holder] -->    z-index: 0;<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Center row size *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .et_pb_row.is-selected .et_pb_column {<!-- [et_pb_line_break_holder] -->    transform: scale(1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* First left row 3d effect *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .et_pb_row.selectedLeftOne .et_pb_column {<!-- [et_pb_line_break_holder] -->    transform: perspective(1000px) translate3d(12%, 0px, -60px) rotateX(0deg)<!-- [et_pb_line_break_holder] -->        rotateY(25deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* First right row 3d effect *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .et_pb_row.selectedRightOne .et_pb_column {<!-- [et_pb_line_break_holder] -->    transform: perspective(1000px) translate3d(-12%, 0px, -60px) rotateX(0deg)<!-- [et_pb_line_break_holder] -->        rotateY(-25deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Second left row 3d effect *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .et_pb_row.selectedLeftTwo .et_pb_column {<!-- [et_pb_line_break_holder] -->    transform: perspective(1000px) translate3d(34%, 0px, -100px) rotateX(0deg)<!-- [et_pb_line_break_holder] -->        rotateY(25deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Second right row 3d effect *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .et_pb_row.selectedRightTwo .et_pb_column {<!-- [et_pb_line_break_holder] -->    transform: perspective(1000px) translate3d(-34%, 0px, -100px) rotateX(0deg)<!-- [et_pb_line_break_holder] -->        rotateY(-25deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Allow modules to grow vertically *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .et_pb_row .et_pb_column .et_pb_module {<!-- [et_pb_line_break_holder] -->    min-height: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Buttons *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Button colours *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .flickity-prev-next-button {<!-- [et_pb_line_break_holder] -->    transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->    color: var(--bb-3d-carousel-color1);<!-- [et_pb_line_break_holder] -->    background: var(--bb-3d-carousel-color2);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Reverse button colours on hover *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .flickity-prev-next-button:hover {<!-- [et_pb_line_break_holder] -->    color: var(--bb-3d-carousel-color2);<!-- [et_pb_line_break_holder] -->    background: var(--bb-3d-carousel-color1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Remove button focus highlight *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .flickity-prev-next-button:focus {<!-- [et_pb_line_break_holder] -->    box-shadow: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Dots *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Dots colour *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .flickity-page-dots .dot {<!-- [et_pb_line_break_holder] -->    background: var(--bb-3d-carousel-color2);<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Active dot colour *\/<!-- [et_pb_line_break_holder] -->.bb-3d-carousel .flickity-page-dots .dot.is-selected {<!-- [et_pb_line_break_holder] -->    background: var(--bb-3d-carousel-color1);<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Carousel&#8221; module_class=&#8221;bb-3d-carousel&#8221; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;ea23f1a5-d441-4a73-8a5c-9e6a4549b0b3&#8243; width=&#8221;90%&#8221; max_width=&#8221;90%&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; locked=&#8221;off&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_testimonial author=&#8221;Author&#8221; job_title=&#8221;Job&#8221; company_name=&#8221;Company&#8221; portrait_url=&#8221;https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-content\/uploads\/2.jpg&#8221; quote_icon_color=&#8221;#000000&#8243; font_icon=&#8221;&#xe60f;||divi||400&#8243; portrait_width=&#8221;150px&#8221; portrait_height=&#8221;150px&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; author_font=&#8221;|700||on|||||&#8221; background_color=&#8221;#FFFFFF&#8221; text_orientation=&#8221;center&#8221; custom_css_main_element=&#8221;display: flex !important;||flex-direction: column;&#8221; custom_css_testimonial_portrait=&#8221;margin: 0 auto 20px;&#8221; custom_css_testimonial_description=&#8221;margin-left: 0 !important;&#8221; border_radii_portrait=&#8221;on|50%|50%|50%|50%&#8221; box_shadow_style=&#8221;preset1&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Non enim iam stirpis bonum quaeret, sed animalis. Certe non potest. Inde igitur, inquit, ordiendum est. Contineo me ab exemplis.<\/p>\n<p>[\/et_pb_testimonial][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_testimonial author=&#8221;Author&#8221; job_title=&#8221;Job&#8221; company_name=&#8221;Company&#8221; portrait_url=&#8221;https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-content\/uploads\/1.jpg&#8221; quote_icon_color=&#8221;#000000&#8243; font_icon=&#8221;&#xe60f;||divi||400&#8243; portrait_width=&#8221;150px&#8221; portrait_height=&#8221;150px&#8221; admin_label=&#8221;Testimonial&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; author_font=&#8221;|700||on|||||&#8221; background_color=&#8221;#FFFFFF&#8221; text_orientation=&#8221;center&#8221; hover_enabled=&#8221;0&#8243; custom_css_main_element=&#8221;display: flex !important;||flex-direction: column;&#8221; custom_css_testimonial_portrait=&#8221;margin: 0 auto 20px;&#8221; custom_css_testimonial_description=&#8221;margin-left: 0 !important;&#8221; border_radii_portrait=&#8221;on|50%|50%|50%|50%&#8221; box_shadow_style=&#8221;preset1&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]Non enim iam stirpis bonum quaeret, sed animalis. Certe non potest. Inde igitur, inquit, ordiendum est. Contineo me ab exemplis.[\/et_pb_testimonial][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_testimonial author=&#8221;Author&#8221; job_title=&#8221;Job&#8221; company_name=&#8221;Company&#8221; portrait_url=&#8221;https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-content\/uploads\/8.jpg&#8221; quote_icon_color=&#8221;#000000&#8243; font_icon=&#8221;&#xe60f;||divi||400&#8243; portrait_width=&#8221;150px&#8221; portrait_height=&#8221;150px&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; author_font=&#8221;|700||on|||||&#8221; background_color=&#8221;#FFFFFF&#8221; text_orientation=&#8221;center&#8221; custom_css_main_element=&#8221;display: flex !important;||flex-direction: column;&#8221; custom_css_testimonial_portrait=&#8221;margin: 0 auto 20px;&#8221; custom_css_testimonial_description=&#8221;margin-left: 0 !important;&#8221; border_radii_portrait=&#8221;on|50%|50%|50%|50%&#8221; box_shadow_style=&#8221;preset1&#8243; global_colors_info=&#8221;{}&#8221;]Non enim iam stirpis bonum quaeret, sed animalis. Certe non potest. Inde igitur, inquit, ordiendum est. Contineo me ab exemplis.<br \/>\n[\/et_pb_testimonial][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_testimonial author=&#8221;Author&#8221; job_title=&#8221;Job&#8221; company_name=&#8221;Company&#8221; portrait_url=&#8221;https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-content\/uploads\/6.jpg&#8221; quote_icon_color=&#8221;#000000&#8243; font_icon=&#8221;&#xe60f;||divi||400&#8243; portrait_width=&#8221;150px&#8221; portrait_height=&#8221;150px&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; author_font=&#8221;|700||on|||||&#8221; background_color=&#8221;#FFFFFF&#8221; text_orientation=&#8221;center&#8221; custom_css_main_element=&#8221;display: flex !important;||flex-direction: column;&#8221; custom_css_testimonial_portrait=&#8221;margin: 0 auto 20px;&#8221; custom_css_testimonial_description=&#8221;margin-left: 0 !important;&#8221; border_radii_portrait=&#8221;on|50%|50%|50%|50%&#8221; box_shadow_style=&#8221;preset1&#8243; global_colors_info=&#8221;{}&#8221;]Non enim iam stirpis bonum quaeret, sed animalis. Certe non potest. Inde igitur, inquit, ordiendum est. Contineo me ab exemplis.<br \/>\n[\/et_pb_testimonial][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_testimonial author=&#8221;Author&#8221; job_title=&#8221;Job&#8221; company_name=&#8221;Company&#8221; portrait_url=&#8221;https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-content\/uploads\/7.jpg&#8221; quote_icon_color=&#8221;#000000&#8243; font_icon=&#8221;&#xe60f;||divi||400&#8243; portrait_width=&#8221;150px&#8221; portrait_height=&#8221;150px&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; author_font=&#8221;|700||on|||||&#8221; background_color=&#8221;#FFFFFF&#8221; text_orientation=&#8221;center&#8221; custom_css_main_element=&#8221;display: flex !important;||flex-direction: column;&#8221; custom_css_testimonial_portrait=&#8221;margin: 0 auto 20px;&#8221; custom_css_testimonial_description=&#8221;margin-left: 0 !important;&#8221; border_radii_portrait=&#8221;on|50%|50%|50%|50%&#8221; box_shadow_style=&#8221;preset1&#8243; global_colors_info=&#8221;{}&#8221;]Non enim iam stirpis bonum quaeret, sed animalis. Certe non potest. Inde igitur, inquit, ordiendum est. Contineo me ab exemplis.<br \/>\n[\/et_pb_testimonial][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_testimonial author=&#8221;Author&#8221; job_title=&#8221;Job&#8221; company_name=&#8221;Company&#8221; portrait_url=&#8221;https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-content\/uploads\/5.jpg&#8221; quote_icon_color=&#8221;#000000&#8243; font_icon=&#8221;&#xe60f;||divi||400&#8243; portrait_width=&#8221;150px&#8221; portrait_height=&#8221;150px&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; author_font=&#8221;|700||on|||||&#8221; background_color=&#8221;#FFFFFF&#8221; text_orientation=&#8221;center&#8221; custom_css_main_element=&#8221;display: flex !important;||flex-direction: column;&#8221; custom_css_testimonial_portrait=&#8221;margin: 0 auto 20px;&#8221; custom_css_testimonial_description=&#8221;margin-left: 0 !important;&#8221; border_radii_portrait=&#8221;on|50%|50%|50%|50%&#8221; box_shadow_style=&#8221;preset1&#8243; global_colors_info=&#8221;{}&#8221;]Non enim iam stirpis bonum quaeret, sed animalis. Certe non potest. Inde igitur, inquit, ordiendum est. Contineo me ab exemplis.<br \/>\n[\/et_pb_testimonial][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_testimonial author=&#8221;Author&#8221; job_title=&#8221;Job&#8221; company_name=&#8221;Company&#8221; portrait_url=&#8221;https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-content\/uploads\/4.jpg&#8221; quote_icon_color=&#8221;#000000&#8243; font_icon=&#8221;&#xe60f;||divi||400&#8243; portrait_width=&#8221;150px&#8221; portrait_height=&#8221;150px&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; author_font=&#8221;|700||on|||||&#8221; background_color=&#8221;#FFFFFF&#8221; text_orientation=&#8221;center&#8221; custom_css_main_element=&#8221;display: flex !important;||flex-direction: column;&#8221; custom_css_testimonial_portrait=&#8221;margin: 0 auto 20px;&#8221; custom_css_testimonial_description=&#8221;margin-left: 0 !important;&#8221; border_radii_portrait=&#8221;on|50%|50%|50%|50%&#8221; box_shadow_style=&#8221;preset1&#8243; global_colors_info=&#8221;{}&#8221;]Non enim iam stirpis bonum quaeret, sed animalis. Certe non potest. Inde igitur, inquit, ordiendum est. Contineo me ab exemplis.<br \/>\n[\/et_pb_testimonial][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_testimonial author=&#8221;Author&#8221; job_title=&#8221;Job&#8221; company_name=&#8221;Company&#8221; portrait_url=&#8221;https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-content\/uploads\/3.jpg&#8221; quote_icon_color=&#8221;#000000&#8243; font_icon=&#8221;&#xe60f;||divi||400&#8243; portrait_width=&#8221;150px&#8221; portrait_height=&#8221;150px&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; author_font=&#8221;|700||on|||||&#8221; background_color=&#8221;#FFFFFF&#8221; text_orientation=&#8221;center&#8221; custom_css_main_element=&#8221;display: flex !important;||flex-direction: column;&#8221; custom_css_testimonial_portrait=&#8221;margin: 0 auto 20px;&#8221; custom_css_testimonial_description=&#8221;margin-left: 0 !important;&#8221; border_radii_portrait=&#8221;on|50%|50%|50%|50%&#8221; box_shadow_style=&#8221;preset1&#8243; global_colors_info=&#8221;{}&#8221;]Non enim iam stirpis bonum quaeret, sed animalis. Certe non potest. Inde igitur, inquit, ordiendum est. Contineo me ab exemplis.<br \/>\n[\/et_pb_testimonial][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>3D Carousel The 3D carousel uses the testimonial module for the demo, but you can replace this with any static module you wish for a modern and fully responsive 3D carousel.Non enim iam stirpis bonum quaeret, sed animalis. Certe non potest. Inde igitur, inquit, ordiendum est. Contineo me ab exemplis.Non enim iam stirpis bonum quaeret, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-246533","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-json\/wp\/v2\/pages\/246533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-json\/wp\/v2\/comments?post=246533"}],"version-history":[{"count":2,"href":"https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-json\/wp\/v2\/pages\/246533\/revisions"}],"predecessor-version":[{"id":246741,"href":"https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-json\/wp\/v2\/pages\/246533\/revisions\/246741"}],"wp:attachment":[{"href":"https:\/\/brandandbuildtemplates.me\/layoutkits\/carousel\/wp-json\/wp\/v2\/media?parent=246533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}