{"id":11856,"date":"2020-11-23T22:52:05","date_gmt":"2020-11-23T22:52:05","guid":{"rendered":"https:\/\/www.dsngrid.com\/daro\/?page_id=11856"},"modified":"2020-11-23T22:52:05","modified_gmt":"2020-11-23T22:52:05","slug":"slider-demo-horizontal","status":"publish","type":"page","link":"https:\/\/iconparkeg.com\/index.php\/slider-demo-horizontal\/","title":{"rendered":"Slider Demo horizontal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11856\" class=\"elementor elementor-11856\">\n\t\t\t\t\t\t\t<div class=\"dsn-bg-section p-absolute w-100 h-100 over-hidden hidden\" data-dsn=\"bg_section\"><\/div>\t\t<header class=\"elementor-section elementor-top-section elementor-element elementor-element-a06790d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a06790d\" 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-8cbcc1c\" data-id=\"8cbcc1c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5abfd60 elementor-widget elementor-widget-dsn_slider_project\" data-id=\"5abfd60\" data-element_type=\"widget\" data-widget_type=\"dsn_slider_project.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<div class=\"main-slider demo-1 p-relative w-100 h-100-v over-hidden has-horizontal\" data-dsn-header=\"parallax\" data-dsn-next=\"NEXT\" data-dsn-option=\"{&quot;autoplay&quot;:0,&quot;spaceBetween&quot;:0,&quot;speed&quot;:1500}\">\n\n    <div class=\"bg-container p-relative h-100 over-hidden dsn-hero-parallax-img\">\n        <div class=\"slide-inner h-100\">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"slide-item swiper-slide\">\n                        <div class=\"image-bg cover-bg before-z-index h-100 w-100\" data-overlay=\"7\" >\n                                                    <\/div>\n                        \n\n                        <div class=\"slide-content p-absolute h-100 w-100 \">\n                                                        <div class=\"d-flex header-container h-100 justify-content-start align-items-center\">\n                                <div class=\"content p-relative \">\n                                                                            <div class=\"num-progress-current description num-progress-content \">\n                                            01                                        <\/div>\n                                                                        <div class=\"metas body-dark-color d-inline-block mb-30\"><span class=\"\">Fashion, Photography<\/span><\/div>\n                                    <h1 class=\"title user-no-selection \">\n                                        <a href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/native-union\/\" class=\"effect-ajax\" data-dsn-ajax=\"slider\">Native Union<\/a>                                    <\/h1>\n                                    \n                                    <div class=\"sub-text-header d-inline-block user-no-selection mt-30 \"><p>Product Photography | NATIVE UNION Rose Collection .<\/p><\/div>                                        <div class=\"dsn-button-link mt-30 user-no-selection image-zoom\"\n                                             data-dsn=\"parallax\">\n                                            <a class=\"dsn-button-2 dsn-button-normal c-hidden   p-relative text-color-heading effect-ajax \" href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/native-union\/\" data-dsn-ajax=\"slider\">\n                                                <span >View Case<\/span>\n                                                \n                                                <i class=\"fas fa-long-arrow-alt-right \"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    \n\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                                    <div class=\"slide-item swiper-slide\">\n                        <div class=\"image-bg cover-bg before-z-index h-100 w-100 h-100 w-100 p-absolute hidden\" data-overlay=\"7\" >\n                                                    <\/div>\n                                                    <div class=\"image-bg cover-bg w-100 h-100\">\n                                <div class=\"before-z-index\" data-dsn=\"video\"\n                                     data-overlay=\"7\">\n                                    <video class=\"bg-image cover-bg dsn-video \" preload=\"none\" data-dsn-poster=\"\" autoplay loop muted playsinline data-dsn-position=\"50% 50%\" ><source src=\"http:\/\/theme.dsngrid.com\/video\/Equator.mp4\" type=\"video\/mp4\">Your browser does not support HTML5 video.<\/video>                                <\/div>\n                            <\/div>\n                        \n\n                        <div class=\"slide-content p-absolute h-100 w-100 \">\n                                                        <div class=\"d-flex header-container h-100 justify-content-start align-items-center\">\n                                <div class=\"content p-relative \">\n                                                                            <div class=\"num-progress-current description num-progress-content \">\n                                            02                                        <\/div>\n                                                                        <div class=\"metas body-dark-color d-inline-block mb-30\"><span class=\"\">Architecture, Video<\/span><\/div>\n                                    <h1 class=\"title user-no-selection \">\n                                        <a href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/equator-cgi\/\" class=\"effect-ajax\" data-dsn-ajax=\"slider\">Equator CGI<\/a>                                    <\/h1>\n                                    \n                                                                            <div class=\"dsn-button-link mt-30 user-no-selection image-zoom\"\n                                             data-dsn=\"parallax\">\n                                            <a class=\"dsn-button-2 dsn-button-normal c-hidden   p-relative text-color-heading effect-ajax \" href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/equator-cgi\/\" data-dsn-ajax=\"slider\">\n                                                <span >View Case<\/span>\n                                                \n                                                <i class=\"fas fa-long-arrow-alt-right \"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    \n\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                                    <div class=\"slide-item swiper-slide\">\n                        <div class=\"image-bg cover-bg before-z-index h-100 w-100\" data-overlay=\"5\" >\n                                                    <\/div>\n                        \n\n                        <div class=\"slide-content p-absolute h-100 w-100 \">\n                                                        <div class=\"d-flex header-container h-100 justify-content-start align-items-center\">\n                                <div class=\"content p-relative \">\n                                                                            <div class=\"num-progress-current description num-progress-content \">\n                                            03                                        <\/div>\n                                                                        <div class=\"metas body-dark-color d-inline-block mb-30\"><span class=\"\">Fashion, Photography<\/span><\/div>\n                                    <h1 class=\"title user-no-selection \">\n                                        <a href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/nfl-combine\/\" class=\"effect-ajax\" data-dsn-ajax=\"slider\">NFL Combine<\/a>                                    <\/h1>\n                                    \n                                                                            <div class=\"dsn-button-link mt-30 user-no-selection image-zoom\"\n                                             data-dsn=\"parallax\">\n                                            <a class=\"dsn-button-2 dsn-button-normal c-hidden   p-relative text-color-heading effect-ajax \" href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/nfl-combine\/\" data-dsn-ajax=\"slider\">\n                                                <span >View Case<\/span>\n                                                \n                                                <i class=\"fas fa-long-arrow-alt-right \"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    \n\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                                    <div class=\"slide-item swiper-slide\">\n                        <div class=\"image-bg cover-bg before-z-index h-100 w-100\" data-overlay=\"5\" >\n                                                    <\/div>\n                        \n\n                        <div class=\"slide-content p-absolute h-100 w-100 \">\n                                                        <div class=\"d-flex header-container h-100 justify-content-start align-items-center\">\n                                <div class=\"content p-relative \">\n                                                                            <div class=\"num-progress-current description num-progress-content \">\n                                            04                                        <\/div>\n                                                                        <div class=\"metas body-dark-color d-inline-block mb-30\"><span class=\"\">Fashion, Photography<\/span><\/div>\n                                    <h1 class=\"title user-no-selection \">\n                                        <a href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/blue-edition\/\" class=\"effect-ajax\" data-dsn-ajax=\"slider\">Blue  Edition<\/a>                                    <\/h1>\n                                    \n                                    <div class=\"sub-text-header d-inline-block user-no-selection mt-30 \"><p>Pink Tint Photosession for popular Model in Ukraine .<\/p><\/div>                                        <div class=\"dsn-button-link mt-30 user-no-selection image-zoom\"\n                                             data-dsn=\"parallax\">\n                                            <a class=\"dsn-button-2 dsn-button-normal c-hidden   p-relative text-color-heading effect-ajax \" href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/blue-edition\/\" data-dsn-ajax=\"slider\">\n                                                <span >View Case<\/span>\n                                                \n                                                <i class=\"fas fa-long-arrow-alt-right \"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    \n\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                                    <div class=\"slide-item swiper-slide\">\n                        <div class=\"image-bg cover-bg before-z-index h-100 w-100\" data-overlay=\"5\" >\n                                                    <\/div>\n                        \n\n                        <div class=\"slide-content p-absolute h-100 w-100 \">\n                                                        <div class=\"d-flex header-container h-100 justify-content-start align-items-center\">\n                                <div class=\"content p-relative \">\n                                                                            <div class=\"num-progress-current description num-progress-content \">\n                                            05                                        <\/div>\n                                                                        <div class=\"metas body-dark-color d-inline-block mb-30\"><span class=\"\">Digital Art<\/span><\/div>\n                                    <h1 class=\"title user-no-selection \">\n                                        <a href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/intentional\/\" class=\"effect-ajax\" data-dsn-ajax=\"slider\">Intentional<\/a>                                    <\/h1>\n                                    \n                                    <div class=\"sub-text-header d-inline-block user-no-selection mt-30 \"><p>Personal conceptual project. Reflecting on my personal style of paint illustration, on what were my initial ideas on it, and treating it as a<\/p><\/div>                                        <div class=\"dsn-button-link mt-30 user-no-selection image-zoom\"\n                                             data-dsn=\"parallax\">\n                                            <a class=\"dsn-button-2 dsn-button-normal c-hidden   p-relative text-color-heading effect-ajax \" href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/intentional\/\" data-dsn-ajax=\"slider\">\n                                                <span >View Case<\/span>\n                                                \n                                                <i class=\"fas fa-long-arrow-alt-right \"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    \n\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                                    <div class=\"slide-item swiper-slide\">\n                        <div class=\"image-bg cover-bg before-z-index h-100 w-100\" data-overlay=\"6\" >\n                                                    <\/div>\n                        \n\n                        <div class=\"slide-content p-absolute h-100 w-100 \">\n                                                        <div class=\"d-flex header-container h-100 justify-content-start align-items-center\">\n                                <div class=\"content p-relative \">\n                                                                            <div class=\"num-progress-current description num-progress-content \">\n                                            06                                        <\/div>\n                                                                        <div class=\"metas body-dark-color d-inline-block mb-30\"><span class=\"\">Architecture<\/span><\/div>\n                                    <h1 class=\"title user-no-selection \">\n                                        <a href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/black-apartment\/\" class=\"effect-ajax\" data-dsn-ajax=\"slider\">Black Apartment<\/a>                                    <\/h1>\n                                    \n                                    <div class=\"sub-text-header d-inline-block user-no-selection mt-30 \"><p>Used softwares: 3ds max, corona render,quixel mixer and Photoshop Overall lighting HDRI, corona skylight and materials created by megascans & quixel Mixer. landscape environment<\/p><\/div>                                        <div class=\"dsn-button-link mt-30 user-no-selection image-zoom\"\n                                             data-dsn=\"parallax\">\n                                            <a class=\"dsn-button-2 dsn-button-normal c-hidden   p-relative text-color-heading effect-ajax \" href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/black-apartment\/\" data-dsn-ajax=\"slider\">\n                                                <span >View Case<\/span>\n                                                \n                                                <i class=\"fas fa-long-arrow-alt-right \"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    \n\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                                    <div class=\"slide-item swiper-slide\">\n                        <div class=\"image-bg cover-bg before-z-index h-100 w-100\" data-overlay=\"5\" >\n                                                    <\/div>\n                        \n\n                        <div class=\"slide-content p-absolute h-100 w-100 \">\n                                                        <div class=\"d-flex header-container h-100 justify-content-start align-items-center\">\n                                <div class=\"content p-relative \">\n                                                                            <div class=\"num-progress-current description num-progress-content \">\n                                            07                                        <\/div>\n                                                                        <div class=\"metas body-dark-color d-inline-block mb-30\"><span class=\"\">Photography, Product<\/span><\/div>\n                                    <h1 class=\"title user-no-selection \">\n                                        <a href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/zero-untitled\/\" class=\"effect-ajax\" data-dsn-ajax=\"slider\">Zero Untitled<\/a>                                    <\/h1>\n                                    \n                                    <div class=\"sub-text-header d-inline-block user-no-selection mt-30 \"><p>A beautifully designed bike from Zero Motorcycles SR\/S. Huggo Eccles from Untitled Motorcycles has created something spectacular to the eye. This head turner is<\/p><\/div>                                        <div class=\"dsn-button-link mt-30 user-no-selection image-zoom\"\n                                             data-dsn=\"parallax\">\n                                            <a class=\"dsn-button-2 dsn-button-normal c-hidden   p-relative text-color-heading effect-ajax \" href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/zero-untitled\/\" data-dsn-ajax=\"slider\">\n                                                <span >View Case<\/span>\n                                                \n                                                <i class=\"fas fa-long-arrow-alt-right \"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    \n\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                                    <div class=\"slide-item swiper-slide\">\n                        <div class=\"image-bg cover-bg before-z-index h-100 w-100\" data-overlay=\"2\" >\n                                                    <\/div>\n                        \n\n                        <div class=\"slide-content p-absolute h-100 w-100 \">\n                                                        <div class=\"d-flex header-container h-100 justify-content-start align-items-center\">\n                                <div class=\"content p-relative \">\n                                                                            <div class=\"num-progress-current description num-progress-content \">\n                                            08                                        <\/div>\n                                                                        <div class=\"metas body-dark-color d-inline-block mb-30\"><span class=\"\">Product<\/span><\/div>\n                                    <h1 class=\"title user-no-selection \">\n                                        <a href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/diesel-watch\/\" class=\"effect-ajax\" data-dsn-ajax=\"slider\">Diesel  Watch<\/a>                                    <\/h1>\n                                    \n                                    <div class=\"sub-text-header d-inline-block user-no-selection mt-30 \"><p>Vin tries to reflect Diesel\u2019s vision and combines the universe of the rock of the 80\u2019s with a clear and essential design to be<\/p><\/div>                                        <div class=\"dsn-button-link mt-30 user-no-selection image-zoom\"\n                                             data-dsn=\"parallax\">\n                                            <a class=\"dsn-button-2 dsn-button-normal c-hidden   p-relative text-color-heading effect-ajax \" href=\"https:\/\/iconparkeg.com\/index.php\/daro-portfolio\/diesel-watch\/\" data-dsn-ajax=\"slider\">\n                                                <span >View Case<\/span>\n                                                \n                                                <i class=\"fas fa-long-arrow-alt-right \"><\/i>\n                                            <\/a>\n                                        <\/div>\n                                    \n\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n    \n            <div class=\"box-next  p-absolute nav-slider overflow-hidden header-no-scale-hero\">\n            <div class=\"swiper-wrapper\" role=\"navigation\"><\/div>\n        <\/div>\n    \n\n    <div class=\"dsn-controls p-absolute d-flex a-item-center\">\n        <div class=\"d-block text-center image-zoom dsn-hover-circle\" data-dsn=\"parallax\">\n\n            <svg class=\"dsn-arrow-slid arrow-up\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\"\n                 viewBox=\"0 0 490.523 490.523\" style=\"enable-background:new 0 0 490.523 490.523;\" xml:space=\"preserve\">\n<path style=\"fill:#FFC107;\" d=\"M487.411,355.047L252.744,120.38c-4.165-4.164-10.917-4.164-15.083,0L2.994,355.047\n\tc-4.093,4.237-3.976,10.99,0.262,15.083c4.134,3.993,10.687,3.993,14.821,0l227.115-227.115l227.115,227.136\n\tc4.237,4.093,10.99,3.976,15.083-0.261c3.993-4.134,3.993-10.688,0-14.821L487.411,355.047z\" \/>\n                <path d=\"M479.859,373.266c-2.831,0.005-5.548-1.115-7.552-3.115L245.192,143.015L18.077,370.151\n\tc-4.237,4.093-10.99,3.976-15.083-0.262c-3.993-4.134-3.993-10.687,0-14.821l234.667-234.667c4.165-4.164,10.917-4.164,15.083,0\n\tl234.667,234.667c4.159,4.172,4.148,10.926-0.024,15.085C485.388,372.146,482.681,373.265,479.859,373.266z\" \/>\n\n<\/svg>\n\n        <\/div>\n\n        <div class=\"dsn-progress p-relative\">\n            <div class=\"dsn-progress-indicator p-absolute w-100\">\n                <span class=\"num-progress num-progress-current p-relative dsn-numbers\">01<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"d-block text-center image-zoom dsn-hover-circle\" data-dsn=\"parallax\">\n\n            <svg class=\"dsn-arrow-slid arrow-down\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\"\n                 viewBox=\"0 0 490.523 490.523\" style=\"enable-background:new 0 0 490.523 490.523;\" xml:space=\"preserve\">\n<path style=\"fill:#FFC107;\" d=\"M487.411,355.047L252.744,120.38c-4.165-4.164-10.917-4.164-15.083,0L2.994,355.047\n\tc-4.093,4.237-3.976,10.99,0.262,15.083c4.134,3.993,10.687,3.993,14.821,0l227.115-227.115l227.115,227.136\n\tc4.237,4.093,10.99,3.976,15.083-0.261c3.993-4.134,3.993-10.688,0-14.821L487.411,355.047z\" \/>\n                <path d=\"M479.859,373.266c-2.831,0.005-5.548-1.115-7.552-3.115L245.192,143.015L18.077,370.151\n\tc-4.237,4.093-10.99,3.976-15.083-0.262c-3.993-4.134-3.993-10.687,0-14.821l234.667-234.667c4.165-4.164,10.917-4.164,15.083,0\n\tl234.667,234.667c4.159,4.172,4.148,10.926-0.024,15.085C485.388,372.146,482.681,373.265,479.859,373.266z\" \/>\n\n<\/svg>\n\n        <\/div>\n\n    <\/div>\n    \n        <div class=\"dsn-slider-content  p-absolute h-100 w-100\">\n        <div class=\"p-relative h-100\"><\/div>\n    <\/div>\n\n\n<\/div>\n\n\n\n\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\t\t<\/div>\n\t\t<\/header>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>01 Product Diesel Watch Vin tries to reflect Diesel\u2019s vision and combines the universe of the rock of the 80\u2019s with a clear and essential design to be View Case 02 Fashion, Photography NFL Combine View Case 03 Photography, Product Zero Untitled A beautifully designed bike from Zero Motorcycles SR\/S. Huggo Eccles from Untitled Motorcycles [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-11856","page","type-page","status-publish","hentry","dsn-layout-none"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/iconparkeg.com\/index.php\/wp-json\/wp\/v2\/pages\/11856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iconparkeg.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iconparkeg.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iconparkeg.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iconparkeg.com\/index.php\/wp-json\/wp\/v2\/comments?post=11856"}],"version-history":[{"count":0,"href":"https:\/\/iconparkeg.com\/index.php\/wp-json\/wp\/v2\/pages\/11856\/revisions"}],"wp:attachment":[{"href":"https:\/\/iconparkeg.com\/index.php\/wp-json\/wp\/v2\/media?parent=11856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}