{"id":9637,"date":"2023-11-02T20:33:37","date_gmt":"2023-11-02T20:33:37","guid":{"rendered":"https:\/\/naylawp.pethemes.com\/?page_id=9637"},"modified":"2025-04-19T07:47:15","modified_gmt":"2025-04-19T07:47:15","slug":"home-interactive-carousel","status":"publish","type":"page","link":"https:\/\/sevenhorizonvr.com\/index.php\/home-interactive-carousel\/","title":{"rendered":"Home &#8211; Interactive Carousel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9637\" class=\"elementor elementor-9637\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d2b03f8 wrapper-fuller elementor-section-full_width section-normal elementor-section-height-default elementor-section-height-default default\" data-id=\"d2b03f8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3556aeb\" data-id=\"3556aeb\" 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-ba35d91 elementor-widget elementor-widget-naylainteractivecarousel\" data-id=\"ba35d91\" data-element_type=\"widget\" data-widget_type=\"naylainteractivecarousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <!-- Dynamic Carousel -->\n        <div class=\"nayla-interactive-carousel\">\n\n            <div class=\"inc--container\">\n\n\n                <div class=\"inc--wrapper\">\n\n                    \n\n                        <!-- Carusel Item -->\n                        <div class=\"inc--item has-anim slideUp\" data-duration=1.5 data-scrub=\"false\" data-pin=\"false\" data-anim-out=\"false\"  data-delay=0                            data-item=\"0\">\n                            <a class=\"underline showcase-project-link\" href=\"https:\/\/sevenhorizonvr.com\/index.php\/portfolio\/ink-sense\/\">\n\n                                <!-- Image -->\n                                <div class=\"inc-project-image\">\n\n                                    \n                                        \n                                            <img decoding=\"async\" src=\"https:\/\/sevenhorizonvr.com\/wp-content\/uploads\/2023\/08\/ink-sense_24.jpg\">\n\n                                        \n                                <\/div>\n                                <!--\/ Image -->\n\n                                <div class=\"inc-project-meta inc--meta_0\">\n\n                                    <div class=\"inc-meta-top\">\n\n                                        <div class=\"inc-project-title text-h5\">Ink Sense<\/div>\n\n\n                                        <div class=\"inc-meta-top-right\">\n\n                                            <div class=\"inc-project-cat\">\n\n                                                Web Design                                            <\/div>\n\n                                            \n                                                <div class=\"inc-project-year\">\n\n                                                    2023\n                                                <\/div>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/a>\n\n                        <\/div>\n                        <!--\/ Carusel Item -->\n\n\n\n                    \n\n                        <!-- Carusel Item -->\n                        <div class=\"inc--item has-anim slideUp\" data-duration=1.5 data-scrub=\"false\" data-pin=\"false\" data-anim-out=\"false\"  data-delay=0.05                            data-item=\"1\">\n                            <a class=\"underline showcase-project-link\" href=\"https:\/\/sevenhorizonvr.com\/index.php\/portfolio\/taller-alvarado\/\">\n\n                                <!-- Image -->\n                                <div class=\"inc-project-image\">\n\n                                    \n                                        \n                                            <img decoding=\"async\" src=\"https:\/\/sevenhorizonvr.com\/wp-content\/uploads\/2023\/08\/taller_26-1.jpg\">\n\n                                        \n                                <\/div>\n                                <!--\/ Image -->\n\n                                <div class=\"inc-project-meta inc--meta_1\">\n\n                                    <div class=\"inc-meta-top\">\n\n                                        <div class=\"inc-project-title text-h5\">Taller Alvarado<\/div>\n\n\n                                        <div class=\"inc-meta-top-right\">\n\n                                            <div class=\"inc-project-cat\">\n\n                                                Branding                                            <\/div>\n\n                                            \n                                                <div class=\"inc-project-year\">\n\n                                                    2022\n                                                <\/div>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/a>\n\n                        <\/div>\n                        <!--\/ Carusel Item -->\n\n\n\n                    \n\n                        <!-- Carusel Item -->\n                        <div class=\"inc--item has-anim slideUp\" data-duration=1.5 data-scrub=\"false\" data-pin=\"false\" data-anim-out=\"false\"  data-delay=0.1                            data-item=\"2\">\n                            <a class=\"underline showcase-project-link\" href=\"https:\/\/sevenhorizonvr.com\/index.php\/portfolio\/vibrant-horizons\/\">\n\n                                <!-- Image -->\n                                <div class=\"inc-project-image\">\n\n                                    \n                                        \n                                            <img decoding=\"async\" src=\"https:\/\/sevenhorizonvr.com\/wp-content\/uploads\/2023\/08\/vibrant-horizons_1.jpg\">\n\n                                        \n                                <\/div>\n                                <!--\/ Image -->\n\n                                <div class=\"inc-project-meta inc--meta_2\">\n\n                                    <div class=\"inc-meta-top\">\n\n                                        <div class=\"inc-project-title text-h5\">Vibrant Horizons<\/div>\n\n\n                                        <div class=\"inc-meta-top-right\">\n\n                                            <div class=\"inc-project-cat\">\n\n                                                Art Direction                                            <\/div>\n\n                                            \n                                                <div class=\"inc-project-year\">\n\n                                                    2015\n                                                <\/div>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/a>\n\n                        <\/div>\n                        <!--\/ Carusel Item -->\n\n\n\n                    \n\n                        <!-- Carusel Item -->\n                        <div class=\"inc--item has-anim slideUp\" data-duration=1.5 data-scrub=\"false\" data-pin=\"false\" data-anim-out=\"false\"  data-delay=0.15                            data-item=\"3\">\n                            <a class=\"underline showcase-project-link\" href=\"https:\/\/sevenhorizonvr.com\/index.php\/portfolio\/mayless-trailer\/\">\n\n                                <!-- Image -->\n                                <div class=\"inc-project-image\">\n\n                                    \n                                        \n                                            \n                                                    <div class=\"nayla-video n-vimeo no-interactions\" data-controls=\"false\" data-autoplay=true\n                                                        data-muted=true data-loop=true>\n\n                                                        <div class=\"n-video\" data-plyr-provider=\"vimeo\"\n                                                            data-plyr-embed-id=\"852807751\"><\/div>\n\n                                                    <\/div>\n\n                                            \n                                <\/div>\n                                <!--\/ Image -->\n\n                                <div class=\"inc-project-meta inc--meta_3\">\n\n                                    <div class=\"inc-meta-top\">\n\n                                        <div class=\"inc-project-title text-h5\">Mayless Trailer<\/div>\n\n\n                                        <div class=\"inc-meta-top-right\">\n\n                                            <div class=\"inc-project-cat\">\n\n                                                Video                                            <\/div>\n\n                                            \n                                                <div class=\"inc-project-year\">\n\n                                                    2017\n                                                <\/div>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/a>\n\n                        <\/div>\n                        <!--\/ Carusel Item -->\n\n\n\n                    \n\n                        <!-- Carusel Item -->\n                        <div class=\"inc--item has-anim slideUp\" data-duration=1.5 data-scrub=\"false\" data-pin=\"false\" data-anim-out=\"false\"  data-delay=0.2                            data-item=\"4\">\n                            <a class=\"underline showcase-project-link\" href=\"https:\/\/sevenhorizonvr.com\/index.php\/portfolio\/percent\/\">\n\n                                <!-- Image -->\n                                <div class=\"inc-project-image\">\n\n                                    \n                                        \n                                            <img decoding=\"async\" src=\"https:\/\/sevenhorizonvr.com\/wp-content\/uploads\/2023\/08\/percent_19.jpg\">\n\n                                        \n                                <\/div>\n                                <!--\/ Image -->\n\n                                <div class=\"inc-project-meta inc--meta_4\">\n\n                                    <div class=\"inc-meta-top\">\n\n                                        <div class=\"inc-project-title text-h5\">Percent<\/div>\n\n\n                                        <div class=\"inc-meta-top-right\">\n\n                                            <div class=\"inc-project-cat\">\n\n                                                UI\/UX Design                                            <\/div>\n\n                                            \n                                                <div class=\"inc-project-year\">\n\n                                                    2018\n                                                <\/div>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/a>\n\n                        <\/div>\n                        <!--\/ Carusel Item -->\n\n\n\n                    \n\n                        <!-- Carusel Item -->\n                        <div class=\"inc--item has-anim slideUp\" data-duration=1.5 data-scrub=\"false\" data-pin=\"false\" data-anim-out=\"false\"  data-delay=0.25                            data-item=\"5\">\n                            <a class=\"underline showcase-project-link\" href=\"https:\/\/sevenhorizonvr.com\/index.php\/portfolio\/austeria\/\">\n\n                                <!-- Image -->\n                                <div class=\"inc-project-image\">\n\n                                    \n                                        \n                                            <img decoding=\"async\" src=\"https:\/\/sevenhorizonvr.com\/wp-content\/uploads\/2023\/08\/austeria_8.jpg\">\n\n                                        \n                                <\/div>\n                                <!--\/ Image -->\n\n                                <div class=\"inc-project-meta inc--meta_5\">\n\n                                    <div class=\"inc-meta-top\">\n\n                                        <div class=\"inc-project-title text-h5\">Austeria<\/div>\n\n\n                                        <div class=\"inc-meta-top-right\">\n\n                                            <div class=\"inc-project-cat\">\n\n                                                Branding                                            <\/div>\n\n                                            \n                                                <div class=\"inc-project-year\">\n\n                                                    2019\n                                                <\/div>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/a>\n\n                        <\/div>\n                        <!--\/ Carusel Item -->\n\n\n\n                    \n\n                        <!-- Carusel Item -->\n                        <div class=\"inc--item has-anim slideUp\" data-duration=1.5 data-scrub=\"false\" data-pin=\"false\" data-anim-out=\"false\"  data-delay=0.3                            data-item=\"6\">\n                            <a class=\"underline showcase-project-link\" href=\"https:\/\/sevenhorizonvr.com\/index.php\/portfolio\/beach-brown\/\">\n\n                                <!-- Image -->\n                                <div class=\"inc-project-image\">\n\n                                    \n                                        \n                                            <img decoding=\"async\" src=\"https:\/\/sevenhorizonvr.com\/wp-content\/uploads\/2023\/08\/beach-brown_9.jpg\">\n\n                                        \n                                <\/div>\n                                <!--\/ Image -->\n\n                                <div class=\"inc-project-meta inc--meta_6\">\n\n                                    <div class=\"inc-meta-top\">\n\n                                        <div class=\"inc-project-title text-h5\">Beach Brown<\/div>\n\n\n                                        <div class=\"inc-meta-top-right\">\n\n                                            <div class=\"inc-project-cat\">\n\n                                                Photography                                            <\/div>\n\n                                            \n                                                <div class=\"inc-project-year\">\n\n                                                    2021\n                                                <\/div>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/a>\n\n                        <\/div>\n                        <!--\/ Carusel Item -->\n\n\n\n                    \n\n                        <!-- Carusel Item -->\n                        <div class=\"inc--item has-anim slideUp\" data-duration=1.5 data-scrub=\"false\" data-pin=\"false\" data-anim-out=\"false\"  data-delay=0.35                            data-item=\"7\">\n                            <a class=\"underline showcase-project-link\" href=\"https:\/\/sevenhorizonvr.com\/index.php\/portfolio\/architexture\/\">\n\n                                <!-- Image -->\n                                <div class=\"inc-project-image\">\n\n                                    \n                                        \n                                            <img decoding=\"async\" src=\"https:\/\/sevenhorizonvr.com\/wp-content\/uploads\/2023\/08\/architexture_1-2.jpg\">\n\n                                        \n                                <\/div>\n                                <!--\/ Image -->\n\n                                <div class=\"inc-project-meta inc--meta_7\">\n\n                                    <div class=\"inc-meta-top\">\n\n                                        <div class=\"inc-project-title text-h5\">Architexture<\/div>\n\n\n                                        <div class=\"inc-meta-top-right\">\n\n                                            <div class=\"inc-project-cat\">\n\n                                                Art Direction                                            <\/div>\n\n                                            \n                                                <div class=\"inc-project-year\">\n\n                                                    2017\n                                                <\/div>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/a>\n\n                        <\/div>\n                        <!--\/ Carusel Item -->\n\n\n\n                    \n\n                        <!-- Carusel Item -->\n                        <div class=\"inc--item has-anim slideUp\" data-duration=1.5 data-scrub=\"false\" data-pin=\"false\" data-anim-out=\"false\"  data-delay=0.4                            data-item=\"8\">\n                            <a class=\"underline showcase-project-link\" href=\"https:\/\/sevenhorizonvr.com\/index.php\/portfolio\/en-vogue\/\">\n\n                                <!-- Image -->\n                                <div class=\"inc-project-image\">\n\n                                    \n                                        \n                                            <img decoding=\"async\" src=\"https:\/\/sevenhorizonvr.com\/wp-content\/uploads\/2023\/08\/en-vogue_fetured.jpg\">\n\n                                        \n                                <\/div>\n                                <!--\/ Image -->\n\n                                <div class=\"inc-project-meta inc--meta_8\">\n\n                                    <div class=\"inc-meta-top\">\n\n                                        <div class=\"inc-project-title text-h5\">En Vogue<\/div>\n\n\n                                        <div class=\"inc-meta-top-right\">\n\n                                            <div class=\"inc-project-cat\">\n\n                                                Photography                                            <\/div>\n\n                                            \n                                                <div class=\"inc-project-year\">\n\n                                                    2020\n                                                <\/div>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/a>\n\n                        <\/div>\n                        <!--\/ Carusel Item -->\n\n\n\n                    \n\n                        <!-- Carusel Item -->\n                        <div class=\"inc--item has-anim slideUp\" data-duration=1.5 data-scrub=\"false\" data-pin=\"false\" data-anim-out=\"false\"  data-delay=0.45                            data-item=\"9\">\n                            <a class=\"underline showcase-project-link\" href=\"https:\/\/sevenhorizonvr.com\/index.php\/portfolio\/pastel-ladies\/\">\n\n                                <!-- Image -->\n                                <div class=\"inc-project-image\">\n\n                                    \n                                        \n                                            <img decoding=\"async\" src=\"https:\/\/sevenhorizonvr.com\/wp-content\/uploads\/2023\/08\/pastel-ladies_8.jpg\">\n\n                                        \n                                <\/div>\n                                <!--\/ Image -->\n\n                                <div class=\"inc-project-meta inc--meta_9\">\n\n                                    <div class=\"inc-meta-top\">\n\n                                        <div class=\"inc-project-title text-h5\">Pastel Ladies<\/div>\n\n\n                                        <div class=\"inc-meta-top-right\">\n\n                                            <div class=\"inc-project-cat\">\n\n                                                Art Direction                                            <\/div>\n\n                                            \n                                                <div class=\"inc-project-year\">\n\n                                                    2023\n                                                <\/div>\n\n                                            \n                                        <\/div>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/a>\n\n                        <\/div>\n                        <!--\/ Carusel Item -->\n\n\n\n                    \n                <\/div>\n\n\n            <\/div>\n\n\n            <div class=\"showcase-footer wrapper-full no-margin\">\n\n                <div class=\"showcase-footer-left c-col-6 sm-6\">\n\n                    \n                        \n                            <div class=\"inc--control\">\n\n                                <div class=\"inc--notification\">\n\n                                    SCROLL OR DRAG\n                                <\/div>\n\n                                <div class=\"inc--close\">\n\n                                    CLOSE\n                                <\/div>\n\n\n                            <\/div>\n\n                        \n                    \n                <\/div>\n\n                <div class=\"showcase-footer-right c-col-6 sm-6\">\n\n                    \n                        \n                            <!--  Button -->\n                            <div class=\"nayla-button underline align-left icon-left\">\n\n                                <span\n                                    class=\"left-icon\"><i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i><\/span>\n\n                                <a target=\"current-page\"\n                                    href=\"https:\/\/naylawp.pethemes.com\/works-digital-agency-gray\/\">ALL PROJECTS<\/a>\n\n                                <span\n                                    class=\"right-icon\"><i aria-hidden=\"true\" class=\"material-icons md-arrow_outward\" data-md-icon=\"arrow_outward\"><\/i><\/span>\n\n                            <\/div>\n                            <!--\/ Button -->\n\n                        \n                    \n                <\/div>\n\n            <\/div>\n\n        <\/div>\n        <!--\/ Dynamic Carousel -->\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>Ink Sense Web Design 2023 VIEW PROJECT Taller Alvarado Branding 2022 VIEW PROJECT Vibrant Horizons Art Direction 2015 VIEW PROJECT Mayless Trailer Video 2017 VIEW PROJECT Percent UI\/UX Design 2018 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-9637","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sevenhorizonvr.com\/index.php\/wp-json\/wp\/v2\/pages\/9637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sevenhorizonvr.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sevenhorizonvr.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sevenhorizonvr.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sevenhorizonvr.com\/index.php\/wp-json\/wp\/v2\/comments?post=9637"}],"version-history":[{"count":1,"href":"https:\/\/sevenhorizonvr.com\/index.php\/wp-json\/wp\/v2\/pages\/9637\/revisions"}],"predecessor-version":[{"id":9871,"href":"https:\/\/sevenhorizonvr.com\/index.php\/wp-json\/wp\/v2\/pages\/9637\/revisions\/9871"}],"wp:attachment":[{"href":"https:\/\/sevenhorizonvr.com\/index.php\/wp-json\/wp\/v2\/media?parent=9637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}