{"id":9809,"date":"2018-12-04T20:32:24","date_gmt":"2018-12-04T20:32:24","guid":{"rendered":"https:\/\/neuronthemes.com\/kyoto\/?page_id=9809"},"modified":"2018-12-04T20:32:24","modified_gmt":"2018-12-04T20:32:24","slug":"home-carousel","status":"publish","type":"page","link":"https:\/\/neuronthemes.com\/kyoto\/home-carousel\/","title":{"rendered":"Home Carousel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9809\" class=\"elementor elementor-9809 elementor-bc-flex-widget\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-26691f8 elementor-section-full_width elementor-section-height-default elementor-section-height-default neuron-fixed-no\" data-id=\"26691f8\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-f7843e3\" data-id=\"f7843e3\" 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-93931a8 elementor-widget elementor-widget-neuron-posts\" data-id=\"93931a8\" data-element_type=\"widget\" data-widget_type=\"neuron-posts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"l-posts-wrapper l-filters-holder l-posts-wrapper--meta-inside l-portfolio-wrapper\" data-posts=\"93931a8\">\n\t\t\t\t\t\t\t\t\t<div class=\"l-portfolio-wrapper__items-holder l-portfolio-wrapper__items-holder--meta-inside h-overflow-hidden\">\n\t\t\t\t<div class=\"owl-carousel owl-theme\" id=\"66c02546cbdbf86ddf648a942d4ce0e9\">\n                    <div class=\"o-post o-portfolio-item h-fadeInUpNeuron wow item\" data-id=\"13206\" >\n            <div class=\"o-neuron-hover o-neuron-hover--meta-inside o-neuron-hover--translate\">\n    <div class=\"o-neuron-hover-holder\">\n        <div class=\"o-neuron-hover-holder__header\">\n            <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/ronneby\/\" class=\"o-neuron-hover-holder__header__media\">\n                                                            <div class=\"h-full-height-image h-background-image-style\" style=\"background-image: url(https:\/\/neuronthemes.com\/kyoto\/wp-content\/uploads\/2018\/12\/home-carousel-2.jpg)\"><\/div>\n                                                <\/a>\n                            <div class=\"o-neuron-hover-holder__header__overlay\"><\/div>\n                    <\/div>\n                    <div class=\"o-neuron-hover-holder__body d-flex align-items-end\">\n                <div class=\"o-neuron-hover-holder__body__inner\">\n                    <div class=\"o-neuron-hover-holder__body-meta\">\n                                                    <h5 class=\"o-neuron-hover-holder__body-meta__title\"><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/ronneby\/\">Ronneby<\/a><\/h5>\n                                                                            <div class=\"o-neuron-hover__body-meta__subtitle o-portfolio-item__category-holder\">\n    <div class=\"o-portfolio-item__category a-separator\">\n                <ul>\n                            <li><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio_category\/motion\/\">Motion<\/a><\/li>\n                    <\/ul>\n    <\/div>\n<\/div>                                            <\/div>\n                <\/div>\n                <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/ronneby\/\"><\/a>\n            <\/div>\n            <\/div>\n<\/div>        <\/div>\n                    <div class=\"o-post o-portfolio-item h-fadeInUpNeuron wow item\" data-id=\"13204\" data-wow-delay=0.2s>\n            <div class=\"o-neuron-hover o-neuron-hover--meta-inside o-neuron-hover--translate\">\n    <div class=\"o-neuron-hover-holder\">\n        <div class=\"o-neuron-hover-holder__header\">\n            <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/stockholm\/\" class=\"o-neuron-hover-holder__header__media\">\n                                                            <div class=\"h-full-height-image h-background-image-style\" style=\"background-image: url(https:\/\/neuronthemes.com\/kyoto\/wp-content\/uploads\/2018\/12\/home-portfolio-carousel-0.jpg)\"><\/div>\n                                                <\/a>\n                            <div class=\"o-neuron-hover-holder__header__overlay\"><\/div>\n                    <\/div>\n                    <div class=\"o-neuron-hover-holder__body d-flex align-items-end\">\n                <div class=\"o-neuron-hover-holder__body__inner\">\n                    <div class=\"o-neuron-hover-holder__body-meta\">\n                                                    <h5 class=\"o-neuron-hover-holder__body-meta__title\"><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/stockholm\/\">Stockholm<\/a><\/h5>\n                                                                            <div class=\"o-neuron-hover__body-meta__subtitle o-portfolio-item__category-holder\">\n    <div class=\"o-portfolio-item__category a-separator\">\n                <ul>\n                            <li><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio_category\/motion\/\">Motion<\/a><\/li>\n                    <\/ul>\n    <\/div>\n<\/div>                                            <\/div>\n                <\/div>\n                <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/stockholm\/\"><\/a>\n            <\/div>\n            <\/div>\n<\/div>        <\/div>\n                    <div class=\"o-post o-portfolio-item h-fadeInUpNeuron wow item\" data-id=\"13197\" data-wow-delay=0.4s>\n            <div class=\"o-neuron-hover o-neuron-hover--meta-inside o-neuron-hover--translate\">\n    <div class=\"o-neuron-hover-holder\">\n        <div class=\"o-neuron-hover-holder__header\">\n            <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/marstrand\/\" class=\"o-neuron-hover-holder__header__media\">\n                                                            <div class=\"h-full-height-image h-background-image-style\" style=\"background-image: url(https:\/\/neuronthemes.com\/kyoto\/wp-content\/uploads\/2018\/12\/home-carousel-3.jpg)\"><\/div>\n                                                <\/a>\n                            <div class=\"o-neuron-hover-holder__header__overlay\"><\/div>\n                    <\/div>\n                    <div class=\"o-neuron-hover-holder__body d-flex align-items-end\">\n                <div class=\"o-neuron-hover-holder__body__inner\">\n                    <div class=\"o-neuron-hover-holder__body-meta\">\n                                                    <h5 class=\"o-neuron-hover-holder__body-meta__title\"><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/marstrand\/\">Marstrand<\/a><\/h5>\n                                                                            <div class=\"o-neuron-hover__body-meta__subtitle o-portfolio-item__category-holder\">\n    <div class=\"o-portfolio-item__category a-separator\">\n                <ul>\n                            <li><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio_category\/interactive\/\">Interactive<\/a><\/li>\n                    <\/ul>\n    <\/div>\n<\/div>                                            <\/div>\n                <\/div>\n                <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/marstrand\/\"><\/a>\n            <\/div>\n            <\/div>\n<\/div>        <\/div>\n                    <div class=\"o-post o-portfolio-item h-fadeInUpNeuron wow item\" data-id=\"13201\" data-wow-delay=0.6s>\n            <div class=\"o-neuron-hover o-neuron-hover--meta-inside o-neuron-hover--translate\">\n    <div class=\"o-neuron-hover-holder\">\n        <div class=\"o-neuron-hover-holder__header\">\n            <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/huskvarna\/\" class=\"o-neuron-hover-holder__header__media\">\n                                                            <div class=\"h-full-height-image h-background-image-style\" style=\"background-image: url(https:\/\/neuronthemes.com\/kyoto\/wp-content\/uploads\/2018\/12\/home-carousel-1.jpg)\"><\/div>\n                                                <\/a>\n                            <div class=\"o-neuron-hover-holder__header__overlay\"><\/div>\n                    <\/div>\n                    <div class=\"o-neuron-hover-holder__body d-flex align-items-end\">\n                <div class=\"o-neuron-hover-holder__body__inner\">\n                    <div class=\"o-neuron-hover-holder__body-meta\">\n                                                    <h5 class=\"o-neuron-hover-holder__body-meta__title\"><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/huskvarna\/\">Huskvarna<\/a><\/h5>\n                                                                            <div class=\"o-neuron-hover__body-meta__subtitle o-portfolio-item__category-holder\">\n    <div class=\"o-portfolio-item__category a-separator\">\n                <ul>\n                            <li><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio_category\/motion\/\">Motion<\/a><\/li>\n                    <\/ul>\n    <\/div>\n<\/div>                                            <\/div>\n                <\/div>\n                <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/huskvarna\/\"><\/a>\n            <\/div>\n            <\/div>\n<\/div>        <\/div>\n                    <div class=\"o-post o-portfolio-item h-fadeInUpNeuron wow item\" data-id=\"13198\" data-wow-delay=0.8s>\n            <div class=\"o-neuron-hover o-neuron-hover--meta-inside o-neuron-hover--translate\">\n    <div class=\"o-neuron-hover-holder\">\n        <div class=\"o-neuron-hover-holder__header\">\n            <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/arvika\/\" class=\"o-neuron-hover-holder__header__media\">\n                                                            <div class=\"h-full-height-image h-background-image-style\" style=\"background-image: url(https:\/\/neuronthemes.com\/kyoto\/wp-content\/uploads\/2018\/12\/home-carousel-5.jpg)\"><\/div>\n                                                <\/a>\n                            <div class=\"o-neuron-hover-holder__header__overlay\"><\/div>\n                    <\/div>\n                    <div class=\"o-neuron-hover-holder__body d-flex align-items-end\">\n                <div class=\"o-neuron-hover-holder__body__inner\">\n                    <div class=\"o-neuron-hover-holder__body-meta\">\n                                                    <h5 class=\"o-neuron-hover-holder__body-meta__title\"><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/arvika\/\">Arvika<\/a><\/h5>\n                                                                            <div class=\"o-neuron-hover__body-meta__subtitle o-portfolio-item__category-holder\">\n    <div class=\"o-portfolio-item__category a-separator\">\n                <ul>\n                            <li><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio_category\/interactive\/\">Interactive<\/a><\/li>\n                    <\/ul>\n    <\/div>\n<\/div>                                            <\/div>\n                <\/div>\n                <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/arvika\/\"><\/a>\n            <\/div>\n            <\/div>\n<\/div>        <\/div>\n                    <div class=\"o-post o-portfolio-item h-fadeInUpNeuron wow item\" data-id=\"13195\" data-wow-delay=1s>\n            <div class=\"o-neuron-hover o-neuron-hover--meta-inside o-neuron-hover--translate\">\n    <div class=\"o-neuron-hover-holder\">\n        <div class=\"o-neuron-hover-holder__header\">\n            <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/landsort\/\" class=\"o-neuron-hover-holder__header__media\">\n                                                            <div class=\"h-full-height-image h-background-image-style\" style=\"background-image: url(https:\/\/neuronthemes.com\/kyoto\/wp-content\/uploads\/2018\/12\/home-carousel-4.jpg)\"><\/div>\n                                                <\/a>\n                            <div class=\"o-neuron-hover-holder__header__overlay\"><\/div>\n                    <\/div>\n                    <div class=\"o-neuron-hover-holder__body d-flex align-items-end\">\n                <div class=\"o-neuron-hover-holder__body__inner\">\n                    <div class=\"o-neuron-hover-holder__body-meta\">\n                                                    <h5 class=\"o-neuron-hover-holder__body-meta__title\"><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/landsort\/\">Landsort<\/a><\/h5>\n                                                                            <div class=\"o-neuron-hover__body-meta__subtitle o-portfolio-item__category-holder\">\n    <div class=\"o-portfolio-item__category a-separator\">\n                <ul>\n                            <li><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio_category\/interactive\/\">Interactive<\/a><\/li>\n                    <\/ul>\n    <\/div>\n<\/div>                                            <\/div>\n                <\/div>\n                <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/landsort\/\"><\/a>\n            <\/div>\n            <\/div>\n<\/div>        <\/div>\n                    <div class=\"o-post o-portfolio-item h-fadeInUpNeuron wow item\" data-id=\"13188\" >\n            <div class=\"o-neuron-hover o-neuron-hover--meta-inside o-neuron-hover--translate\">\n    <div class=\"o-neuron-hover-holder\">\n        <div class=\"o-neuron-hover-holder__header\">\n            <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/snorum\/\" class=\"o-neuron-hover-holder__header__media\">\n                                                            <div class=\"h-full-height-image h-background-image-style\" style=\"background-image: url(https:\/\/neuronthemes.com\/kyoto\/wp-content\/uploads\/2018\/12\/home-carousel-6.jpg)\"><\/div>\n                                                <\/a>\n                            <div class=\"o-neuron-hover-holder__header__overlay\"><\/div>\n                    <\/div>\n                    <div class=\"o-neuron-hover-holder__body d-flex align-items-end\">\n                <div class=\"o-neuron-hover-holder__body__inner\">\n                    <div class=\"o-neuron-hover-holder__body-meta\">\n                                                    <h5 class=\"o-neuron-hover-holder__body-meta__title\"><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/snorum\/\">Snorum<\/a><\/h5>\n                                                                            <div class=\"o-neuron-hover__body-meta__subtitle o-portfolio-item__category-holder\">\n    <div class=\"o-portfolio-item__category a-separator\">\n                <ul>\n                            <li><a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio_category\/motion\/\">Motion<\/a><\/li>\n                    <\/ul>\n    <\/div>\n<\/div>                                            <\/div>\n                <\/div>\n                <a href=\"https:\/\/neuronthemes.com\/kyoto\/portfolio\/snorum\/\"><\/a>\n            <\/div>\n            <\/div>\n<\/div>        <\/div>\n    <\/div>\n<script type=\"text\/javascript\">\n    jQuery(function ($) {\n        var owl = $('#66c02546cbdbf86ddf648a942d4ce0e9');\n\n        owl.owlCarousel({\n            items: 1,\n            margin: 1,\n            autoHeight: false,\n            loop: false,\n            mouseDrag: true,\n            touchDrag: true,\n            stagePadding: 0,\n            startPosition: 0,\n            nav: true,\n            navText: [\n                '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-chevron-left\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>',\n                '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-chevron-right\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>'\n            ],\n            dots: false,\n            autoplay: false,\n            autoplayTimeout: 2000,\n            autoplayHoverPause: false,\n            smartSpeed: 450,\n            onInitialized: function(event) {\n                \/\/ Trigger WOW animations for carousel items\n                \/\/ WOW.js may miss carousel items if they're already visible\n                var carouselEl = event.target;\n                setTimeout(function() {\n                    \/\/ Handle both original and cloned items\n                    var wowElements = carouselEl.querySelectorAll('.wow');\n                    if (wowElements.length > 0) {\n                        wowElements.forEach(function(el) {\n                            el.style.visibility = 'visible';\n                            el.classList.add('animated');\n                        });\n                    }\n                    \/\/ Also handle items inside owl-item wrappers\n                    var owlItems = carouselEl.querySelectorAll('.owl-item .o-post');\n                    owlItems.forEach(function(el) {\n                        el.style.visibility = 'visible';\n                        if (el.classList.contains('h-fadeInNeuron') || el.classList.contains('h-fadeInUpNeuron')) {\n                            el.classList.add('animated');\n                        }\n                    });\n                }, 100);\n            },\n            responsive:{\n                768:{\n                    items: 1,\n                    margin: 1,\n                    stagePadding: 0                },\n                992:{\n                    items: 3,\n                    margin: 0,\n                    stagePadding: 0                }\n            }\n        });\n    });\n<\/script>\t\t\t<\/div>\n        <\/div>\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>Stockholm Motion Huskvarna Motion Ronneby Motion Marstrand Interactive Landsort Interactive Arvika Interactive Snorum Motion<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9809","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/neuronthemes.com\/kyoto\/wp-json\/wp\/v2\/pages\/9809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neuronthemes.com\/kyoto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neuronthemes.com\/kyoto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neuronthemes.com\/kyoto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neuronthemes.com\/kyoto\/wp-json\/wp\/v2\/comments?post=9809"}],"version-history":[{"count":0,"href":"https:\/\/neuronthemes.com\/kyoto\/wp-json\/wp\/v2\/pages\/9809\/revisions"}],"wp:attachment":[{"href":"https:\/\/neuronthemes.com\/kyoto\/wp-json\/wp\/v2\/media?parent=9809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}