{"id":706,"date":"2019-03-08T09:19:08","date_gmt":"2019-03-08T09:19:08","guid":{"rendered":"http:\/\/themestrace.com\/tracem\/full-width-slide-copy\/"},"modified":"2019-03-08T09:19:08","modified_gmt":"2019-03-08T09:19:08","slug":"home-carousel","status":"publish","type":"page","link":"https:\/\/vol.cool\/index.php\/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\" data-e-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\" data-e-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-e-type=\"widget\" data-widget_type=\"tracem-slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\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:\/\/vol.cool\/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:\/\/vol.cool\/index.php\/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:\/\/vol.cool\/index.php\/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:\/\/vol.cool\/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:\/\/vol.cool\/index.php\/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:\/\/vol.cool\/index.php\/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:\/\/vol.cool\/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:\/\/vol.cool\/index.php\/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:\/\/vol.cool\/index.php\/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:\/\/vol.cool\/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:\/\/vol.cool\/index.php\/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:\/\/vol.cool\/index.php\/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\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  &hellip; <\/p>\n<div class=\"blogger-more-holder\"><a href=\"https:\/\/vol.cool\/index.php\/portfolio\/the-lord-of-secret\/\" class=\"more-link\">Continue reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-706","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vol.cool\/index.php\/wp-json\/wp\/v2\/pages\/706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vol.cool\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vol.cool\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vol.cool\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vol.cool\/index.php\/wp-json\/wp\/v2\/comments?post=706"}],"version-history":[{"count":0,"href":"https:\/\/vol.cool\/index.php\/wp-json\/wp\/v2\/pages\/706\/revisions"}],"wp:attachment":[{"href":"https:\/\/vol.cool\/index.php\/wp-json\/wp\/v2\/media?parent=706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}