{"id":7,"date":"2025-12-30T01:20:42","date_gmt":"2025-12-30T01:20:42","guid":{"rendered":"https:\/\/muestra.digicard.vip\/?page_id=7"},"modified":"2026-05-02T04:50:07","modified_gmt":"2026-05-02T04:50:07","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/muestra.digicard.vip\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebcf5a3 e-con-full e-flex e-con e-parent\" data-id=\"ebcf5a3\" data-element_type=\"container\" data-e-type=\"container\" id=\"fullpage\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1fec71b e-con-full section e-flex e-con e-child\" data-id=\"1fec71b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2aca45c e-con-full section e-flex e-con e-child\" data-id=\"2aca45c\" data-element_type=\"container\" data-e-type=\"container\" id=\"section2\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69ad0cd e-con-full section e-flex e-con e-child\" data-id=\"69ad0cd\" data-element_type=\"container\" data-e-type=\"container\" id=\"section3\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f283728 e-con-full section e-flex e-con e-child\" data-id=\"f283728\" data-element_type=\"container\" data-e-type=\"container\" id=\"section4\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f8658b e-flex e-con-boxed e-con e-parent\" data-id=\"3f8658b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4480135 elementor-widget elementor-widget-html\" data-id=\"4480135\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/fullPage.js\/3.1.2\/fullpage.min.css\" integrity=\"sha512-4rPgyv5iG0azCuPJ+OFsOw5M1oALoHTu1697OnSjjMeklSEmQpSgT9IqgDPB0wAgM1KM171V6T4yGElD+n1RaA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n<style>\r\n\r\n\r\n\r\n      .section {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: bottom;\r\n        align-items: bottom;\r\n        height: 100vh;\r\n        text-align: bottom;\r\n        font-size: 6rem;\r\n        overflow: hidden;\r\n        position: relative;\r\n        \/*transition: transform 5s ease-in-out;*\/\r\n      }\r\n\r\n      \/* Navbar *\/\r\n      .navbar {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        background-color: transparent;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 10px 20px;\r\n        z-index: 10;\r\n      }\r\n\r\n      .navbar .logo {\r\n        font-size: 1.5rem;\r\n        font-weight: bold;\r\n        color: #f1f1f1;\r\n      }\r\n\r\n      .navbar .links {\r\n        display: flex;\r\n        white-space: nowrap;\r\n      }\r\n      .navbar .links a{\r\n          text-decoration: none;\r\n      }\r\n\r\n      \/* Change main text color to black *\/\r\n      h1 {\r\n        color: black;\r\n        opacity: 1;\r\n        margin-bottom: 20px;\r\n      }\r\n\r\n\r\n\r\n      \/* Scroll text styling *\/\r\n      .scroll-text {\r\n        position: fixed;\r\n        top: 50%;\r\n        transform: translateY(-50%) rotate(-90deg);\r\n        font-size: 1.5rem;\r\n        color: #f1f1f1;\r\n        opacity: 0.8;\r\n        z-index: 5;\r\n      }\r\n\r\n      .scroll-text.left {\r\n        left: 50px;\r\n      }\r\n\r\n      .scroll-text.right {\r\n        right: 20px;\r\n      }\r\n\r\n\r\n.fp-tableCell {\r\n    display: table-cell;\r\n    vertical-align: center;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n <\/style>\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6cb978 elementor-widget elementor-widget-html\" data-id=\"b6cb978\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/fullPage.js\/3.1.2\/fullpage.min.js\"><\/script>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.3\/gsap.min.js\"><\/script>\r\n\r\n<script>\r\n    \r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    const fullpageInstance = new fullpage(\"#fullpage\", {\r\n      scrollingSpeed: 1200,\r\n      autoScrolling: true,\r\n      scrollHorizontally: true,\r\n      navigation: false,\r\n      onLeave: function (origin, destination, direction) {\r\n        const leavingText = origin.item.querySelector(\"h1\");\r\n        const enteringText = destination.item.querySelector(\"h1\");\r\n        const line = destination.item.querySelector(\".line\");\r\n        const navbarText = document.querySelectorAll(\".navbar a, .navbar h2\");\r\n        const scrollTexts = document.querySelectorAll(\".scroll-text h2\");\r\n\r\n        gsap.to(leavingText, {\r\n          opacity: 0,\r\n          y: -100,\r\n          duration: 1.5,\r\n          ease: \"power2.out\",\r\n        });\r\n\r\n        gsap.fromTo(\r\n          enteringText,\r\n          { y: 100, opacity: 0 },\r\n          {\r\n            y: 0,\r\n            opacity: 1,\r\n            color: destination.item.getAttribute(\"data-text-color\"),\r\n            duration: 0.3,\r\n            ease: \"power1.out\",\r\n            delay: 0.5,\r\n          }\r\n        );\r\n\r\n        const newBgColor = destination.item.getAttribute(\"data-bg\");\r\n        const newTextColor = destination.item.getAttribute(\"data-text-color\");\r\n\r\n        \/\/ Baggrundsfarve p\u00e5 sektionen\r\n        destination.item.style.backgroundColor = newBgColor;\r\n\r\n        \/\/ Skift farver p\u00e5 line, navbar og scroll-tekster\r\n        if (line) {\r\n          gsap.to(line, { color: newTextColor, duration: 0.5 });\r\n        }\r\n        gsap.to(navbarText, { color: newTextColor, duration: 0.5 });\r\n        gsap.to(scrollTexts, { color: newTextColor, duration: 0.5 });\r\n\r\n        \/\/ Line width animation\r\n        const newLineWidth = (destination.index + 1) * 150;\r\n        const currentLineWidth = (origin.index + 1) * 150;\r\n\r\n        if (direction === \"down\") {\r\n          if (line) {\r\n            gsap.to(line, {\r\n              width: newLineWidth + \"px\",\r\n              duration: 1.5,\r\n              ease: \"power2.out\",\r\n            });\r\n          }\r\n        } else {\r\n          if (line) {\r\n            gsap.to(line, {\r\n              width: currentLineWidth + \"px\",\r\n              duration: 1.0,\r\n              ease: \"power2.out\",\r\n            });\r\n          }\r\n        }\r\n      },\r\n    });\r\n\r\n    document.getElementById('link1').addEventListener('click', function(){\r\n      scrollToSection(1);\r\n    });\r\n    document.getElementById('link2').addEventListener('click', function(){\r\n      scrollToSection(2);\r\n    });\r\n    document.getElementById('link3').addEventListener('click', function(){\r\n      scrollToSection(3);\r\n    });\r\n    document.getElementById('link4').addEventListener('click', function(){\r\n      scrollToSection(4);\r\n    });\r\n\r\n    function scrollToSection(sectionIndex) {\r\n      fullpageInstance.moveTo(sectionIndex);\r\n    }\r\n  });\r\n<\/script>\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/muestra.digicard.vip\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/muestra.digicard.vip\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/muestra.digicard.vip\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/muestra.digicard.vip\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/muestra.digicard.vip\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":344,"href":"https:\/\/muestra.digicard.vip\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/muestra.digicard.vip\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/395"}],"wp:attachment":[{"href":"https:\/\/muestra.digicard.vip\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}