{"id":706,"date":"2019-03-08T09:19:08","date_gmt":"2019-03-08T09:19:08","guid":{"rendered":"https:\/\/themestrace.com\/tracem-wp\/full-width-slide-copy\/"},"modified":"2019-04-07T12:24:42","modified_gmt":"2019-04-07T06:24:42","slug":"home-carousel","status":"publish","type":"page","link":"https:\/\/themestrace.com\/tracem-wp\/home-carousel\/","title":{"rendered":"Home Carousel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"706\" class=\"elementor elementor-706 elementor-bc-flex-widget\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9550784 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9550784\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c3e533c\" data-id=\"c3e533c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-79cf876 elementor-widget elementor-widget-tracem-slider\" data-id=\"79cf876\" data-element_type=\"widget\" data-widget_type=\"tracem-slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================================================ -->\r\n<!-- ========================== Home Centered Carousel ========================== -->\r\n<!-- ============================================================================ -->\r\n\r\n<div class=\"tracem-centered-carousel-area tracem-relative-large\">\r\n    <div class=\"container-fluid\">\r\n        <div class=\"row tracem-shrink no-gutters\">\r\n            <div class=\"col-9\">\r\n                <div class=\"tracem-centered-carousel\">\r\n                    <div class=\"tracem-centered-carousel-wrapper swiper-wrapper\">\r\n\r\n                        \r\n                        <div class=\"single-centered-carousel-content swiper-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/themestrace.com\/tracem-wp\/wp-content\/uploads\/2019\/03\/home-caro-7.jpg\" alt=\"The Elemental Male\">\r\n                            <div class=\"centered-carousel-text\">\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h4><a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio_category\/creative-design\/\" rel=\"tag\">Creative Design<\/a><\/h4>\r\n                                <\/div>\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h3>The Elemental Male<\/h3>                                <\/div>\r\n                                                                        <div class=\"btn-generic black\">\r\n                                            <a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio\/the-elemental-male\/\" target=\"\">\r\n                                                <span>\r\n                                                    <span>View Project<\/span>\r\n                                                <\/span>\r\n                                            <\/a>\r\n                                        <\/div><!-- .btn-generic -->\r\n                                                                                                <\/div><!-- .banner-left -->\r\n                        <\/div><!-- .single-centered-carousel-content -->\r\n                        \r\n                        <div class=\"single-centered-carousel-content swiper-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/themestrace.com\/tracem-wp\/wp-content\/uploads\/2019\/03\/home-caro-2.jpg\" alt=\"The Flowers&#8217;s Rose\">\r\n                            <div class=\"centered-carousel-text\">\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h4><a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio_category\/design-intro\/\" rel=\"tag\">Design Intro<\/a><\/h4>\r\n                                <\/div>\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h3>The Flowers&#8217;s Rose<\/h3>                                <\/div>\r\n                                                                        <div class=\"btn-generic black\">\r\n                                            <a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio\/the-flowerss-rose\/\" target=\"\">\r\n                                                <span>\r\n                                                    <span>View Project<\/span>\r\n                                                <\/span>\r\n                                            <\/a>\r\n                                        <\/div><!-- .btn-generic -->\r\n                                                                                                <\/div><!-- .banner-left -->\r\n                        <\/div><!-- .single-centered-carousel-content -->\r\n                        \r\n                        <div class=\"single-centered-carousel-content swiper-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/themestrace.com\/tracem-wp\/wp-content\/uploads\/2019\/03\/home-caro-3.jpg\" alt=\"The Darkness of Eyes\">\r\n                            <div class=\"centered-carousel-text\">\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h4><a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio_category\/design-factory\/\" rel=\"tag\">Design Factory<\/a><\/h4>\r\n                                <\/div>\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h3>The Darkness of Eyes<\/h3>                                <\/div>\r\n                                                                        <div class=\"btn-generic black\">\r\n                                            <a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio\/the-darkness-of-the-eyes\/\" target=\"\">\r\n                                                <span>\r\n                                                    <span>View Project<\/span>\r\n                                                <\/span>\r\n                                            <\/a>\r\n                                        <\/div><!-- .btn-generic -->\r\n                                                                                                <\/div><!-- .banner-left -->\r\n                        <\/div><!-- .single-centered-carousel-content -->\r\n                        \r\n                        <div class=\"single-centered-carousel-content swiper-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/themestrace.com\/tracem-wp\/wp-content\/uploads\/2019\/03\/home-caro-4.jpg\" alt=\"The Lord of Secret\">\r\n                            <div class=\"centered-carousel-text\">\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h4><a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio_category\/design-scope\/\" rel=\"tag\">Design Scope<\/a><\/h4>\r\n                                <\/div>\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h3>The Lord of Secret<\/h3>                                <\/div>\r\n                                                                        <div class=\"btn-generic black\">\r\n                                            <a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio\/the-lord-of-secret\/\" target=\"\">\r\n                                                <span>\r\n                                                    <span>View Project<\/span>\r\n                                                <\/span>\r\n                                            <\/a>\r\n                                        <\/div><!-- .btn-generic -->\r\n                                                                                                <\/div><!-- .banner-left -->\r\n                        <\/div><!-- .single-centered-carousel-content -->\r\n                        \r\n                    <\/div><!-- .tracem-centered-carousel-wrapper -->\r\n                    <div class=\"swiper-scrollbar\"><\/div><!-- .swiper-pagination -->\r\n                <\/div><!-- .tracem-centered-carousel-area -->\r\n            <\/div><!-- .col -->\r\n        <\/div><!-- .row -->\r\n    <\/div><!-- .container -->\r\n<\/div><!-- .tracem-centered-carousel-area -->\t    <script>\r\n\t        ;(function($){\r\n\t            \"use strict\";\r\n\t            $(document).ready(function () {\r\n\t\t\t\t\t\/*\r\n\t\t\t\t\t======================================\r\n\t\t\t\t\t\tHome Centered Carousel\r\n\t\t\t\t\t======================================\r\n\t\t\t\t\t*\/\r\n\t\t\t\t\t(function() {\r\n\t\t\t\t\t\tvar tCenCarousel = new Swiper('.tracem-centered-carousel', {\r\n\t\t\t\t\t\t\tslidesPerView: 'auto',\r\n\t\t\t\t\t      \tspaceBetween: 30,\r\n\t\t\t\t\t\t\tautoplay: {\r\n\t\t\t\t\t\t\t\tdelay: 4000,\r\n\t\t\t\t\t\t\t\tdisableOnInteraction: false\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t    breakpoints: {\r\n\t\t\t\t\t\t        1024: {\r\n\t\t\t\t\t\t          slidesPerView: 1,\r\n\t\t\t\t\t\t        },\r\n\t\t\t\t\t\t    },\r\n\t\t\t\t\t\t\tscrollbar: {\r\n\t\t\t\t\t\t\t\tel: '.swiper-scrollbar',\r\n\t\t\t\t\t\t\t\thide: false,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\ttCenCarousel.on( 'transitionStart', function() {\r\n\r\n\t\t\t\t\t\t\tif( $('.single-centered-carousel-content').hasClass('swiper-slide-active') ) {\r\n\t\t\t\t\t\t\t\t$('.single-centered-carousel-content').removeClass('animation-loaded');\r\n\t\t\t\t\t\t\t\t$('.single-centered-carousel-content.swiper-slide-active').addClass('animation-loaded');\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\t\t\t\t    })();\r\n\t            });\r\n\t        })(jQuery)\r\n\t    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Creative Design The Elemental Male View Project Design Intro The Flowers\u2019s Rose View Project Design Factory The Darkness of the Eyes View Project Design Scope Winter in the Eye View Project<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/pages\/706"}],"collection":[{"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/comments?post=706"}],"version-history":[{"count":0,"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/pages\/706\/revisions"}],"wp:attachment":[{"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/media?parent=706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}