{"id":4494,"date":"2026-02-12T07:19:29","date_gmt":"2026-02-12T07:19:29","guid":{"rendered":"https:\/\/ekimos.com\/demo\/1\/?page_id=4494"},"modified":"2026-02-12T07:19:29","modified_gmt":"2026-02-12T07:19:29","slug":"3d-spiral-stack-card","status":"publish","type":"page","link":"https:\/\/ekimos.com\/demo\/1\/3d-spiral-stack-card\/","title":{"rendered":"3D Spiral Stack Card"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4494\" class=\"elementor elementor-4494\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42a31a9 e-flex e-con-boxed e-con e-parent\" data-id=\"42a31a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1c67bc elementor-widget elementor-widget-heading\" data-id=\"f1c67bc\" data-element_type=\"widget\" data-e-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\">3D  SPIRAL STACK CARD<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7980a15 e-con-full reboot-stacking-card-area e-flex e-con e-parent\" data-id=\"7980a15\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a5cf977 e-flex e-con-boxed e-con e-child\" data-id=\"a5cf977\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-01c40c1 e-con-full e-flex e-con e-child\" data-id=\"01c40c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad61ce5 elementor-widget elementor-widget-heading\" data-id=\"ad61ce5\" data-element_type=\"widget\" data-e-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\">Our Features<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2dd3cc0 elementor-widget elementor-widget-text-editor\" data-id=\"2dd3cc0\" data-element_type=\"widget\" data-e-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<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\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-20d2020 elementor-widget elementor-widget-button\" data-id=\"20d2020\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">See More Details<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4b1af6 e-con-full reboot-stacked-cards e-flex e-con e-child\" data-id=\"b4b1af6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e0b5dce e-con-full e-flex e-con e-child\" data-id=\"e0b5dce\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce65a0f elementor-widget elementor-widget-heading\" data-id=\"ce65a0f\" data-element_type=\"widget\" data-e-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\">Our Benefit<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ccb20f elementor-widget elementor-widget-heading\" data-id=\"9ccb20f\" data-element_type=\"widget\" data-e-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\">Benefits We'll Use Everyday<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffb84c7 e-con-full e-flex e-con e-child\" data-id=\"ffb84c7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-460b2b3 elementor-widget elementor-widget-heading\" data-id=\"460b2b3\" data-element_type=\"widget\" data-e-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\">Our Money<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e15e7c elementor-widget elementor-widget-heading\" data-id=\"5e15e7c\" data-element_type=\"widget\" data-e-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\">Promote Financial Wellbeing<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86b4fc7 e-con-full e-flex e-con e-child\" data-id=\"86b4fc7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9797d9 elementor-widget elementor-widget-heading\" data-id=\"a9797d9\" data-element_type=\"widget\" data-e-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\">Our People<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a797071 elementor-widget elementor-widget-heading\" data-id=\"a797071\" data-element_type=\"widget\" data-e-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\">Friendly Staff Ready To Help<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4567e6c e-con-full e-flex e-con e-child\" data-id=\"4567e6c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24f7c1c elementor-widget elementor-widget-heading\" data-id=\"24f7c1c\" data-element_type=\"widget\" data-e-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\">Our Job<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afad699 elementor-widget elementor-widget-heading\" data-id=\"afad699\" data-element_type=\"widget\" data-e-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\">Find Great People<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e1d242 e-con-full e-flex e-con e-child\" data-id=\"0e1d242\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b319381 elementor-widget elementor-widget-heading\" data-id=\"b319381\" data-element_type=\"widget\" data-e-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\">Our Passions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39fd410 elementor-widget elementor-widget-heading\" data-id=\"39fd410\" data-element_type=\"widget\" data-e-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\">Your Happiness Is Our Reward<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eacc9ad elementor-widget elementor-widget-html\" data-id=\"eacc9ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.min.js\"><\/script>\n<script>\n\nif(!rebootNonce100){\n\nvar rebootNonce100 = true\n\n$(document).ready(function() {\n\nvar previousScrollTop = [],\ncards = [],\ncardScrollHeight = [],\ncardRotate = [],\ncardContainer = [],\nstickyTop = [],\nstickyCon = []\n\nfunction cardSlideUp(){\n\n$('.reboot-stacking-card-area').each(function(i){\n\n    var $this = $(this),\n    scrollTop = $(document).scrollTop(),\n    cardAreaTop = $this.offset().top,\n    index = Math.floor((scrollTop - cardAreaTop - stickyTop[i]) \/ cardScrollHeight[i]),\n    totalCards = cards[i].length\n\n    cards[i].removeClass('reboot-active-card')\n    cards[i].each(function(j){\n        if( j <= index ) {\n            $(this).addClass('reboot-active-card')\n        }\n        if(index >= -1 && index < totalCards - 1){\n            $(this).css({\n                'transform': `rotate(${ -1*j*cardRotate[i] + (index+1)*cardRotate[i] }deg)`\n            })\n        }\n    })\n\n    previousScrollTop[i] = scrollTop\n})\n\n}\n\nfunction setValues(){\n$('.reboot-stacking-card-area').each(function(i){\n    var $this = $(this)\n    stickyTop[i] = 0\n    if(stickyCon[i].outerHeight() > $(window).height()){\n        stickyTop[i] = cardContainer[i].offset().top - stickyCon[i].offset().top - $(window).height()\/2\n    }\n    stickyCon[i].css('top', -1*stickyTop[i])\n    cardScrollHeight[i] = $this.css('--card-scroll-height') ? parseInt($this.css('--card-scroll-height').trim()) : 400\n    cardRotate[i] = $this.css('--card-rotate') ? parseInt($this.css('--card-rotate').trim()) : 9\n    cards[i].each(function(j) {\n        $(this).css({\n            'transform': `rotate(-${j * cardRotate[i]}deg)`,\n            'z-index': cards[i].length - j\n        })\n    })\n    $this.css('height', stickyCon[i].outerHeight() +  ((cards[i].length - 1) * cardScrollHeight[i]) + 'px' )\n})\n\n}\n\n$(document).on('scroll', cardSlideUp)\n$(window).on('resize', function(){\n    setValues()\n    cardSlideUp()\n})\n\nfunction init(){\n$('.reboot-stacking-card-area').each(function(i){\n    var $this = $(this)\n    cards[i] = $this.find('.reboot-stacked-cards > .e-con, .reboot-stacked-cards > .e-container, .reboot-stacked-cards > .e-con-inner > .e-con, .reboot-stacked-cards > .e-con-inner > .e-container')\n    stickyCon[i] = $this.children('.e-con, .e-container').eq(0)\n    stickyCon[i].parents().each(function(){\n        if( !$(this).is('html') ){ $(this).css('overflow', 'visible') }\n    })\n    previousScrollTop[i] = $(document).scrollTop()\n    cardContainer[i] = $this.find('.reboot-stacked-cards')\n})\n\nsetValues()\ncardSlideUp()\n}\n\ninit()\n\n})\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47db4ef e-flex e-con-boxed e-con e-parent\" data-id=\"47db4ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2380c2d elementor-widget elementor-widget-heading\" data-id=\"2380c2d\" data-element_type=\"widget\" data-e-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\">3D  SPIRAL STACK CARD<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>3D SPIRAL STACK CARD Our Features Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. See More Details Our Benefit Benefits We&#8217;ll Use Everyday Our Money Promote Financial Wellbeing Our People Friendly Staff Ready To Help Our Job Find Great People Our Passions Your Happiness Is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4494","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ekimos.com\/demo\/1\/wp-json\/wp\/v2\/pages\/4494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekimos.com\/demo\/1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ekimos.com\/demo\/1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ekimos.com\/demo\/1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekimos.com\/demo\/1\/wp-json\/wp\/v2\/comments?post=4494"}],"version-history":[{"count":1,"href":"https:\/\/ekimos.com\/demo\/1\/wp-json\/wp\/v2\/pages\/4494\/revisions"}],"predecessor-version":[{"id":4511,"href":"https:\/\/ekimos.com\/demo\/1\/wp-json\/wp\/v2\/pages\/4494\/revisions\/4511"}],"wp:attachment":[{"href":"https:\/\/ekimos.com\/demo\/1\/wp-json\/wp\/v2\/media?parent=4494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}