{"id":1004,"date":"2024-11-23T15:50:12","date_gmt":"2024-11-23T15:50:12","guid":{"rendered":"https:\/\/humanic.al\/?page_id=1004"},"modified":"2025-07-03T10:28:24","modified_gmt":"2025-07-03T10:28:24","slug":"crm","status":"publish","type":"page","link":"https:\/\/humanic.al\/al\/crm\/","title":{"rendered":"Humanics CRM"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1004\" class=\"elementor elementor-1004\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a37751 e-flex e-con-boxed e-con e-parent\" data-id=\"9a37751\" data-element_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<div class=\"elementor-element elementor-element-8b5f0b2 e-con-full animate-mask e-flex e-con e-child\" data-id=\"8b5f0b2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52d6827 elementor-widget elementor-widget-button\" data-id=\"52d6827\" data-element_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-size-sm\" role=\"button\">\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\">S\u00eb Shpejti<\/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 class=\"elementor-element elementor-element-68919f6 elementor-widget elementor-widget-heading\" data-id=\"68919f6\" 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\">CRM nga Humanics<\/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-f693cfb e-con-full e-flex e-con e-child\" data-id=\"f693cfb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05feff6 elementor-widget elementor-widget-heading\" data-id=\"05feff6\" 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\">Menaxhoni Dokumentat me <span style=\"font-weight: 900\">CRM-n\u00eb Ton\u00eb Gjith\u00ebp\u00ebrfshir\u00ebse<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1aedc51 elementor-widget elementor-widget-text-editor\" data-id=\"1aedc51\" 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<p>Menaxhoni leht\u00ebsisht auditet e siguris\u00eb, kontrollet e p\u00ebrputhshm\u00ebris\u00eb dhe vler\u00ebsimet e rrezikut me nj\u00eb CRM t\u00eb personalizuar q\u00eb mban biznesin tuaj t\u00eb sigurt, t\u00eb organizuar dhe n\u00eb p\u00ebrputhje me legjislacionin Shqiptar n\u00eb fuqi.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac8268c e-con-full e-flex e-con e-child\" data-id=\"ac8268c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ff7b05 blur elementor-widget elementor-widget-button\" data-id=\"0ff7b05\" data-element_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 elementor-animation-float\" href=\"\/al\/kontakt\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800px\" height=\"800px\" viewbox=\"0 0 24 24\" fill=\"none\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"><g id=\"Arrow \/ Arrow_Up_Right_LG\"><path id=\"Vector\" d=\"M18.3646 5.63623H11.2939M18.3646 5.63623L18.3643 12.7073M18.3646 5.63623L5.63672 18.3642\" stroke=\"#fcfcfc\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/g><\/g><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Rezervo nj\u00eb Demonstrim Falas<\/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\t\t<div class=\"elementor-element elementor-element-a9da79a elementor-widget elementor-widget-html\" data-id=\"a9da79a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Initial skewed state *\/\r\n.scroll-animate-image {\r\n    will-change: transform;\r\n    opacity: 1;\r\n    transform: perspective(1200px) scale(0.8) rotateX(25deg);\r\n    transition: transform 0.3s ease-out;\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const image = document.querySelector('.scroll-animate-image');\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                window.addEventListener('scroll', handleScroll);\r\n            } else {\r\n                window.removeEventListener('scroll', handleScroll);\r\n            }\r\n        });\r\n    });\r\n    \r\n    function handleScroll() {\r\n        const rect = image.getBoundingClientRect();\r\n        const scrollPercent = 1 - (rect.top + rect.height) \/ (window.innerHeight + rect.height);\r\n        \r\n        \/\/ Start from 25 degrees and reduce to 0\r\n        const rotateX = Math.max(27 - (scrollPercent * 25), 0);\r\n        \r\n        \/\/ Start from 0.916945 and increase to 1\r\n        const scale = Math.min(0.9 + (scrollPercent * 0.1), 1);\r\n        \r\n        image.style.transform = `perspective(1200px) scale(${scale}) rotateX(${rotateX}deg)`;\r\n    }\r\n    \r\n    observer.observe(image);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-200de85 scroll-animate-image elementor-widget elementor-widget-image\" data-id=\"200de85\" 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 fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1301\" src=\"https:\/\/humanic.al\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-03-at-10.28.11.jpeg\" class=\"attachment-full size-full wp-image-3280\" alt=\"\" srcset=\"https:\/\/humanic.al\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-03-at-10.28.11.jpeg 2560w, https:\/\/humanic.al\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-03-at-10.28.11-300x152.jpeg 300w, https:\/\/humanic.al\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-03-at-10.28.11-1024x520.jpeg 1024w, https:\/\/humanic.al\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-03-at-10.28.11-768x390.jpeg 768w, https:\/\/humanic.al\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-03-at-10.28.11-1536x781.jpeg 1536w, https:\/\/humanic.al\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-03-at-10.28.11-2048x1041.jpeg 2048w, https:\/\/humanic.al\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-03-at-10.28.11-18x9.jpeg 18w, https:\/\/humanic.al\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-03-at-10.28.11-24x12.jpeg 24w, https:\/\/humanic.al\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-03-at-10.28.11-36x18.jpeg 36w, https:\/\/humanic.al\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-03-at-10.28.11-48x24.jpeg 48w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\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<div class=\"elementor-element elementor-element-8b3f3d1 e-con-full e-flex e-con e-child\" data-id=\"8b3f3d1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ddc0db elementor-widget elementor-widget-html\" data-id=\"4ddc0db\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    .logo-carousel {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        position: relative;\r\n        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);\r\n        -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);\r\n        mask-repeat: no-repeat;\r\n        -webkit-mask-repeat: no-repeat;\r\n        mask-size: 100% 100%;\r\n        -webkit-mask-size: 100% 100%;\r\n    }\r\n    \r\n    .logo-container {\r\n        display: flex;\r\n        animation: none;\r\n    }\r\n    \r\n    .logo {\r\n        flex: 0 0 auto;\r\n        margin: 0 20px;\r\n    }\r\n    \r\n    .logo img {\r\n        height: 50px;\r\n        width: auto;\r\n    }\r\n    \r\n    @keyframes scroll {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-33.33%); }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"logo-carousel\">\r\n    <div class=\"logo-container\">\r\n        <!-- Logos will be inserted here by JavaScript -->\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst logoData = [\r\n    { src: \"https:\/\/humanic.al\/wp-content\/uploads\/2024\/11\/swiss.svg\"},\r\n    { src: \"https:\/\/humanic.al\/wp-content\/uploads\/2024\/11\/agna-light.png\"},\r\n    { src: \"https:\/\/humanic.al\/wp-content\/uploads\/2024\/11\/salillari.png\"},\r\n    { src: \"https:\/\/humanic.al\/wp-content\/uploads\/2024\/11\/kastrati.png\"},\r\n    { src: \"https:\/\/humanic.al\/wp-content\/uploads\/2024\/11\/gjoka.png\"},\r\n    { src: \"https:\/\/humanic.al\/wp-content\/uploads\/2024\/11\/brunes.png\"},\r\n    { src: \"https:\/\/humanic.al\/wp-content\/uploads\/2024\/11\/bami.png\"},\r\n    { src: \"https:\/\/humanic.al\/wp-content\/uploads\/2024\/11\/albstar.png\"},\r\n];\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    const container = document.querySelector('.logo-container');\r\n\r\n    function createLogoElement(src, alt = '') {\r\n        return `<div class=\"logo\"><img decoding=\"async\" src=\"${src}\" alt=\"${alt}\"><\/div>`;\r\n    }\r\n\r\n    \/\/ Generate logo HTML and repeat it THREE times for seamless scrolling\r\n    const singleSetOfLogos = logoData.map(logo => createLogoElement(logo.src, logo.alt)).join('');\r\n    container.innerHTML = singleSetOfLogos + singleSetOfLogos + singleSetOfLogos;\r\n\r\n    const images = container.querySelectorAll('img');\r\n    let imagesLoaded = 0;\r\n\r\n    function checkAllImagesLoaded() {\r\n        imagesLoaded++;\r\n        if (imagesLoaded === images.length) {\r\n            initializeCarousel();\r\n        }\r\n    }\r\n\r\n    images.forEach((img) => {\r\n        if (img.complete) {\r\n            checkAllImagesLoaded();\r\n        } else {\r\n            img.onload = checkAllImagesLoaded;\r\n        }\r\n        img.onerror = checkAllImagesLoaded; \/\/ Handle failed loads\r\n    });\r\n\r\n    function initializeCarousel() {\r\n        \/\/ Calculate total width of one set of logos\r\n        const logoSet = container.querySelectorAll('.logo');\r\n        let totalWidth = 0;\r\n        logoSet.forEach((logo, index) => {\r\n            if (index < logoData.length) { \/\/ Only measure one set\r\n                totalWidth += logo.offsetWidth;\r\n            }\r\n        });\r\n\r\n        \/\/ Set the container width to accommodate all three sets\r\n        container.style.width = `${totalWidth * 3}px`;\r\n\r\n        \/\/ Apply animation\r\n        container.style.animation = 'scroll 45s linear infinite';\r\n\r\n        \/\/ Add event listener for animation end\r\n        container.addEventListener('animationend', () => {\r\n            \/\/ Reset the transform immediately when animation ends\r\n            container.style.animation = 'none';\r\n            container.offsetHeight; \/\/ Trigger reflow\r\n            container.style.animation = 'scroll 45s linear infinite';\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\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>","protected":false},"excerpt":{"rendered":"<p>Coming Soon CRM by Humanics Manage your company with our Comprehensive CRM Easily manage security audits, compliance checks, and risk assessments with a customized CRM that keeps your business secure, organized, and compliant with regulations. Book a Free Demo<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1004","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/humanic.al\/al\/wp-json\/wp\/v2\/pages\/1004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/humanic.al\/al\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/humanic.al\/al\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/humanic.al\/al\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/humanic.al\/al\/wp-json\/wp\/v2\/comments?post=1004"}],"version-history":[{"count":155,"href":"https:\/\/humanic.al\/al\/wp-json\/wp\/v2\/pages\/1004\/revisions"}],"predecessor-version":[{"id":3283,"href":"https:\/\/humanic.al\/al\/wp-json\/wp\/v2\/pages\/1004\/revisions\/3283"}],"wp:attachment":[{"href":"https:\/\/humanic.al\/al\/wp-json\/wp\/v2\/media?parent=1004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}