{"id":8331,"date":"2020-09-25T23:15:55","date_gmt":"2020-09-25T23:15:55","guid":{"rendered":"https:\/\/www.dsngrid.com\/daro\/?page_id=8331"},"modified":"2024-03-23T11:12:46","modified_gmt":"2024-03-23T11:12:46","slug":"slider-demo-custom","status":"publish","type":"page","link":"https:\/\/dsngrid.com\/daro\/slider-demo-custom\/","title":{"rendered":"Slider Demo Custom"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8331\" class=\"elementor elementor-8331\">\n\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\" 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-8cbcc1c\" data-id=\"8cbcc1c\" 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-5abfd60 elementor-align-center elementor-widget elementor-widget-dsn_slider_project\" data-id=\"5abfd60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dsn_slider_project.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"main-slider demo-2 p-relative w-100 h-100-v over-hidden \" data-dsn-header=\"parallax\" data-dsn-next=\"NEXT\" data-dsn-option=\"{&quot;autoplay&quot;:0,&quot;spaceBetween&quot;:20,&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=\"5\" >\n                            <img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"1282\" src=\"https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/nastuh-abootalebi-ZtC4_rPCRXA-unsplash.jpg\" class=\"cover-bg-img\" alt=\"\" srcset=\"https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/nastuh-abootalebi-ZtC4_rPCRXA-unsplash.jpg 1920w, https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/nastuh-abootalebi-ZtC4_rPCRXA-unsplash-300x200.jpg 300w, https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/nastuh-abootalebi-ZtC4_rPCRXA-unsplash-1024x684.jpg 1024w, https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/nastuh-abootalebi-ZtC4_rPCRXA-unsplash-768x513.jpg 768w, https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/nastuh-abootalebi-ZtC4_rPCRXA-unsplash-1536x1026.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                        <\/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-center align-items-center\">\n                                <div class=\"content p-relative \">\n                                                                        <div class=\"metas body-dark-color d-inline-block mb-30\"><span class=\"\">We Creative <\/span><\/div>\n                                    <h1 class=\"title user-no-selection \">\n                                        <a href=\"#0\">Digital Agency<\/a>                                    <\/h1>\n                                    \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                            <img decoding=\"async\" width=\"1920\" height=\"1282\" src=\"https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/sam-pak-X6QffKLwyoQ-unsplash.jpg\" class=\"cover-bg-img\" alt=\"\" srcset=\"https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/sam-pak-X6QffKLwyoQ-unsplash.jpg 1920w, https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/sam-pak-X6QffKLwyoQ-unsplash-300x200.jpg 300w, https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/sam-pak-X6QffKLwyoQ-unsplash-1024x684.jpg 1024w, https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/sam-pak-X6QffKLwyoQ-unsplash-768x513.jpg 768w, https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/sam-pak-X6QffKLwyoQ-unsplash-1536x1026.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                        <\/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-center align-items-center\">\n                                <div class=\"content p-relative \">\n                                                                        <div class=\"metas body-dark-color d-inline-block mb-30\"><span class=\"\">What we Best At<\/span><\/div>\n                                    <h1 class=\"title user-no-selection \">\n                                        <a href=\"#0\">Our Skills<\/a>                                    <\/h1>\n                                    \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                            <img decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/toni-koraza-pOv3NMR4iJ8-unsplash.jpg\" class=\"cover-bg-img\" alt=\"\" srcset=\"https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/toni-koraza-pOv3NMR4iJ8-unsplash.jpg 1920w, https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/toni-koraza-pOv3NMR4iJ8-unsplash-300x200.jpg 300w, https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/toni-koraza-pOv3NMR4iJ8-unsplash-1024x683.jpg 1024w, https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/toni-koraza-pOv3NMR4iJ8-unsplash-768x512.jpg 768w, https:\/\/dsngrid.com\/daro\/wp-content\/uploads\/sites\/12\/2020\/10\/toni-koraza-pOv3NMR4iJ8-unsplash-1536x1024.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                        <\/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-center align-items-center\">\n                                <div class=\"content p-relative \">\n                                                                        <div class=\"metas body-dark-color d-inline-block mb-30\"><span class=\"\">what we do<\/span><\/div>\n                                    <h1 class=\"title user-no-selection \">\n                                        <a href=\"#0\">Media Planing<\/a>                                    <\/h1>\n                                    \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\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<\/header>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>We Creative Digital Agency What we Best At Our Skills what we do Media Planing 01<\/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,"footnotes":""},"class_list":["post-8331","page","type-page","status-publish","hentry","dsn-layout-none"],"acf":[],"_links":{"self":[{"href":"https:\/\/dsngrid.com\/daro\/wp-json\/wp\/v2\/pages\/8331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dsngrid.com\/daro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dsngrid.com\/daro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dsngrid.com\/daro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dsngrid.com\/daro\/wp-json\/wp\/v2\/comments?post=8331"}],"version-history":[{"count":1,"href":"https:\/\/dsngrid.com\/daro\/wp-json\/wp\/v2\/pages\/8331\/revisions"}],"predecessor-version":[{"id":16397,"href":"https:\/\/dsngrid.com\/daro\/wp-json\/wp\/v2\/pages\/8331\/revisions\/16397"}],"wp:attachment":[{"href":"https:\/\/dsngrid.com\/daro\/wp-json\/wp\/v2\/media?parent=8331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}