{"id":21239,"date":"2022-11-21T23:07:00","date_gmt":"2022-11-21T23:07:00","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/?page_id=21239"},"modified":"2024-08-10T12:15:24","modified_gmt":"2024-08-10T12:15:24","slug":"floating-svg","status":"publish","type":"page","link":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/elements\/floating-svg\/","title":{"rendered":"Floating SVG element"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21239\" class=\"elementor elementor-21239\">\n\t\t\t\t\t\t<section class=\" elementor-section elementor-top-section elementor-element elementor-element-0e8cff8 elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default\" data-id=\"0e8cff8\" data-element_type=\"section\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7a53cf6 \" data-id=\"7a53cf6\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-68946e0 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"68946e0\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUpShorter&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Awesome svg floating<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6c35bb elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a6c35bb\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUpShorter&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">UDesign supports svg floating elements to help you create a beautiful website.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebd7e3f elementor-invisible elementor-widget elementor-widget-image\" data-id=\"ebd7e3f\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUpShorter&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1020\" height=\"553\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2022\/11\/floating-svg-1.png\" class=\"attachment-full size-full wp-image-22870\" alt=\"floating-svg-1\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2022\/11\/floating-svg-1.png 1020w, https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2022\/11\/floating-svg-1-768x416.png 768w, https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2022\/11\/floating-svg-1-600x325.png 600w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/section>\r\n\t\t\t\t\t<section class=\" elementor-section elementor-top-section elementor-element elementor-element-593d597 elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default\" data-id=\"593d597\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e0b1b22 \" data-id=\"e0b1b22\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d48c9d8 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d48c9d8\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUpShorter&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Use floating svg options<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f552492 mx-auto elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"f552492\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUpShorter&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Dozens of style options are ready. If you want, you can fully-customize the look of floating svg as well.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/section>\r\n\t\t\t\t\t<div class=\" elementor-section elementor-top-section elementor-element elementor-element-295a60c elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default\" data-id=\"295a60c\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<!-- Start .elementor-column -->\r\n\t\t\t<div class=\" elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3931ee2 \" data-id=\"3931ee2\" data-element_type=\"column\">\r\n\t\t\t\t\t\t\t\t<!-- Start .elementor-column-wrap(optimize mode => .elementor-widget-wrap) -->\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- Start .slider-container  -->\r\n\t\t\t\t\t<div class=\"w-100\">\r\n\t\t\t\t\t\t\t\t\t\t<!-- Start .slider-wrapper -->\r\n\t\t\t\t\t<div class=\" row cols-lg-3 cols-md-2 cols-sm-2 cols-1  slider-wrapper\" data-slider-options=\"{&quot;spaceBetween&quot;:30,&quot;pagination&quot;:true,&quot;effect&quot;:&quot;slide&quot;,&quot;slidesPerView&quot;:3,&quot;breakpoints&quot;:{&quot;2401&quot;:{&quot;slidesPerView&quot;:3},&quot;1440&quot;:{&quot;slidesPerView&quot;:3,&quot;spaceBetween&quot;:30},&quot;1200&quot;:{&quot;slidesPerView&quot;:3},&quot;992&quot;:{&quot;slidesPerView&quot;:3},&quot;768&quot;:{&quot;slidesPerView&quot;:2},&quot;576&quot;:{&quot;slidesPerView&quot;:2},&quot;0&quot;:{&quot;slidesPerView&quot;:1}},&quot;statusClass&quot;:&quot;slider-dots-dark&quot;}\">\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d902cf9 cs-imgbox elementor-invisible elementor-widget elementor-widget-udesign_widget_imagebox\" data-id=\"d902cf9\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"udesign_widget_imagebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"image-box position-top\"><figure><img decoding=\"async\" width=\"341\" height=\"130\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2022\/11\/floating-svg-2-1.png\" class=\"attachment-full size-full wp-image-21545\" alt=\"floating-svg-2-1\" \/><\/figure><div class=\"image-box-content\"><h3 class=\"title\">Floating svg offset<\/h3><p class=\"content\">Controls how much different Svg shape should be transformed.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-762a126 cs-imgbox elementor-invisible elementor-widget elementor-widget-udesign_widget_imagebox\" data-id=\"762a126\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"udesign_widget_imagebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"image-box position-top\"><figure><img decoding=\"async\" width=\"341\" height=\"130\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2022\/11\/floating-svg-2-2.png\" class=\"attachment-full size-full wp-image-21546\" alt=\"floating-svg-2-2\" \/><\/figure><div class=\"image-box-content\"><h3 class=\"title\">Floating svg speed<\/h3><p class=\"content\">Controls how fast Svg shape should be transformed.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dfa3cb cs-imgbox elementor-invisible elementor-widget elementor-widget-udesign_widget_imagebox\" data-id=\"6dfa3cb\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"udesign_widget_imagebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"image-box position-top\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"341\" height=\"130\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2022\/11\/floating-svg-2-3.png\" class=\"attachment-full size-full wp-image-21547\" alt=\"floating-svg-2-3\" \/><\/figure><div class=\"image-box-content\"><h3 class=\"title\">Floating svg size<\/h3><p class=\"content\">Controls how big or small Svg shape should be.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><!-- End .slider-wrapper -->\r\n\t\t\t\t\t<\/div><!-- End .slider-container -->\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<\/div> <!-- End optimize => .elementor-widget-wrap -->\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End .elementor-column -->\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<section class=\" elementor-section elementor-top-section elementor-element elementor-element-2640e77 elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default elementor-invisible\" data-id=\"2640e77\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-14ede05 \" data-id=\"14ede05\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c77e6ab t-mc cs3-floating-svg elementor-absolute elementor-widget elementor-widget-udesign_widget_floating\" data-id=\"c77e6ab\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"udesign_widget_floating.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"Layer_1\" x=\"0px\" y=\"0px\" width=\"538.378px\" height=\"585.922px\" viewBox=\"0 -15 512.741 588.021\" class=\"float-svg\" data-float-options=\"{&quot;delta&quot;:15,&quot;speed&quot;:25,&quot;size&quot;:1.05}\" xml:space=\"preserve\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M138.077,556.333c-65.475-2.736-217.757-62.124-86.144-266.465 c71.733-111.371,67.192-151.5,98.739-235.454c31.548-83.954,191.823-83.694,226.129,93.397 C401.853,277.126,786.441,583.432,138.077,556.333z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-126114c elementor-widget elementor-widget-image\" data-id=\"126114c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"629\" height=\"591\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2022\/11\/floating-svg-3-1.png\" class=\"attachment-full size-full wp-image-22885\" alt=\"floating-svg-3-1\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2022\/11\/floating-svg-3-1.png 629w, https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2022\/11\/floating-svg-3-1-600x564.png 600w\" sizes=\"(max-width: 629px) 100vw, 629px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b817188 t-mc cs3-floating-svg elementor-absolute elementor-widget elementor-widget-udesign_widget_floating\" data-id=\"b817188\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"udesign_widget_floating.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"Layer_1\" x=\"0px\" y=\"0px\" width=\"486.155px\" height=\"431.347px\" viewBox=\"0 -15 486.155 461.347\" class=\"float-svg\" data-float-options=\"{&quot;delta&quot;:15,&quot;speed&quot;:25,&quot;size&quot;:1}\" xml:space=\"preserve\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M482.955,284.866c12.35,54.57-2.555,193.325-200.047,130.466 c-107.639-34.26-139.646-21.561-215.762-28.822c-76.117-7.262-111.647-139.407,26.421-207.206 C194.385,129.797,360.658-255.517,482.955,284.866z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-39d6b4c \" data-id=\"39d6b4c\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bb1c179 elementor-widget elementor-widget-heading\" data-id=\"bb1c179\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Customize floating svg effect<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-def244b elementor-widget elementor-widget-heading\" data-id=\"def244b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Udesign provides more detailed options so that floating svg effects can be more flexibly.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84099bc elementor-icon-list--layout-traditional elementor-widget elementor-widget-udesign_widget_iconlist\" data-id=\"84099bc\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_iconlist.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\r\n\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-dbcb3e4\">\r\n\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"a-icon-check\"><\/i>\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Rotate a Svg shape as you want.<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-1681e0a\">\r\n\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"a-icon-check\"><\/i>\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Control a Svg opacity as you want.<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-8aa0ada\">\r\n\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"a-icon-check\"><\/i>\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Fill Color and Stroke Color option for Svg shape.<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/section>\r\n\t\t\t\t\t<div class=\" elementor-section elementor-top-section elementor-element elementor-element-96550c2 options-glossary  elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default elementor-invisible\" data-id=\"96550c2\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top_negative&quot;:&quot;yes&quot;,&quot;shape_divider_top&quot;:&quot;alpha-shape2&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\r\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" data-negative=\"true\">\r\n\t\t\t<svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1920 192\" preserveAspectRatio=\"none\">\r\n<path d=\"M0,137.2C269.6,170.4,601.4,190,960,190c358.7,0,690.3-19.6,960-52.8c0-21.4,0,76.2,0,54.8c-640,0-1280,0-1920,0V137.2z\"\/>\r\n<\/svg>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-435bdc5 \" data-id=\"435bdc5\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-40b51d2 elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"40b51d2\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Glossary<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b9eb11 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"8b9eb11\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Floating svg element options<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a956eac elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a956eac\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Customize Elements Globally or Individually<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\" elementor-section elementor-inner-section elementor-element elementor-element-ea18639 elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default elementor-invisible\" data-id=\"ea18639\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:400}\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2ecfdcd \" data-id=\"2ecfdcd\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4fc3711 elementor-widget elementor-widget-text-editor\" data-id=\"4fc3711\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Floating SVG Offset:<\/strong> Control how much different SVG shape should be.<\/li><li><strong>Floating SVG speed:<\/strong> Control how fast SVG shape should be transformed.<\/li><li><strong>Floating SVG size:<\/strong> Control the size of SVG shape.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-d932fd7 \" data-id=\"d932fd7\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c0c2dea elementor-widget elementor-widget-text-editor\" data-id=\"c0c2dea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li><strong>Fill Color:<\/strong> Choose background color of SVG shape.<\/li>\n<li><strong>Stroke Color:<\/strong> Choose border color of SVG shape.<\/li>\n<li><strong>Rotate:<\/strong> Control how much SVG shape should be rotated.<\/li>\n<li><strong>Opacity:<\/strong> Control transparency of SVG shape.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<section class=\" elementor-section elementor-top-section elementor-element elementor-element-6220d11 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default elementor-invisible\" data-id=\"6220d11\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6523f85 \" data-id=\"6523f85\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-40cbd68 elementor-widget elementor-widget-image\" data-id=\"40cbd68\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"689\" height=\"525\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/12\/accordion-2.jpg\" class=\"attachment-full size-full wp-image-19111\" alt=\"Accordion Image\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/12\/accordion-2.jpg 689w, https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/12\/accordion-2-600x457.jpg 600w\" sizes=\"(max-width: 689px) 100vw, 689px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-de8273f \" data-id=\"de8273f\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-196e0d0 elementor-widget elementor-widget-heading\" data-id=\"196e0d0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Easy for sure<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d996f63 elementor-widget elementor-widget-heading\" data-id=\"d996f63\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to use our<br>\naccordion elements\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-250f97c elementor-widget elementor-widget-heading\" data-id=\"250f97c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">UDesign Accordion Element provides multi options to make  your accordion in a short time.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c011a67 elementor-icon-list--layout-traditional elementor-widget elementor-widget-udesign_widget_iconlist\" data-id=\"c011a67\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_iconlist.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\r\n\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-fc32d7b\">\r\n\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"a-icon-check\"><\/i>\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Use Section For option is to use section as accordion.<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-5d6fac8\">\r\n\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"a-icon-check\"><\/i>\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Accordion Type option is to select accordion type in your list.<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-a0cab7d\">\r\n\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"a-icon-check\"><\/i>\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Column For option is to use column as accordion content.<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-374f459\">\r\n\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"a-icon-check\"><\/i>\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Accordion Title option for card header.<\/span>\r\n\t\t\t\t\t\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/section>\r\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Awesome svg floating UDesign supports svg floating elements to help you create a beautiful website. Use floating svg options Dozens of style options are ready. If you want, you can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-21239","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/21239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/comments?post=21239"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/21239\/revisions"}],"predecessor-version":[{"id":31355,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/21239\/revisions\/31355"}],"up":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/2"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/media?parent=21239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}