CINXE.COM

Who we are - JAKALA

<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>Who we are - JAKALA</title> <link rel="shortcut icon" href="https://www.jakala.com/hubfs/favicon.ico"> <meta name="description" content="Established in Milan in 2000, JAKALA is a data, AI, and experiences company that creates meaningful and lasting impact. Globally."> <link rel="preload" as="font" href="//26289830.fs1.hubspotusercontent-eu1.net/hubfs/26289830/raw_assets/public/jakala/fonts/Raleway-VariableFont_wght.ttf" type="font/ttf" crossorigin="anonymous"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:description" content="Established in Milan in 2000, JAKALA is a data, AI, and experiences company that creates meaningful and lasting impact. Globally."> <meta property="og:title" content="Who we are - JAKALA"> <meta name="twitter:description" content="Established in Milan in 2000, JAKALA is a data, AI, and experiences company that creates meaningful and lasting impact. Globally."> <meta name="twitter:title" content="Who we are - JAKALA"> <style> a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} </style> <link rel="stylesheet" href="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69340800504/1727698524861/jakala/css/main.min.css"> <style> @font-face { font-family: "Raleway"; src: url("https://www.jakala.com/hubfs/raw_assets/public/jakala/fonts/Raleway-VariableFont_wght.ttf") format("truetype-variations"); unicode-range: U+000-5FF; font-weight: 1 999; font-display: swap; } </style> <link rel="stylesheet" href="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69333281752/1685433340842/jakala/css/lib/swiper-bundle.min.css"> <!-- Editor Styles --> <style id="hs_editor_style" type="text/css"> .main-row-0-force-full-width-section > .row-fluid { max-width: none !important; } .main-row-1-force-full-width-section > .row-fluid { max-width: none !important; } .main-row-5-force-full-width-section > .row-fluid { max-width: none !important; } .main-row-7-force-full-width-section > .row-fluid { max-width: none !important; } /* HubSpot Styles (default) */ .main-row-0-padding { padding-left: 0px !important; padding-right: 0px !important; } .main-row-1-padding { padding-left: 0px !important; padding-right: 0px !important; } .main-row-2-background-layers { background-image: linear-gradient(rgba(4, 0, 102, 1), rgba(4, 0, 102, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .main-row-3-padding { padding-top: 25px !important; } .main-row-3-background-layers { background-image: linear-gradient(rgba(4, 0, 102, 1), rgba(4, 0, 102, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .main-row-4-background-layers { background-image: linear-gradient(rgba(4, 0, 102, 1), rgba(4, 0, 102, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .main-row-5-padding { padding-left: 0px !important; padding-right: 0px !important; } .main-row-6-background-layers { background-image: linear-gradient(rgba(4, 0, 102, 1), rgba(4, 0, 102, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .main-row-7-padding { padding-left: 0px !important; padding-right: 0px !important; } </style> <!-- Added by GoogleTagManager integration --> <script> var _hsp = window._hsp = window._hsp || []; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} var useGoogleConsentModeV2 = true; var waitForUpdateMillis = 1000; var hsLoadGtm = function loadGtm() { if(window._hsGtmLoadOnce) { return; } if (useGoogleConsentModeV2) { gtag('set','developer_id.dZTQ1Zm',true); gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'wait_for_update': waitForUpdateMillis }); _hsp.push(['useGoogleConsentModeV2']) } (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5RDGR49'); window._hsGtmLoadOnce = true; }; _hsp.push(['addPrivacyConsentListener', function(consent){ if(consent.allowed || (consent.categories && consent.categories.analytics)){ hsLoadGtm(); } }]); </script> <!-- /Added by GoogleTagManager integration --> <link rel="canonical" href="https://www.jakala.com/about-us-who-we-are"> <meta name="ahrefs-site-verification" content="f7fab31d6241b6eccf9acbb1c4a567a78847ecfbb4f60d5c1e25daa35fabdaf4"> <meta name="google-site-verification" content="AFU2Rk1sIrgVBKDg-cPwKC9ZL_JfKp2U9n6VuEP0FFU"> <!-- OneTrust Cookies Consent Notice start for jakala.com --> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="45220a85-703f-41da-9b72-bf106574eb41-test"></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- OneTrust Cookies Consent Notice end for jakala.com --> <meta property="og:url" content="https://www.jakala.com/about-us-who-we-are"> <meta name="twitter:card" content="summary"> <meta http-equiv="content-language" content="en"> <link rel="alternate" hreflang="da" href="https://www.jakala.com/da/about-us-who-we-are"> <link rel="alternate" hreflang="de" href="https://www.jakala.com/de/uber-uns-wer-wir-sind"> <link rel="alternate" hreflang="en" href="https://www.jakala.com/about-us-who-we-are"> <link rel="alternate" hreflang="en-gb" href="https://www.jakala.com/en-gb/about-us-who-we-are"> <link rel="alternate" hreflang="en-us" href="https://www.jakala.com/en-us/about-us-who-we-are"> <link rel="alternate" hreflang="es" href="https://www.jakala.com/es/sobre-nosotros-quienes-somos"> <link rel="alternate" hreflang="fr" href="https://www.jakala.com/fr/about-us-qui-sommes-nous"> <link rel="alternate" hreflang="it" href="https://www.jakala.com/it/informazioni-chi-siamo"> <link rel="alternate" hreflang="pt" href="https://www.jakala.com/pt/sobre-nos-quem-somos"> <meta name="generator" content="HubSpot"></head> <body class="overflow-x-clip"> <!-- Added by GoogleTagManager integration --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5RDGR49" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- /Added by GoogleTagManager integration --> <div class=" hs-content-id-70369964278 hs-site-page page "> <div data-global-resource-path="jakala/templates/partials/header.html"> <header class="js-header hs-search-hidden w-full relative z-50 text-[17px]"> <div class="absolute top-0 left-0 w-full flex items-center justify-center pointer-events-none z-50 min-h-[59px] lg:min-h-[95px]"> <a href="#main-content" class="transition left-0 bg-white text-black absolute p-3 m-3 -translate-y-16 focus:translate-y-0">Skip to content</a> <div class="max-w-[160px] lg:py-[34px] pt-[12px] max-lg:w-[130px] pointer-events-auto [&amp;_svg]:w-full" style="--logo-color: #fff"> <div id="hs_cos_wrapper_logo-header" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div> <a class="" href="https://www.jakala.com" aria-label="Jakala Homepage"> <svg class="[&amp;_*]:transition-colors" width="160px" height="42px" viewbox="0 0 160 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <defs> <polygon id="path-1" points="0 0 7.2294138 0 7.2294138 30.0986948 0 30.0986948"></polygon> </defs> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&amp;-Design" transform="translate(-640.000000, -30.000000)"> <g id="logo-/-Jakala---Blu---Red---Base" transform="translate(640.000000, 30.000000)"> <path d="M31.0246162,0 L21.3838926,26.7290345 L28.6776531,26.7290345 L30.0537705,22.1595426 L39.7972231,22.1595426 L41.3415451,26.7290345 L48.5416077,26.7290345 L38.9008841,0 L31.0246162,0 Z M34.928319,6.30118431 L37.8905273,16.4352113 L31.9954619,16.4352113 L34.928319,6.30118431 Z" id="Fill-1" fill="var(--logo-color, #040066)"></path> <path d="M90.5876933,0 L80.9458408,26.7290345 L88.2407302,26.7290345 L89.6179764,22.1595426 L99.3603002,22.1595426 L100.903493,26.7290345 L108.104685,26.7290345 L98.4639612,0 L90.5876933,0 Z M94.4913961,6.30118431 L97.4536044,16.4352113 L91.5574101,16.4352113 L94.4913961,6.30118431 Z" id="Fill-2" fill="var(--logo-color, #040066)"></path> <path d="M142.483008,0 L132.842285,26.7290345 L140.136045,26.7290345 L141.513292,22.1595426 L151.255615,22.1595426 L152.799937,26.7290345 L160,26.7290345 L150.359276,0 L142.483008,0 Z M146.386711,6.30118431 L149.34892,16.4352113 L143.453854,16.4352113 L146.386711,6.30118431 Z" id="Fill-3" fill="var(--logo-color, #040066)"></path> <polygon id="Fill-4" fill="var(--logo-color, #040066)" points="69.4345459 0.0142796623 60.6946768 12.4817848 60.6946768 0.0142796623 53.5228364 0.0142796623 53.5228364 26.7297145 60.6946768 26.7297145 60.6946768 13.7930205 69.5079238 26.7297145 78.2827884 26.7297145 68.3722601 13.1153031 77.917028 0.0142796623"></polygon> <polygon id="Fill-5" fill="var(--logo-color, #040066)" points="113.136826 0.0142796623 113.136826 26.7637137 128.50554 26.7637137 128.50554 21.0348492 120.277058 21.0348492 120.277058 0.0142796623"></polygon> <polygon id="Fill-6" fill="#E31F1B" points="8.99364364 35.5900183 8.99364364 39.8637172 12.7505907 42 16.5075378 39.8637172 16.5075378 35.5900183 12.7505907 33.4526022"></polygon> <polygon id="Fill-7" fill="#F00A0A" points="8.99364364 35.5900183 8.99364364 39.8637172 12.7505907 42 16.5075378 39.8637172 16.5075378 35.5900183 12.7505907 33.4526022"></polygon> <g id="Group-13" transform="translate(0.000000, 0.000227)"> <path d="M9.1361096,23.4007399 C7.77241006,24.4025829 6.59610632,24.5941117 5.15564223,24.3209848 C3.96240513,24.0931902 3.22749751,23.6704668 2.49823434,23.2806094 L0,28.6094167 C2.80303474,30.6323689 6.00456777,31.0437591 9.1361096,30.0985815 L9.1361096,23.4007399 Z" id="Fill-8" fill="var(--logo-color, #040066)"></path> <g id="Group-12" transform="translate(9.136110, 0.000000)"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <g id="Clip-11"></g> <path d="M0,30.0986948 C4.1644765,29.0560528 7.2294138,24.8390192 7.2294138,20.7874484 L7.2294138,-0.000793314571 L0,-0.000793314571 L0,16.6316133 L0,19.2053524 L0,29.7394366 L0,30.0986948 Z" id="Fill-10" fill="#F00A0A" mask="url(#mask-2)"></path> </g> </g> </g> </g> </g> </svg> </a> </div></div> </div> </div> <div class="fixed px-[22px] lg:px-[32px] top-0 left-0 w-full pointer-events-none"> <div class="mx-auto w-full"> <div class="flex items-center justify-between min-h-[59px] lg:min-h-[95px]"> <div class="flex items-center justify-between w-full lg:w-auto z-50 pointer-events-auto"> <button class="js-header-toggle" aria-label="Open menu" aria-expanded="false" aria-controls="side-menu"> <span class="hamburger-open"> <svg class="" width="32px" height="37px" viewbox="0 0 32 37" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Contact" transform="translate(-22.000000, -48.000000)"> <g id="MB-/-Header-/-base---white" transform="translate(0.000000, 37.000000)"> <g id="MB-/-Icon-/-menu-close" transform="translate(22.000000, 11.000000)"> <g id="bk" fill="#F00A0A"> <polygon id="Fill-7" points="0 9.25245293 0 27.7524529 16 37 32 27.7524529 32 9.25245293 16 0"></polygon> </g> <g id="menu-line" transform="translate(7.000000, 15.000000)" stroke="#FFFFFF" stroke-linecap="square"> <g id="Group-18"> <line x1="2.02723795e-17" y1="0.5" x2="18" y2="0.5" id="Line-2" transform="translate(9.000000, 0.500000) rotate(-0.000000) translate(-9.000000, -0.500000) "></line> <line x1="4.62973564e-18" y1="6.5" x2="18" y2="6.5" id="Line-2-Copy-2" transform="translate(9.000000, 6.500000) rotate(0.000000) translate(-9.000000, -6.500000) "></line> </g> </g> </g> </g> </g> </g> </svg> </span> <span class="hamburger-close"> <svg class="" width="32px" height="37px" viewbox="0 0 32 36.5714286" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-04-04" transform="translate(-22.000000, -48.000000)"> <g id="MB-/-Header-/-open" transform="translate(0.000000, 40.000000)"> <g id="Icon-/-menu-open" transform="translate(22.000000, 8.000000)"> <g id="bk" fill="#F00A0A"> <polygon points="0 9.14528166 0 27.4309959 16 36.5714286 32 27.4309959 32 9.14528166 16 0"></polygon> </g> <g id="Icon-/-16-/-x---W" transform="translate(8.685714, 10.971429)" stroke="#FFFFFF" stroke-linecap="square"> <g id="x" transform="translate(0.591037, 0.591037)"> <line x1="-2.32690168" y1="6.72127808" x2="15.7694578" y2="6.72127808" id="Line-2" transform="translate(6.721278, 6.721278) rotate(45.000000) translate(-6.721278, -6.721278) "></line> <line x1="-2.32690168" y1="6.72127808" x2="15.7694578" y2="6.72127808" id="Line-2" transform="translate(6.721278, 6.721278) scale(-1, 1) rotate(45.000000) translate(-6.721278, -6.721278) "></line> </g> </g> </g> </g> </g> </g> </svg> </span> </button> </div> <div id="side-menu" class="js-side-menu pt-[9px] lg:pt-0 px-[32px] hidden absolute left-0 top-0 z-50 mt-[59px] lg:mt-[95px] w-full pointer-events-none h-vh-header justify-between flex-col lg:h-[calc(100vh-95px)]"> <nav class="js-header-menu header-menu relative flex flex-col justify-between bg-white rounded w-full lg:max-w-[311px] max-h-[calc(100vh-128px)] pointer-events-auto max-lg:overflow-hidden"> <div class="overflow-y-auto"> <nav class="menu menu--primary w-full p-[22px] lg:px-[34px] lg:py-[16px]" aria-label="Main menu"> <ul class="menu-wrapper no-list" role="menubar" aria-label="Main menu"> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--depth-1 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com"> <span>Homepage</span> </a> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>About</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for About</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for About" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">About</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link menu-link--active-branch menu-link--active-link" href="https://www.jakala.com/about-us-who-we-are" aria-current="page"> <span>Who We Are</span> </a> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/group-and-countries"> <span>Group &amp; Countries</span> </a> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Solutions</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Solutions</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Solutions" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">Solutions</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/strategy"> <span>Strategy</span> </a> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/technology"> <span>Technology</span> </a> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/activations"> <span>Activations</span> </a> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--wide menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Industries</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Industries</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Industries" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">Industries</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Consumer</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Consumer</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Consumer" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/consumer-products-goods"> <span>Consumer Packaged Goods</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fashion-luxury-design"> <span>Fashion Luxury &amp; Design</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/pharma-lifescience"> <span>Pharma &amp; Lifescience</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/retail"> <span>Retail</span> </a> </li> </ul> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Financial Services</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Financial Services</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Financial Services" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/banking"> <span>Banking</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/insurance"> <span>Insurance</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/real-estate"> <span>Real Estate</span> </a> </li> </ul> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Automotive &amp; Industrial</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Automotive &amp; Industrial</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Automotive &amp; Industrial" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/automotive"> <span>Automotive</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/industrial-products"> <span>Industrial Products</span> </a> </li> </ul> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Services</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Services</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Services" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/energy-utilities"> <span>Energy &amp; Utilities</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/higher-education"> <span>Higher Education</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/publishing-entertainment"> <span>Publishing &amp; Entertainment</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/telco-media"> <span>Telco &amp; Media</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/travel-leisure-transport"> <span>Travel, Leisure &amp; Transport</span> </a> </li> </ul> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Public Sector</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Public Sector</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Public Sector" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&amp;>.menu-link]:transition [&amp;>.menu-link]:hover:!translate-x-[8px] [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-white [&amp;>.menu-link]:hover:before:-left-[14px] [&amp;>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/jakala-civitas"> <span>Jakala Civitas</span> </a> </li> </ul> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Work With Us</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Work With Us</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Work With Us" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">Work With Us</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/work-with-us-join"> <span>Join JAKALA</span> </a> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/work-with-us-live"> <span>Live JAKALA</span> </a> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Sustainability</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Sustainability</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Sustainability" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">Sustainability</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&amp;>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/sustainability-sustainable-growth"> <span>Sustainable Growth</span> </a> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--depth-1 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/insights"> <span>Insights</span> </a> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&amp;>.menu-link]:hover:before:text-[8px] [&amp;>.menu-link]:hover:before:content-hexagon [&amp;>.menu-link]:hover:before:text-secondary [&amp;>.menu-link]:hover:before:align-middle [&amp;>.menu-link]:hover:before:absolute [&amp;>.menu-link]:hover:before:-left-[18px] [&amp;>.menu-link]:hover:before:top-1/2 [&amp;>.menu-link]:hover:before:-translate-y-1/2 [&amp;>.menu-link]:hover:before:mr-[8px] [&amp;>.menu-link]:hover:translate-x-[18px] [&amp;>.menu-link]:hover:text-primary-light [&amp;>.menu-link]:transition menu-item--depth-1 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/contact-us"> <span>Contact Us</span> </a> </li> </ul> </nav> </div> </nav> <div class="lg:absolute bottom-[34px] right-0 lg:p-[inherit] pointer-events-auto"> <div class="js-socials bg-white rounded py-[22px] px-[34px] mt-[9px] lg:mt-0 mb-[34px] lg:mb-0 w-full lg:w-auto"> <div class="flex justify-between space-x-8 flex-row lg:space-x-8 lg:flex-row"> <a class="flex items-center space-x-5" href="https://www.linkedin.com/company/jakala-spa/" target="_blank" rel="noopener"> <svg class="" width="24.5px" height="28px" viewbox="0 0 24.5 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-77.000000, -762.000000)"> <g id="social" transform="translate(32.000000, 740.000000)"> <g transform="translate(45.000000, 22.000000)" id="Icon-/-Social-/-linkedin"> <path d="M12.25,0.575913148 L24,7.29197937 L24,20.7116568 L12.25,27.424162 L0.5,20.7116568 L0.5,7.29197937 L12.25,0.575913148 Z" id="Fill-7" stroke="#1941FA"></path> <path d="M9.53289432,18.6767747 L7.54924068,18.6767747 L7.54924068,12.3373202 L9.53289432,12.3373202 L9.53289432,18.6767747 Z M8.54106193,11.473581 C7.9042067,11.473581 7.39002409,10.962581 7.39002409,10.332249 C7.39002409,9.7019502 7.9042067,9.19096126 8.54106193,9.19096126 C9.17533352,9.19096126 9.68949943,9.7019502 9.68949943,10.332249 C9.68949943,10.9599802 9.17533352,11.473581 8.54106193,11.473581 Z M16.9560045,18.6767747 L14.9749568,18.6767747 L14.9749568,15.5952253 C14.9749568,14.8611937 14.9618716,13.9143953 13.9439523,13.9143953 C12.9129477,13.9143953 12.7563705,14.7159368 12.7563705,15.5433755 L12.7563705,18.6767747 L10.7779119,18.6767747 L10.7779119,12.3373202 L12.6780818,12.3373202 L12.6780818,13.2037154 L12.7041409,13.2037154 C12.9677943,12.705664 13.6150955,12.1791146 14.5781682,12.1791146 C16.5853864,12.1791146 16.9560045,13.4916285 16.9560045,15.1984111 L16.9560045,18.6767747 Z" id="Shape" fill="#1941FA" fill-rule="nonzero"></path> </g> </g> </g> </g> </svg> <span class="font-medium">LinkedIn</span> </a> <a class="flex items-center space-x-5" href="https://www.instagram.com/wearejakala/" target="_blank" rel="noopener"> <svg class="" width="24.5px" height="28px" viewbox="0 0 24.5 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-210.000000, -762.000000)"> <g id="social" transform="translate(32.000000, 740.000000)"> <g transform="translate(45.000000, 22.000000)" id="insta"> <g transform="translate(133.000000, 0.000000)" id="Icon-/-Social-/-instagram"> <path d="M12.2538993,8.55569328 C14.0402591,8.55569328 14.2518215,8.56347905 14.9543558,8.59461107 C15.6072581,8.62314783 15.9598064,8.73211542 16.1948758,8.82291621 C16.5056463,8.94225375 16.7302434,9.08754387 16.9626947,9.31843874 C17.1977083,9.55193992 17.341368,9.77245929 17.4615207,10.0811897 C17.5529304,10.3146798 17.6625551,10.667513 17.6913539,11.3135217 C17.7226594,12.0139921 17.7305136,12.2241415 17.7305136,13.9961265 C17.7305136,15.7706957 17.7226594,15.9808063 17.6913539,16.6787036 C17.6625551,17.3272964 17.5529304,17.6775731 17.4615207,17.9110356 C17.341368,18.2197549 17.1950902,18.4428696 16.9626947,18.6737866 C16.7276253,18.907249 16.5056463,19.0499605 16.1948758,19.1693202 C15.9598064,19.2601265 15.60464,19.369083 14.9543558,19.3976364 C14.2492035,19.4287352 14.0376411,19.4365375 12.2538993,19.4365375 C10.4675784,19.4365375 10.2560327,19.4287352 9.55352627,19.3976364 C8.90060725,19.369083 8.5480478,19.2601265 8.31299517,19.1693202 C8.00221344,19.0499605 7.77761081,18.9047036 7.54517625,18.6737866 C7.31013476,18.4402688 7.1664918,18.2197549 7.04635577,17.9110356 C6.95495167,17.6775731 6.84526565,17.3246957 6.81653371,16.6787036 C6.78519485,15.9782055 6.77736291,15.7680949 6.77736291,13.9961265 C6.77736291,12.2215684 6.78519485,12.011419 6.81653371,11.3135217 C6.84526565,10.6649123 6.95495167,10.3146798 7.04635577,10.0811897 C7.1664918,9.77245929 7.3127417,9.54933913 7.54517625,9.31843874 C7.78022331,9.08494862 8.00221344,8.94225375 8.31299517,8.82291621 C8.5480478,8.73211542 8.90322532,8.62314783 9.55352627,8.59461107 C10.2560327,8.56347905 10.4675784,8.55569328 12.2538993,8.55569328 Z M12.2538993,7.35968379 C10.4388576,7.35968379 10.2116536,7.36746696 9.4986749,7.39859953 C8.78831429,7.42973194 8.29993823,7.54388506 7.87685241,7.70733091 C7.43549023,7.87856032 7.06203077,8.10426798 6.69117825,8.47526798 C6.3177188,8.84367273 6.0905059,9.21466719 5.91813879,9.65052648 C5.75360697,10.0734095 5.63869538,10.5559613 5.60735612,11.2616332 C5.5760167,11.9724791 5.56818182,12.1982111 5.56818182,14.0012727 C5.56818182,15.8043953 5.5760167,16.0301107 5.60735612,16.7383557 C5.63869538,17.4440553 5.75360697,17.9291858 5.91813879,18.3494625 C6.0905059,18.7879447 6.3177188,19.158917 6.69117825,19.5273439 C7.06203077,19.8957154 7.43549023,20.1240316 7.87424548,20.2926957 C8.29993823,20.4561028 8.78569622,20.5702609 9.49605683,20.601415 C10.2090355,20.6325138 10.4362395,20.6403162 12.2512812,20.6403162 C14.0663841,20.6403162 14.2935993,20.6325138 15.0066058,20.601415 C15.7169386,20.5702609 16.2052923,20.4561028 16.6283614,20.2926957 C17.067139,20.1240316 17.4406319,19.8957154 17.811451,19.5273439 C18.1822701,19.158917 18.412159,18.7879447 18.5818879,18.3520632 C18.7464365,17.9291858 18.8613531,17.4466561 18.8926585,16.7409565 C18.9240197,16.0327115 18.9318182,15.806996 18.9318182,14.0039289 C18.9318182,12.2008119 18.9240197,11.9750798 18.8926585,11.2668348 C18.8613531,10.5611628 18.7464365,10.0760047 18.5818879,9.65571146 C18.4173394,9.21466719 18.1901243,8.84367273 17.8166871,8.47526798 C17.4458123,8.10686324 17.0723751,7.87856032 16.6335976,7.70992395 C16.2079104,7.54647921 15.7221747,7.43232664 15.0117862,7.40119391 C14.2962173,7.36746696 14.0690022,7.35968379 12.2538993,7.35968379 Z M12.253955,10.5897328 C10.357909,10.5897328 8.81965872,12.11783 8.81965872,14.0013281 C8.81965872,15.8848538 10.357909,17.4129565 12.253955,17.4129565 C14.1499396,17.4129565 15.6881955,15.8848538 15.6881955,14.0013281 C15.6881955,12.11783 14.1499396,10.5897328 12.253955,10.5897328 Z M12.253955,16.2143241 C11.0238627,16.2143241 10.0262106,15.2232569 10.0262106,14.0013281 C10.0262106,12.7793881 11.0238627,11.7883209 12.253955,11.7883209 C13.4840026,11.7883209 14.4816547,12.7793881 14.4816547,14.0013281 C14.4816547,15.2232569 13.4840026,16.2143241 12.253955,16.2143241 Z M15.824001,11.2512522 C16.2653966,11.2512522 16.6257434,10.8958126 16.6257434,10.454785 C16.6257434,10.0163249 16.2653966,9.65830119 15.824001,9.65830119 C15.382661,9.65830119 15.0222585,10.0137352 15.0222585,10.454785 C15.0222585,10.8932395 15.380043,11.2512522 15.824001,11.2512522 Z" id="Shape" fill="#1941FA"></path> <path d="M12.25,0.575913148 L24,7.29197937 L24,20.7116568 L12.25,27.424162 L0.5,20.7116568 L0.5,7.29197937 L12.25,0.575913148 Z" id="forma" stroke="#1941FA"></path> </g> </g> </g> </g> </g> </svg> <span class="font-medium">Instagram</span> </a> </div> </div> </div> </div> <div class="js-header-bg hidden fixed inset-0 w-full h-full bg-primary-light/80 backdrop-blur pointer-events-auto"></div> <div class="js-lang-switcher z-50 relative pointer-events-auto"> <div class="custom-language-switcher"> <div class="custom-language-switcher__toggle relative w-fit pt-2"> <button class="js-lang-switcher-toggle header-top__item flex items-center justify-center w-[32px] h-[37px] bg-white clip-hexagon"> <svg class="" width="16px" height="16px" viewbox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"> <g id="DK-/-Menu-01-06" transform="translate(-63.000000, -701.000000)" stroke="#2E2E2E"> <g id="menu" transform="translate(32.000000, 25.000000)"> <g id="lingua" transform="translate(31.000000, 675.000000)"> <g id="Shape" transform="translate(0.000000, 1.000000)"> <path d="M8,1 C9.75091,2.916845 10.74596,5.404421 10.8,8 C10.74596,10.5956 9.75091,13.08312 8,15 M8,1 C6.249104,2.916845 5.254075,5.404421 5.2,8 C5.254075,10.5956 6.249104,13.08312 8,15 M8,1 C4.134005,1 1,4.134005 1,8 C1,11.86596 4.134005,15 8,15 M8,1 C11.86596,1 15,4.134005 15,8 C15,11.86596 11.86596,15 8,15 M1.350014,5.9 L14.65,5.9 M1.35,10.1 L14.65,10.1"></path> </g> </g> </g> </g> </g> </svg> </button> <ul class="custom-language-switcher__languages p-5 rounded bg-white shadow absolute top-full right-0 text-left hidden mt-[12px] w-max "> <li class="border-b-2"> Global - (English)</li> <li class="no-submenu menu-item"> <a href="/de/uber-uns-wer-wir-sind" class="menu-link hs-skip-lang-url-rewrite font-medium"> Deutsch </a> </li> <li class="no-submenu menu-item"> <a href="/en-gb/about-us-who-we-are" class="menu-link hs-skip-lang-url-rewrite font-medium"> English - UK </a> </li> <li class="no-submenu menu-item"> <a href="/en-us/about-us-who-we-are" class="menu-link hs-skip-lang-url-rewrite font-medium"> English - US </a> </li> <li class="no-submenu menu-item"> <a href="/es/sobre-nosotros-quienes-somos" class="menu-link hs-skip-lang-url-rewrite font-medium"> Español </a> </li> <li class="no-submenu menu-item"> <a href="/fr/about-us-qui-sommes-nous" class="menu-link hs-skip-lang-url-rewrite font-medium"> Français </a> </li> <li class="no-submenu menu-item"> <a href="/it/informazioni-chi-siamo" class="menu-link hs-skip-lang-url-rewrite font-medium"> Italiano </a> </li> <li class="no-submenu menu-item"> <a href="/da/about-us-who-we-are" class="menu-link hs-skip-lang-url-rewrite font-medium"> Dansk </a> </li> <li class="no-submenu menu-item"> <a href="/pt/sobre-nos-quem-somos" class="menu-link hs-skip-lang-url-rewrite font-medium"> Português </a> </li> </ul> </div> </div> </div> </div> </div> </div> </header></div> <main id="main-content"> <div class="container-fluid"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 main-row-0-force-full-width-section dnd-section main-row-0-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class=" hero-background-text-description__module lg:min-h-vh w-full relative [&amp;_*]:text-white flex overflow-hidden"> <img class="object-cover absolute content-center top-0 left-0 w-full !h-full lg:block hidden" src="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_hero.jpg" alt="About_WhoWeAre_hero" loading="lazy" width="2200" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero.jpg?width=1100&amp;height=611&amp;name=About_WhoWeAre_hero.jpg 1100w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_hero.jpg 2200w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero.jpg?width=3300&amp;height=1833&amp;name=About_WhoWeAre_hero.jpg 3300w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero.jpg?width=4400&amp;height=2444&amp;name=About_WhoWeAre_hero.jpg 4400w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero.jpg?width=5500&amp;height=3055&amp;name=About_WhoWeAre_hero.jpg 5500w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero.jpg?width=6600&amp;height=3666&amp;name=About_WhoWeAre_hero.jpg 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> <img class="object-cover absolute content-center top-0 left-0 w-full !h-full lg:hidden block" src="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero_Mobile%20(1).jpg?width=780&amp;height=1688&amp;name=About_WhoWeAre_hero_Mobile%20(1).jpg" alt="About_WhoWeAre_hero_Mobile (1)" loading="" width="780" height="1688" srcset="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero_Mobile%20(1).jpg?width=390&amp;height=844&amp;name=About_WhoWeAre_hero_Mobile%20(1).jpg 390w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero_Mobile%20(1).jpg?width=780&amp;height=1688&amp;name=About_WhoWeAre_hero_Mobile%20(1).jpg 780w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero_Mobile%20(1).jpg?width=1170&amp;height=2532&amp;name=About_WhoWeAre_hero_Mobile%20(1).jpg 1170w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero_Mobile%20(1).jpg?width=1560&amp;height=3376&amp;name=About_WhoWeAre_hero_Mobile%20(1).jpg 1560w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero_Mobile%20(1).jpg?width=1950&amp;height=4220&amp;name=About_WhoWeAre_hero_Mobile%20(1).jpg 1950w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_hero_Mobile%20(1).jpg?width=2340&amp;height=5064&amp;name=About_WhoWeAre_hero_Mobile%20(1).jpg 2340w" sizes="(max-width: 780px) 100vw, 780px"> <div class="h-full w-full absolute top-0 left-0 bg-gradient-to-b from-transparent to-primary opacity-50"></div> <div class="h-full w-full absolute top-0 left-0 bg-gradient-to-b from-transparent to-black opacity-20"></div> <div class="h-full w-full absolute top-0 left-0 bg-primary/40"></div> } <div class="max-w-content mx-auto mt-20 lg:mt-18 w-full"> <div class="px-9 lg:px-14 lg:pb-14"> <div class="row-fluid w-full"> <div class="span9"> <div class="js-split-lines js-animate-title"> <h1 class="lg:text-f-d-7xl text-f-m-8xl font-semibold uppercase"> TOGETHER<br>TO GET THERE </h1> </div> </div> </div> <div class="row-fluid w-full justify-between"> <div class="span5"> <div class="background-image-and-text_container__divider relative lg:mt-15 mt-14"> <hr class="border border-white border-solid"> </div> <div class="js-anim text-f-m-xl lg:mt-11 mt-10 lg:text-f-d-lg"> <div id="hs_cos_wrapper_main-module-1_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description">JAKALA is a data, AI, and experiences company that creates meaningful and lasting impact.&nbsp;<br>Globally.</div> </div> </div> <div class="span5"></div> <div class="span2 lg:absolute relative bottom-0 right-0 flex justify-start lg:justify-end js-anim "> <div class="flex lg:items-end flex-row-reverse lg:flex-row mt-9 py-10 lg:px-14"> <div class="uppercase [&amp;_*]:font-serif lg:text-f-d-sm text-f-m-xs flex lg:flex-col flex-row"> <span>Scroll&nbsp;</span> <span>page</span> </div> <span class="pr-4"> <svg class="w-8 h-auto" width="16" height="16" viewbox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-About-|-Who-we-are" transform="translate(-1365.000000, -676.000000)" stroke="#FFFFFF"> <g id="Group" transform="translate(1302.000000, 646.000000)"> <g id="Icon-/-16-/-scroll" transform="translate(63.000000, 30.000000)"> <path d="M8.05714286,0.578890808 L14.4142857,4.28820752 L14.4142857,11.7138372 L8.05714286,15.4211871 L1.7,11.7138372 L1.7,4.28820752 L8.05714286,0.578890808 Z" id="Fill-7"></path> <polyline id="Path" transform="translate(8.000000, 8.500000) rotate(-270.000000) translate(-8.000000, -8.500000) " points="7 6.5 9 8.5 7 10.5"></polyline> </g> </g> </g> </g> </svg> </span> </div> </div> </div> </div> </div> </div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-section main-row-1-padding main-row-1-force-full-width-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="content_section-sticky-img__module row-fluid w-full px-9 lg:px-14 lg:pt-17 pt-13 bg-primary [&amp;_*]:text-white"> <div class="span3 hidden lg:block pr-14 sticky top-0"> <svg class="sticky top-17 w-17 h-auto" width="140" height="350" viewbox="0 0 140 350" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-About-|-Who-we-are" transform="translate(-69.000000, -885.000000)"> <g id="logo-/-J---White---Red---Base" transform="translate(69.000000, 885.000000)"> <g transform="translate(-0.000000, 0.000000)"> <polygon id="Fill-1" fill="#E31F1B" points="76.2782157 296.576042 76.2782157 332.191202 108.139108 350 140 332.191202 140 296.576042 108.139108 278.767244"></polygon> <polygon id="Fill-2" fill="#F00A0A" points="76.2782157 296.576042 76.2782157 332.191202 108.139108 350 140 332.191202 140 296.576042 108.139108 278.767244"></polygon> <g id="Group-7"> <path d="M77.48405,195.005728 C65.9195981,203.353526 55.943005,204.95147 43.7266174,202.671476 C33.6043265,200.781225 27.3689558,197.249183 21.1854436,194.002141 L0,238.405995 C23.7734311,255.264795 50.9201361,258.692094 77.48405,250.82173 L77.48405,195.005728 Z" id="Fill-3" fill="#FFFFFF"></path> <path d="M77.48405,250.821243 C112.807116,242.129985 138.795647,206.992259 138.795647,173.230812 L138.795647,0 L77.48405,0 L77.48405,138.594881 L77.48405,160.040464 L77.48405,247.829969 L77.48405,250.821243 Z" id="Fill-5" fill="#F00A0A"></path> </g> </g> </g> </g> </g> </svg> </div> <div class="span9"> <div class="row-fluid lg:[&amp;_*]:text-f-d-sm [&amp;_*]:text-f-m-sm"> <div class="js-anim span6 lg:pr-16 pr-9"> <div class="js-anim "> <div id="hs_cos_wrapper_main-module-2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="rich_text"></div> </div> </div> <div class="span6"> <div class="js-anim"> <div class="js-anim "> <div id="hs_cos_wrapper_main-module-2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="rich_text"></div> </div> </div> </div> </div> <div class="row-fluid"> <div class="span7 lg:pt-18 pt-16"> <div class="js-anim lg:pt-11 pt-9"> <div class="js-anim [&amp;>div]:prose-m-lg [&amp;>div]:lg:prose-d-lg"> <div id="hs_cos_wrapper_main-module-2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="rich_text"><p>We are a data, AI, and experiences company that creates meaningful and lasting impact globally.​<br><br>Working closely with our clients, we outline growth trajectories grounded in data and eye-opening insights to make sure we deliver concrete, measurable results, while our profound technological and architectural knowledge allows us to consistently implement meaningful, integrated, long-term solutions.​<br><br>Our focus is always to achieve concrete, measurable results; that’s why we curate and deliver data-inspired activations that create tangible value across the funnel, and optimize the allocation of marketing investments by meeting a client’s audience where they are.​<br><br>Since Matteo de Brabant established the company in 2000, we have grown into a multifaceted, highly-skilled, and international team of talents. In 2021, a world-leading private investment fund Ardian acquired a majority stake in JAKALA. Today, we are a leading data, AI, and experiences company in Europe, with headquarters in Milan and multiple offices worldwide.</p></div> </div> </div> </div> </div> </div> </div></div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section main-row-2-background-layers main-row-2-background-color"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-4" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-16 lg:h-18 "></div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-5 main-row-3-padding dnd-section main-row-3-background-color main-row-3-background-layers"> <div class="row-fluid "> <div class="span3 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="3"> <div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-6" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> <div class="span9 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="3" data-w="9"> <div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-8" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <h3 class="text-f-m-xl lg:text-f-d-xl font-normal text-white lg:text-left text-left"> VALUES </h3></div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-section main-row-4-background-layers main-row-4-background-color"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-10" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-11 lg:h-13 "></div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-10 main-row-5-force-full-width-section dnd-section main-row-5-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-11" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="slider-type-one bg-primary [&amp;_*]:text-white"> <div class="slider-type-one__img-and-description m-auto"> <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script> <div id="main-module-11" class="relative swiper-container [&amp;_.swiper-button-prev]:!top-1/4 [&amp;_.swiper-button-next]:!top-1/4 lg:[&amp;_.swiper-button-prev]:!top-1/2 lg:[&amp;_.swiper-button-next]:!top-1/2 lg:[&amp;_svg]:w-14 [&amp;_svg]:w-11 [&amp;_svg]:h-auto lg:[&amp;_.swiper-button-prev]:!ml-14 lg:[&amp;_.swiper-button-next]:!mr-14 [&amp;_.swiper-button-prev]:!ml-9 [&amp;_.swiper-button-next]:!mr-9"> <div class="swiper-wrapper"> <div class="swiper-slide row-fluid !flex lg:!flex-row flex-wrap !justify-between !items-center lg:px-o px-11"> <div class="img-and-description__img span6 lg:px-0 px-12"> <img class="m-auto " src="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori1.png?width=803&amp;height=803&amp;name=About_WhoWeAre_Valori1.png" alt="About_WhoWeAre_Valori1" loading="lazy" width="803" height="803" srcset="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori1.png?width=402&amp;height=402&amp;name=About_WhoWeAre_Valori1.png 402w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori1.png?width=803&amp;height=803&amp;name=About_WhoWeAre_Valori1.png 803w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori1.png?width=1205&amp;height=1205&amp;name=About_WhoWeAre_Valori1.png 1205w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori1.png?width=1606&amp;height=1606&amp;name=About_WhoWeAre_Valori1.png 1606w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori1.png?width=2008&amp;height=2008&amp;name=About_WhoWeAre_Valori1.png 2008w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori1.png?width=2409&amp;height=2409&amp;name=About_WhoWeAre_Valori1.png 2409w" sizes="(max-width: 803px) 100vw, 803px"> </div> <div class="img-and-description__description span6 lg:pt-10 pt-10 lg:pl-14 lg:text-f-d-sm text-f-m-sm"> <div id="hs_cos_wrapper_main-module-11_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><h3>GROW TOGETHER</h3> <p>As individuals, we are strong, but as a team, we grow stronger together. With our clients, we seek to nurture long-term partnerships thereby sharing in their successes as they continuously evolve. Within our business, we prioritize our employees' well-being by actively supporting their needs and development both personally and professionally.</p></div> </div> </div> <div class="swiper-slide row-fluid !flex lg:!flex-row flex-wrap !justify-between !items-center lg:px-o px-11"> <div class="img-and-description__img span6 lg:px-0 px-12"> <img class="m-auto " src="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori2.png?width=803&amp;height=803&amp;name=About_WhoWeAre_Valori2.png" alt="About_WhoWeAre_Valori2" loading="lazy" width="803" height="803" srcset="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori2.png?width=402&amp;height=402&amp;name=About_WhoWeAre_Valori2.png 402w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori2.png?width=803&amp;height=803&amp;name=About_WhoWeAre_Valori2.png 803w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori2.png?width=1205&amp;height=1205&amp;name=About_WhoWeAre_Valori2.png 1205w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori2.png?width=1606&amp;height=1606&amp;name=About_WhoWeAre_Valori2.png 1606w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori2.png?width=2008&amp;height=2008&amp;name=About_WhoWeAre_Valori2.png 2008w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori2.png?width=2409&amp;height=2409&amp;name=About_WhoWeAre_Valori2.png 2409w" sizes="(max-width: 803px) 100vw, 803px"> </div> <div class="img-and-description__description span6 lg:pt-10 pt-10 lg:pl-14 lg:text-f-d-sm text-f-m-sm"> <div id="hs_cos_wrapper_main-module-11_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><h3>MAKE IT COUNT</h3> <p>We focus on what matters. Our goal is to create real, measurable value throughout all that we do. Our work is led with enthusiasm, persistence, innovation and initiative. We strive to create impact that drives lasting results, turning problems into solutions, and talk into actions.</p></div> </div> </div> <div class="swiper-slide row-fluid !flex lg:!flex-row flex-wrap !justify-between !items-center lg:px-o px-11"> <div class="img-and-description__img span6 lg:px-0 px-12"> <img class="m-auto " src="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori3.png?width=803&amp;height=803&amp;name=About_WhoWeAre_Valori3.png" alt="About_WhoWeAre_Valori3" loading="lazy" width="803" height="803" srcset="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori3.png?width=402&amp;height=402&amp;name=About_WhoWeAre_Valori3.png 402w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori3.png?width=803&amp;height=803&amp;name=About_WhoWeAre_Valori3.png 803w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori3.png?width=1205&amp;height=1205&amp;name=About_WhoWeAre_Valori3.png 1205w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori3.png?width=1606&amp;height=1606&amp;name=About_WhoWeAre_Valori3.png 1606w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori3.png?width=2008&amp;height=2008&amp;name=About_WhoWeAre_Valori3.png 2008w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori3.png?width=2409&amp;height=2409&amp;name=About_WhoWeAre_Valori3.png 2409w" sizes="(max-width: 803px) 100vw, 803px"> </div> <div class="img-and-description__description span6 lg:pt-10 pt-10 lg:pl-14 lg:text-f-d-sm text-f-m-sm"> <div id="hs_cos_wrapper_main-module-11_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><h3>DELIVER OUR BEST</h3> <p>Our relentless commitment and determination have been the driving force behind our success. We hold ourselves accountable for our clients' results as if they were our own. We embrace integrity and openness in all that we do. Passion underpins our approach, driving our motivation to continuously excel and inspiring our joy throughout the journey.</p></div> </div> </div> <div class="swiper-slide row-fluid !flex lg:!flex-row flex-wrap !justify-between !items-center lg:px-o px-11"> <div class="img-and-description__img span6 lg:px-0 px-12"> <img class="m-auto " src="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori4.png?width=803&amp;height=803&amp;name=About_WhoWeAre_Valori4.png" alt="About_WhoWeAre_Valori4" loading="lazy" width="803" height="803" srcset="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori4.png?width=402&amp;height=402&amp;name=About_WhoWeAre_Valori4.png 402w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori4.png?width=803&amp;height=803&amp;name=About_WhoWeAre_Valori4.png 803w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori4.png?width=1205&amp;height=1205&amp;name=About_WhoWeAre_Valori4.png 1205w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori4.png?width=1606&amp;height=1606&amp;name=About_WhoWeAre_Valori4.png 1606w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori4.png?width=2008&amp;height=2008&amp;name=About_WhoWeAre_Valori4.png 2008w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori4.png?width=2409&amp;height=2409&amp;name=About_WhoWeAre_Valori4.png 2409w" sizes="(max-width: 803px) 100vw, 803px"> </div> <div class="img-and-description__description span6 lg:pt-10 pt-10 lg:pl-14 lg:text-f-d-sm text-f-m-sm"> <div id="hs_cos_wrapper_main-module-11_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><h3>EMBRACE DATA</h3> <p>We are proud to have always been a data-driven company. Our signature approach has long afforded us access to a great deal of information, enabling us to make better assessments, predictions and decisions for our clients Our approach combines quality data, professional intuition, and creativity to develop business insights that empower real and meaningful improvements for our clients.</p></div> </div> </div> <div class="swiper-slide row-fluid !flex lg:!flex-row flex-wrap !justify-between !items-center lg:px-o px-11"> <div class="img-and-description__img span6 lg:px-0 px-12"> <img class="m-auto " src="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori5.png?width=803&amp;height=803&amp;name=About_WhoWeAre_Valori5.png" alt="About_WhoWeAre_Valori5" loading="lazy" width="803" height="803" srcset="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori5.png?width=402&amp;height=402&amp;name=About_WhoWeAre_Valori5.png 402w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori5.png?width=803&amp;height=803&amp;name=About_WhoWeAre_Valori5.png 803w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori5.png?width=1205&amp;height=1205&amp;name=About_WhoWeAre_Valori5.png 1205w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori5.png?width=1606&amp;height=1606&amp;name=About_WhoWeAre_Valori5.png 1606w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori5.png?width=2008&amp;height=2008&amp;name=About_WhoWeAre_Valori5.png 2008w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Valori5.png?width=2409&amp;height=2409&amp;name=About_WhoWeAre_Valori5.png 2409w" sizes="(max-width: 803px) 100vw, 803px"> </div> <div class="img-and-description__description span6 lg:pt-10 pt-10 lg:pl-14 lg:text-f-d-sm text-f-m-sm"> <div id="hs_cos_wrapper_main-module-11_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><h3>BE PURPOSE DRIVEN</h3> <p>We are committed to creating lasting positive change in the industries and communities we serve through innovation and value creation, all while building a more sustainable and inclusive work environment. We strive to be a company that our employees are proud to work for - one where they feel empowered and uplifted to be and deliver their best.</p></div> </div> </div> </div> <div class="swiper-button-prev"> <svg class="w-14 h-auto" width="64px" height="73px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.9"> <g id="Kit" transform="translate(-371.000000, -637.000000)" stroke-width="2"> <g id="Icon-/--chevron-left---B" transform="translate(371.000000, 637.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7" stroke="#02002c" fill="#FFFFFF"></path> <g id="Icon-/-8-/-chevron-right---W" transform="translate(27.000000, 30.000000)" stroke="#1941FA"> <polyline id="Path" transform="translate(4.000000, 7.000000) rotate(-180.000000) translate(-4.000000, -7.000000) " points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </svg> </div> <div class="swiper-button-next"> <svg class="w-14 h-auto" width="64px" height="73px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.9"> <g id="Kit" transform="translate(-459.000000, -637.000000)" stroke-width="2"> <g id="Icon-/--chevron-right---B" transform="translate(459.000000, 637.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7" stroke="#02002c" fill="#FFFFFF"></path> <g id="Icon-/-8-/-chevron-right---W" transform="translate(28.000000, 30.000000)" stroke="#1941FA"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </svg> </div> </div> </div> </div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-12 main-row-6-background-color dnd-section main-row-6-background-layers"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_16869161776163" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-16 lg:h-18 "></div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-section main-row-7-padding main-row-7-force-full-width-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-12" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="pop-up__module w-full relative [&amp;_*]:text-white flex overflow-hidden"> <img class="pop-up-module__background-img object-cover absolute content-center top-0 left-0 w-full !h-full" src="https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=2200&amp;height=1222&amp;name=Timeline-1_anno-2000.jpg" alt="Timeline-1_anno-2000" loading="lazy" width="2200" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=1100&amp;height=611&amp;name=Timeline-1_anno-2000.jpg 1100w, https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=2200&amp;height=1222&amp;name=Timeline-1_anno-2000.jpg 2200w, https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=3300&amp;height=1833&amp;name=Timeline-1_anno-2000.jpg 3300w, https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=4400&amp;height=2444&amp;name=Timeline-1_anno-2000.jpg 4400w, https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=5500&amp;height=3055&amp;name=Timeline-1_anno-2000.jpg 5500w, https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=6600&amp;height=3666&amp;name=Timeline-1_anno-2000.jpg 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> <div class="bg-primary/50 absolute w-full h-full top-0 left-0"></div> <div class="pop-up-background__container max-w-content mx-auto lg:mt-14 mt-12"> <div class="px-9 lg:px-14 lg:pb-14"> <div class="row-fluid"> <div class="pop-up-background__title span6"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> TIMELINE </h2> </div> <div class="span6"></div> </div> <div class="row-fluid w-full justify-between"> <div class="span3"> <div class="pop-up-background__description js-anim mt-9 lg:mt-17 lg:mb-20"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description">JAKALA was born in the New Economy era. It is the first company to combine marketing and technology applied to the world of engagement, loyalty and incentives.</div> </div> </div> <div class="lg:span3 span3 relative flex js-anim items-center"> <div class="flex items-center lg:items-end flex-row-reverse lg:flex-row pb-20 pt-17"> <div class="flex flex-row items-center"> <button data-micromodal-trigger="modal-pop-up" class="flex items-center justify-between lg:pb-9 lg:pt-0 w-full"> <div class="border-b border-white border-solid mr-5 flex lg:flex-col flex-row"> <span class="lg:text-f-d-sm text-f-m-lg">Discover more</span> </div> <span class="pop-up-background__button"> <svg class="lg:w-14 w-12 h-auto" width="16" height="16" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.9"> <g id="Kit" transform="translate(-459.000000, -637.000000)" stroke-width="2"> <g id="Icon-/--chevron-right---B" transform="translate(459.000000, 637.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7" stroke="#02002c" fill="#FFFFFF"></path> <g id="Icon-/-8-/-chevron-right---W" transform="translate(28.000000, 30.000000)" stroke="#1941FA"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </svg> </span> </button> </div> </div> </div> </div> </div> <div class="pop-up-background__year absolute lg:-bottom-17 -bottom-10 left-0 w-full flex flex-row flex-wrap justify-center lg:[&amp;_div]:text-[max(6.764rem,15.972222vw)] [&amp;_div]:text-[max(6.764rem,24.3589vw)] [&amp;_div]:font-semibold [&amp;_div]:letter-spacing: -8.35px; [&amp;_div]:-translate-y-1 [&amp;_div]:opacity-80 lg:[&amp;_div]:leading-normal [&amp;_div]:leading-[0.5] [&amp;_div]:pb-6"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="First year">2000</div> <div class="flex items-center px-13"> <hr class="border-2 border-white border-opacity-80 w-18"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="last_year">2025</div> </div> </div> </div> <div class="pop-up-layer"> </div> </div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div> </div> </div> </main> <div data-global-resource-path="jakala/templates/partials/footer.html"> <footer class="bg-primary text-white pt-11 pb-9 lg:pt-15 px-9 lg:px-14 hs-search-hidden"> <div class="js-anim-container max-w-content mx-auto w-full space-y-4"> <div class="flex flex-col lg:flex-row lg:justify-between lg:space-x-14 items-center lg:items-start"> <div class="max-lg:max-w-[20px] mb-13 lg:mb-0"> <div id="hs_cos_wrapper_logo-footer" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div> <img class="" src="https://www.jakala.com/hs-fs/hubfs/Logo-negativo.png?width=150&amp;height=122&amp;name=Logo-negativo.png" alt="Logo-negativo" width="150" height="122" style="max-width: 100%; height: auto;" srcset="https://www.jakala.com/hs-fs/hubfs/Logo-negativo.png?width=75&amp;height=61&amp;name=Logo-negativo.png 75w, https://www.jakala.com/hs-fs/hubfs/Logo-negativo.png?width=150&amp;height=122&amp;name=Logo-negativo.png 150w, https://www.jakala.com/hs-fs/hubfs/Logo-negativo.png?width=225&amp;height=183&amp;name=Logo-negativo.png 225w, https://www.jakala.com/hs-fs/hubfs/Logo-negativo.png?width=300&amp;height=244&amp;name=Logo-negativo.png 300w, https://www.jakala.com/hs-fs/hubfs/Logo-negativo.png?width=375&amp;height=305&amp;name=Logo-negativo.png 375w, https://www.jakala.com/hs-fs/hubfs/Logo-negativo.png?width=450&amp;height=366&amp;name=Logo-negativo.png 450w" sizes="(max-width: 150px) 100vw, 150px"> </div></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&amp;_.hs-menu-depth-1>*:first-child]:block [&amp;_.hs-menu-depth-1>*:first-child]:mb-7 [&amp;_.hs-menu-depth-1>*:first-child]:font-semibold [&amp;_ul]:space-y-7 [&amp;_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_1_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer_menu_1_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-vertical" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu" class="active-branch"> <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children active-branch" role="none"><span>Company</span> <ul role="menu" class="hs-menu-children-wrapper active-branch"> <li class="hs-menu-item hs-menu-depth-2 active active-branch" role="none"><a href="https://www.jakala.com/about-us-who-we-are" role="menuitem" target="_self">Who we are</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/group-and-countries" role="menuitem" target="_self">Group &amp; Countries</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/contact-us" role="menuitem" target="_self">Contact us</a></li> </ul></li> </ul> </div></span></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&amp;_.hs-menu-depth-1>*:first-child]:block [&amp;_.hs-menu-depth-1>*:first-child]:mb-7 [&amp;_.hs-menu-depth-1>*:first-child]:font-semibold [&amp;_ul]:space-y-7 [&amp;_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer_menu_2_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-vertical" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><span>Sustainability</span> <ul role="menu" class="hs-menu-children-wrapper"> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/sustainability-sustainable-growth" role="menuitem" target="_self">Sustainable growth</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://ewhistlejakala.azurewebsites.net" role="menuitem" target="_self">JWhistle</a></li> </ul></li> </ul> </div></span></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&amp;_.hs-menu-depth-1>*:first-child]:block [&amp;_.hs-menu-depth-1>*:first-child]:mb-7 [&amp;_.hs-menu-depth-1>*:first-child]:font-semibold [&amp;_ul]:space-y-7 [&amp;_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_3_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer_menu_3_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-vertical" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><span>Work with us</span> <ul role="menu" class="hs-menu-children-wrapper"> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/work-with-us-join" role="menuitem" target="_self">Join JAKALA</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/work-with-us-live" role="menuitem" target="_self">Live JAKALA</a></li> </ul></li> </ul> </div></span></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&amp;_.hs-menu-depth-1>*:first-child]:block [&amp;_.hs-menu-depth-1>*:first-child]:mb-7 [&amp;_.hs-menu-depth-1>*:first-child]:font-semibold [&amp;_ul]:space-y-7 [&amp;_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_4" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_4_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><ul></ul></span></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&amp;_.hs-menu-depth-1>*:first-child]:block [&amp;_.hs-menu-depth-1>*:first-child]:mb-7 [&amp;_.hs-menu-depth-1>*:first-child]:font-semibold [&amp;_ul]:space-y-7 [&amp;_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><ul></ul></span></div> </div> <div class="text-f-m-xs lg:text-f-d-xs [&amp;>div]:justify-evenly w-full lg:w-auto"> <div class="flex justify-between space-x-8 flex-row lg:space-x-0 lg:space-y-9 lg:flex-col [&amp;_svg]:invert [&amp;_svg]:brightness-0 [&amp;_svg]:lg:h-auto [&amp;_svg]:lg:w-10"> <a class="flex items-center space-x-5" href="https://www.linkedin.com/company/jakala-spa/" target="_blank" rel="noopener"> <svg class="" width="24.5px" height="28px" viewbox="0 0 24.5 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-77.000000, -762.000000)"> <g id="social" transform="translate(32.000000, 740.000000)"> <g transform="translate(45.000000, 22.000000)" id="Icon-/-Social-/-linkedin"> <path d="M12.25,0.575913148 L24,7.29197937 L24,20.7116568 L12.25,27.424162 L0.5,20.7116568 L0.5,7.29197937 L12.25,0.575913148 Z" id="Fill-7" stroke="#1941FA"></path> <path d="M9.53289432,18.6767747 L7.54924068,18.6767747 L7.54924068,12.3373202 L9.53289432,12.3373202 L9.53289432,18.6767747 Z M8.54106193,11.473581 C7.9042067,11.473581 7.39002409,10.962581 7.39002409,10.332249 C7.39002409,9.7019502 7.9042067,9.19096126 8.54106193,9.19096126 C9.17533352,9.19096126 9.68949943,9.7019502 9.68949943,10.332249 C9.68949943,10.9599802 9.17533352,11.473581 8.54106193,11.473581 Z M16.9560045,18.6767747 L14.9749568,18.6767747 L14.9749568,15.5952253 C14.9749568,14.8611937 14.9618716,13.9143953 13.9439523,13.9143953 C12.9129477,13.9143953 12.7563705,14.7159368 12.7563705,15.5433755 L12.7563705,18.6767747 L10.7779119,18.6767747 L10.7779119,12.3373202 L12.6780818,12.3373202 L12.6780818,13.2037154 L12.7041409,13.2037154 C12.9677943,12.705664 13.6150955,12.1791146 14.5781682,12.1791146 C16.5853864,12.1791146 16.9560045,13.4916285 16.9560045,15.1984111 L16.9560045,18.6767747 Z" id="Shape" fill="#1941FA" fill-rule="nonzero"></path> </g> </g> </g> </g> </svg> <span class="font-medium">LinkedIn</span> </a> <a class="flex items-center space-x-5" href="https://www.instagram.com/wearejakala/" target="_blank" rel="noopener"> <svg class="" width="24.5px" height="28px" viewbox="0 0 24.5 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-210.000000, -762.000000)"> <g id="social" transform="translate(32.000000, 740.000000)"> <g transform="translate(45.000000, 22.000000)" id="insta"> <g transform="translate(133.000000, 0.000000)" id="Icon-/-Social-/-instagram"> <path d="M12.2538993,8.55569328 C14.0402591,8.55569328 14.2518215,8.56347905 14.9543558,8.59461107 C15.6072581,8.62314783 15.9598064,8.73211542 16.1948758,8.82291621 C16.5056463,8.94225375 16.7302434,9.08754387 16.9626947,9.31843874 C17.1977083,9.55193992 17.341368,9.77245929 17.4615207,10.0811897 C17.5529304,10.3146798 17.6625551,10.667513 17.6913539,11.3135217 C17.7226594,12.0139921 17.7305136,12.2241415 17.7305136,13.9961265 C17.7305136,15.7706957 17.7226594,15.9808063 17.6913539,16.6787036 C17.6625551,17.3272964 17.5529304,17.6775731 17.4615207,17.9110356 C17.341368,18.2197549 17.1950902,18.4428696 16.9626947,18.6737866 C16.7276253,18.907249 16.5056463,19.0499605 16.1948758,19.1693202 C15.9598064,19.2601265 15.60464,19.369083 14.9543558,19.3976364 C14.2492035,19.4287352 14.0376411,19.4365375 12.2538993,19.4365375 C10.4675784,19.4365375 10.2560327,19.4287352 9.55352627,19.3976364 C8.90060725,19.369083 8.5480478,19.2601265 8.31299517,19.1693202 C8.00221344,19.0499605 7.77761081,18.9047036 7.54517625,18.6737866 C7.31013476,18.4402688 7.1664918,18.2197549 7.04635577,17.9110356 C6.95495167,17.6775731 6.84526565,17.3246957 6.81653371,16.6787036 C6.78519485,15.9782055 6.77736291,15.7680949 6.77736291,13.9961265 C6.77736291,12.2215684 6.78519485,12.011419 6.81653371,11.3135217 C6.84526565,10.6649123 6.95495167,10.3146798 7.04635577,10.0811897 C7.1664918,9.77245929 7.3127417,9.54933913 7.54517625,9.31843874 C7.78022331,9.08494862 8.00221344,8.94225375 8.31299517,8.82291621 C8.5480478,8.73211542 8.90322532,8.62314783 9.55352627,8.59461107 C10.2560327,8.56347905 10.4675784,8.55569328 12.2538993,8.55569328 Z M12.2538993,7.35968379 C10.4388576,7.35968379 10.2116536,7.36746696 9.4986749,7.39859953 C8.78831429,7.42973194 8.29993823,7.54388506 7.87685241,7.70733091 C7.43549023,7.87856032 7.06203077,8.10426798 6.69117825,8.47526798 C6.3177188,8.84367273 6.0905059,9.21466719 5.91813879,9.65052648 C5.75360697,10.0734095 5.63869538,10.5559613 5.60735612,11.2616332 C5.5760167,11.9724791 5.56818182,12.1982111 5.56818182,14.0012727 C5.56818182,15.8043953 5.5760167,16.0301107 5.60735612,16.7383557 C5.63869538,17.4440553 5.75360697,17.9291858 5.91813879,18.3494625 C6.0905059,18.7879447 6.3177188,19.158917 6.69117825,19.5273439 C7.06203077,19.8957154 7.43549023,20.1240316 7.87424548,20.2926957 C8.29993823,20.4561028 8.78569622,20.5702609 9.49605683,20.601415 C10.2090355,20.6325138 10.4362395,20.6403162 12.2512812,20.6403162 C14.0663841,20.6403162 14.2935993,20.6325138 15.0066058,20.601415 C15.7169386,20.5702609 16.2052923,20.4561028 16.6283614,20.2926957 C17.067139,20.1240316 17.4406319,19.8957154 17.811451,19.5273439 C18.1822701,19.158917 18.412159,18.7879447 18.5818879,18.3520632 C18.7464365,17.9291858 18.8613531,17.4466561 18.8926585,16.7409565 C18.9240197,16.0327115 18.9318182,15.806996 18.9318182,14.0039289 C18.9318182,12.2008119 18.9240197,11.9750798 18.8926585,11.2668348 C18.8613531,10.5611628 18.7464365,10.0760047 18.5818879,9.65571146 C18.4173394,9.21466719 18.1901243,8.84367273 17.8166871,8.47526798 C17.4458123,8.10686324 17.0723751,7.87856032 16.6335976,7.70992395 C16.2079104,7.54647921 15.7221747,7.43232664 15.0117862,7.40119391 C14.2962173,7.36746696 14.0690022,7.35968379 12.2538993,7.35968379 Z M12.253955,10.5897328 C10.357909,10.5897328 8.81965872,12.11783 8.81965872,14.0013281 C8.81965872,15.8848538 10.357909,17.4129565 12.253955,17.4129565 C14.1499396,17.4129565 15.6881955,15.8848538 15.6881955,14.0013281 C15.6881955,12.11783 14.1499396,10.5897328 12.253955,10.5897328 Z M12.253955,16.2143241 C11.0238627,16.2143241 10.0262106,15.2232569 10.0262106,14.0013281 C10.0262106,12.7793881 11.0238627,11.7883209 12.253955,11.7883209 C13.4840026,11.7883209 14.4816547,12.7793881 14.4816547,14.0013281 C14.4816547,15.2232569 13.4840026,16.2143241 12.253955,16.2143241 Z M15.824001,11.2512522 C16.2653966,11.2512522 16.6257434,10.8958126 16.6257434,10.454785 C16.6257434,10.0163249 16.2653966,9.65830119 15.824001,9.65830119 C15.382661,9.65830119 15.0222585,10.0137352 15.0222585,10.454785 C15.0222585,10.8932395 15.380043,11.2512522 15.824001,11.2512522 Z" id="Shape" fill="#1941FA"></path> <path d="M12.25,0.575913148 L24,7.29197937 L24,20.7116568 L12.25,27.424162 L0.5,20.7116568 L0.5,7.29197937 L12.25,0.575913148 Z" id="forma" stroke="#1941FA"></path> </g> </g> </g> </g> </g> </svg> <span class="font-medium">Instagram</span> </a> </div> </div> </div> <div class="border-white/20 border-t lg:border-b lg:py-9 !mt-11 lg:!mt-13 !mb-9 text-f-m-xs lg:text-f-d-xs text-center lg:text-start font-normal [&amp;_ul]:lg:flex [&amp;_ul]:lg:space-x-11 [&amp;_ul>li]:lg:border-b-0 [&amp;_li]:lg:py-0 [&amp;_li]:py-7 [&amp;_ul>li]:border-white/20 [&amp;_ul>li]:border-b lg:[&amp;_ul>li:last-child]:hidden"> <div id="hs_cos_wrapper_footer_menu_middle" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_middle_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer_menu_middle_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-vertical" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://26289830.fs1.hubspotusercontent-eu1.net/hubfs/26289830/Group_Code_of_Ethics.pdf" role="menuitem" target="_blank" rel="noopener">Group Code of Ethics</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.jakala.com/privacy-policy" role="menuitem" target="_blank" rel="noopener">Privacy Policy</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://26289830.fs1.hubspotusercontent-eu1.net/hubfs/26289830/documents/Cookie%20policy%20Jakala%2010.2023_eng.pdf" role="menuitem" target="_blank" rel="noopener">Cookie Policy</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.jakala.com/contact-us" role="menuitem" target="_self">Contact us</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://ewhistlejakala.azurewebsites.net/index.aspx" role="menuitem" target="_blank" rel="noopener">JWhistle</a></li> </ul> </div></span></div> </div> <div class="text-f-m-2xs lg:text-f-d-xs flex flex-col items-center lg:items-start lg:flex-row lg:space-x-9 text-center lg:text-start"> <div class="mb-6">©</div> <div> <div id="hs_cos_wrapper_footer_bottom_text" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_bottom_text_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="text">JAKALA S.P.A. S.B. | CORSO DI PORTA ROMANA 15 - 20122 | C.F. AND P.I. AND REGISTRATION NO. WITH THE COMPANIES REGISTER OF MILAN 08462130967 <br> Resolved, subscribed and paid-up share capital Euro 3,831,764.00.</span></div> </div> </div> </div> </footer></div> </div> <!-- HubSpot performance collection script --> <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script> <script> var hsVars = hsVars || {}; hsVars['language'] = 'en'; </script> <script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69340800188/1684703226078/jakala/js/scripts/split-type.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69332807918/1684703226549/jakala/js/scripts/gsap.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69340800478/1684703219990/jakala/js/scripts/scroll-trigger.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69329355749/1697804107154/jakala/js/main.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69332807876/1696434353323/jakala/js/scripts/animations.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69340800191/1697804107154/jakala/js/scripts/menu.min.js"></script> <script> new Swiper("#main-module-11", { navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, slidesPerView: 1, spaceBetween: 10, centeredSlides: true, a11y: true, keyboard: true, breakpoints: { 640: { slidesPerView: 1.5, spaceBetween: 200, centeredSlides: true, }, }, }); </script> <div class="js-modal modal fixed w-full h-full top-0 left-0 z-50 [&amp;_.modal-container]:mx-0" id="modal-pop-up" aria-hidden="true"> <div class="modal-overlay h-full bg-primary/60 flex items-center justify-center" tabindex="-1" data-micromodal-close> <div class="js-modal-container modal-container bg-white rounded relative overflow-hidden mx-9 lg:mx-0 max-h-screen" role="dialog" aria-modal="true" aria-labelledby="modal-pop-up-title"> <header class="modal-header flex items-center justify-end absolute w-full top-0 left-0 z-10 p-6 lg:p-7"> <button class="modal-close" data-micromodal-close> <svg class="pointer-events-none" width="35px" height="40px" viewbox="0 0 35 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-About-|-Group-&amp;-Countries---INT02" transform="translate(-895.000000, -181.000000)" stroke="#FFFFFF"> <g id="modal" transform="translate(492.000000, 167.000000)"> <g id="Icon-/-close-x" transform="translate(403.000000, 14.000000)"> <g id="bk"> <path d="M17.5,0.575913148 L34.5,10.2927749 L34.5,29.7124524 L17.5,39.424162 L0.5,29.7124524 L0.5,10.2927749 L17.5,0.575913148 Z"></path> </g> <g id="Icon-/-16-/-x---W" transform="translate(9.500000, 12.000000)" stroke-linecap="square"> <g id="x" transform="translate(0.646447, 0.646447)"> <line x1="-2.54504871" y1="7.3513979" x2="17.2478445" y2="7.3513979" id="Line-2" transform="translate(7.351398, 7.351398) rotate(45.000000) translate(-7.351398, -7.351398) "></line> <line x1="-2.54504871" y1="7.3513979" x2="17.2478445" y2="7.3513979" id="Line-2" transform="translate(7.351398, 7.351398) scale(-1, 1) rotate(45.000000) translate(-7.351398, -7.351398) "></line> </g> </g> </g> </g> </g> </g> </svg> </button> </header> <div class="modal-inner-wrapper"> <main class="modal-content" id="modal-pop-up-content"> <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script> <div id="modal-popup-slider" class="relative swiper-container lg:[&amp;_svg]:w-14 [&amp;_svg]:w-11 [&amp;_svg]:h-auto lg:[&amp;_.swiper-button-prev]:!ml-14 lg:[&amp;_.swiper-button-next]:!mr-14 [&amp;_.swiper-button-prev]:!ml-9 [&amp;_.swiper-button-next]:!mr-9"> <div class="swiper-wrapper"> <div class="swiper-slide !h-screen [&amp;_*]:text-white"> <img class="pop-up-slider__background-img span4 absolute !h-full w-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=2200&amp;height=1222&amp;name=Timeline-1_anno-2000.jpg" alt="Timeline-1_anno-2000" loading="lazy" width="2200" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=1100&amp;height=611&amp;name=Timeline-1_anno-2000.jpg 1100w, https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=2200&amp;height=1222&amp;name=Timeline-1_anno-2000.jpg 2200w, https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=3300&amp;height=1833&amp;name=Timeline-1_anno-2000.jpg 3300w, https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=4400&amp;height=2444&amp;name=Timeline-1_anno-2000.jpg 4400w, https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=5500&amp;height=3055&amp;name=Timeline-1_anno-2000.jpg 5500w, https://www.jakala.com/hs-fs/hubfs/Timeline-1_anno-2000.jpg?width=6600&amp;height=3666&amp;name=Timeline-1_anno-2000.jpg 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> <div class="bg-primary/50 absolute w-full h-full top-0 left-0"></div> <div class="px-10 pt-12 lg:px-14 lg:pt-14 w-full h-full lg:pb-0 pb-16 flex flex-col"> <div class="pop-up-slider__title span3"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> THE ORIGINS </h2> </div> <div class="pop-up-slider__description span6 relative lg:pt-15 top-0 left-0 lg:pl-16 lg:ml-10 lg:mt-0 mt-auto"> <div class="js-anim lg:text-f-d-base text-f-m-base [&amp;_div]:leading-6"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description">Established in 2000 during the New Economy era, JAKALA emerged as a pioneering company that seamlessly merged marketing and technology to revolutionize the realms of engagement, loyalty, and incentives.</div> </div> </div> <div class="pop-up-slider__year absolute lg:-bottom-17 -bottom-10 left-0 pr-14 pl-9 w-full flex flex-row lg:flex-wrap lg:justify-end justify-center items-center lg:[&amp;_div]:text-[max(6.764rem,15.972222vw)] [&amp;_div]:text-[max(6.764rem,24.3589vw)] [&amp;_div]:font-semibold [&amp;_div]:letter-spacing: -8.35px; [&amp;_div]:-translate-y-1 [&amp;_div]:opacity-80 lg:[&amp;_div]:leading-normal [&amp;_div]:leading-none"> <hr class="my-hr border-2 border-white border-opacity-80 w-18"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> 2000 </h2> </div> </div> </div> <div class="swiper-slide !h-screen [&amp;_*]:text-white"> <img class="pop-up-slider__background-img span4 absolute !h-full w-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_2.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_Timeline_2.jpg" alt="About_WhoWeAre_Timeline_2" loading="lazy" width="2200" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_2.jpg?width=1100&amp;height=611&amp;name=About_WhoWeAre_Timeline_2.jpg 1100w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_2.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_Timeline_2.jpg 2200w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_2.jpg?width=3300&amp;height=1833&amp;name=About_WhoWeAre_Timeline_2.jpg 3300w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_2.jpg?width=4400&amp;height=2444&amp;name=About_WhoWeAre_Timeline_2.jpg 4400w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_2.jpg?width=5500&amp;height=3055&amp;name=About_WhoWeAre_Timeline_2.jpg 5500w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_2.jpg?width=6600&amp;height=3666&amp;name=About_WhoWeAre_Timeline_2.jpg 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> <div class="bg-primary/50 absolute w-full h-full top-0 left-0"></div> <div class="px-10 pt-12 lg:px-14 lg:pt-14 w-full h-full lg:pb-0 pb-16 flex flex-col"> <div class="pop-up-slider__title span3"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> THE CONSOLIDATION </h2> </div> <div class="pop-up-slider__description span6 relative lg:pt-15 top-0 left-0 lg:pl-16 lg:ml-10 lg:mt-0 mt-auto"> <div class="js-anim lg:text-f-d-base text-f-m-base [&amp;_div]:leading-6"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description">JAKALA undergoes an evolution by seamlessly integrating new teams and skills, further solidifying its presence in loyalty, consumer promotions, incentive programs, and direct marketing across the retail, petrol, and finance sectors.</div> </div> </div> <div class="pop-up-slider__year absolute lg:-bottom-17 -bottom-10 left-0 pr-14 pl-9 w-full flex flex-row lg:flex-wrap lg:justify-end justify-center items-center lg:[&amp;_div]:text-[max(6.764rem,15.972222vw)] [&amp;_div]:text-[max(6.764rem,24.3589vw)] [&amp;_div]:font-semibold [&amp;_div]:letter-spacing: -8.35px; [&amp;_div]:-translate-y-1 [&amp;_div]:opacity-80 lg:[&amp;_div]:leading-normal [&amp;_div]:leading-none"> <hr class="my-hr border-2 border-white border-opacity-80 w-18"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> 2010 </h2> </div> </div> </div> <div class="swiper-slide !h-screen [&amp;_*]:text-white"> <img class="pop-up-slider__background-img span4 absolute !h-full w-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_3.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_Timeline_3.jpg" alt="About_WhoWeAre_Timeline_3" loading="lazy" width="2200" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_3.jpg?width=1100&amp;height=611&amp;name=About_WhoWeAre_Timeline_3.jpg 1100w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_3.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_Timeline_3.jpg 2200w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_3.jpg?width=3300&amp;height=1833&amp;name=About_WhoWeAre_Timeline_3.jpg 3300w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_3.jpg?width=4400&amp;height=2444&amp;name=About_WhoWeAre_Timeline_3.jpg 4400w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_3.jpg?width=5500&amp;height=3055&amp;name=About_WhoWeAre_Timeline_3.jpg 5500w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_3.jpg?width=6600&amp;height=3666&amp;name=About_WhoWeAre_Timeline_3.jpg 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> <div class="bg-primary/50 absolute w-full h-full top-0 left-0"></div> <div class="px-10 pt-12 lg:px-14 lg:pt-14 w-full h-full lg:pb-0 pb-16 flex flex-col"> <div class="pop-up-slider__title span3"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> THE BIRTH OF A NEW SPECIES </h2> </div> <div class="pop-up-slider__description span6 relative lg:pt-15 top-0 left-0 lg:pl-16 lg:ml-10 lg:mt-0 mt-auto"> <div class="js-anim lg:text-f-d-base text-f-m-base [&amp;_div]:leading-6"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description">Value Lab, a renowned Management Consulting, Analytics, and Information Technology company, brings its extensive cross-industry experience to join forces with JAKALA in 2015. While both companies initially maintained their strategic positioning, they merged through incorporation in 2018. This union gave rise to the first Italian MarTech company.</div> </div> </div> <div class="pop-up-slider__year absolute lg:-bottom-17 -bottom-10 left-0 pr-14 pl-9 w-full flex flex-row lg:flex-wrap lg:justify-end justify-center items-center lg:[&amp;_div]:text-[max(6.764rem,15.972222vw)] [&amp;_div]:text-[max(6.764rem,24.3589vw)] [&amp;_div]:font-semibold [&amp;_div]:letter-spacing: -8.35px; [&amp;_div]:-translate-y-1 [&amp;_div]:opacity-80 lg:[&amp;_div]:leading-normal [&amp;_div]:leading-none"> <hr class="my-hr border-2 border-white border-opacity-80 w-18"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> 2018 </h2> </div> </div> </div> <div class="swiper-slide !h-screen [&amp;_*]:text-white"> <img class="pop-up-slider__background-img span4 absolute !h-full w-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/Timeline-2_anno-2015.jpg?width=2200&amp;height=1222&amp;name=Timeline-2_anno-2015.jpg" alt="Timeline-2_anno-2015" loading="lazy" width="2200" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/Timeline-2_anno-2015.jpg?width=1100&amp;height=611&amp;name=Timeline-2_anno-2015.jpg 1100w, https://www.jakala.com/hs-fs/hubfs/Timeline-2_anno-2015.jpg?width=2200&amp;height=1222&amp;name=Timeline-2_anno-2015.jpg 2200w, https://www.jakala.com/hs-fs/hubfs/Timeline-2_anno-2015.jpg?width=3300&amp;height=1833&amp;name=Timeline-2_anno-2015.jpg 3300w, https://www.jakala.com/hs-fs/hubfs/Timeline-2_anno-2015.jpg?width=4400&amp;height=2444&amp;name=Timeline-2_anno-2015.jpg 4400w, https://www.jakala.com/hs-fs/hubfs/Timeline-2_anno-2015.jpg?width=5500&amp;height=3055&amp;name=Timeline-2_anno-2015.jpg 5500w, https://www.jakala.com/hs-fs/hubfs/Timeline-2_anno-2015.jpg?width=6600&amp;height=3666&amp;name=Timeline-2_anno-2015.jpg 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> <div class="bg-primary/50 absolute w-full h-full top-0 left-0"></div> <div class="px-10 pt-12 lg:px-14 lg:pt-14 w-full h-full lg:pb-0 pb-16 flex flex-col"> <div class="pop-up-slider__title span3"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> THE DIGITAL TURN </h2> </div> <div class="pop-up-slider__description span6 relative lg:pt-15 top-0 left-0 lg:pl-16 lg:ml-10 lg:mt-0 mt-auto"> <div class="js-anim lg:text-f-d-base text-f-m-base [&amp;_div]:leading-6"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description">77Agency, a prominent independent digital media and performance agency in Italy, becomes part of JAKALA group. This pivotal union marks the inception of the first Italian entity that seamlessly integrates the customer data ecosystem with media channel management and activation.</div> </div> </div> <div class="pop-up-slider__year absolute lg:-bottom-17 -bottom-10 left-0 pr-14 pl-9 w-full flex flex-row lg:flex-wrap lg:justify-end justify-center items-center lg:[&amp;_div]:text-[max(6.764rem,15.972222vw)] [&amp;_div]:text-[max(6.764rem,24.3589vw)] [&amp;_div]:font-semibold [&amp;_div]:letter-spacing: -8.35px; [&amp;_div]:-translate-y-1 [&amp;_div]:opacity-80 lg:[&amp;_div]:leading-normal [&amp;_div]:leading-none"> <hr class="my-hr border-2 border-white border-opacity-80 w-18"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> 2020 </h2> </div> </div> </div> <div class="swiper-slide !h-screen [&amp;_*]:text-white"> <img class="pop-up-slider__background-img span4 absolute !h-full w-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_5.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_Timeline_5.jpg" alt="About_WhoWeAre_Timeline_5" loading="lazy" width="2200" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_5.jpg?width=1100&amp;height=611&amp;name=About_WhoWeAre_Timeline_5.jpg 1100w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_5.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_Timeline_5.jpg 2200w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_5.jpg?width=3300&amp;height=1833&amp;name=About_WhoWeAre_Timeline_5.jpg 3300w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_5.jpg?width=4400&amp;height=2444&amp;name=About_WhoWeAre_Timeline_5.jpg 4400w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_5.jpg?width=5500&amp;height=3055&amp;name=About_WhoWeAre_Timeline_5.jpg 5500w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_5.jpg?width=6600&amp;height=3666&amp;name=About_WhoWeAre_Timeline_5.jpg 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> <div class="bg-primary/50 absolute w-full h-full top-0 left-0"></div> <div class="px-10 pt-12 lg:px-14 lg:pt-14 w-full h-full lg:pb-0 pb-16 flex flex-col"> <div class="pop-up-slider__title span3"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> THE GROWTH ACCELERATION </h2> </div> <div class="pop-up-slider__description span6 relative lg:pt-15 top-0 left-0 lg:pl-16 lg:ml-10 lg:mt-0 mt-auto"> <div class="js-anim lg:text-f-d-base text-f-m-base [&amp;_div]:leading-6"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description">Ardian, a renowned global private investment company managing assets worth USD 103 billion, reinforces its investment in JAKALA, following its initial entry capital in 2018. JAKALA also takes a significant stride forward by acquiring BMIND, a rising star within Spain's digital ecosystem, boasting its workforce with deep expertise on adtech and digital analytics.</div> </div> </div> <div class="pop-up-slider__year absolute lg:-bottom-17 -bottom-10 left-0 pr-14 pl-9 w-full flex flex-row lg:flex-wrap lg:justify-end justify-center items-center lg:[&amp;_div]:text-[max(6.764rem,15.972222vw)] [&amp;_div]:text-[max(6.764rem,24.3589vw)] [&amp;_div]:font-semibold [&amp;_div]:letter-spacing: -8.35px; [&amp;_div]:-translate-y-1 [&amp;_div]:opacity-80 lg:[&amp;_div]:leading-normal [&amp;_div]:leading-none"> <hr class="my-hr border-2 border-white border-opacity-80 w-18"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> 2021 </h2> </div> </div> </div> <div class="swiper-slide !h-screen [&amp;_*]:text-white"> <img class="pop-up-slider__background-img span4 absolute !h-full w-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_6.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_Timeline_6.jpg" alt="About_WhoWeAre_Timeline_6" loading="lazy" width="2200" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_6.jpg?width=1100&amp;height=611&amp;name=About_WhoWeAre_Timeline_6.jpg 1100w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_6.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_Timeline_6.jpg 2200w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_6.jpg?width=3300&amp;height=1833&amp;name=About_WhoWeAre_Timeline_6.jpg 3300w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_6.jpg?width=4400&amp;height=2444&amp;name=About_WhoWeAre_Timeline_6.jpg 4400w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_6.jpg?width=5500&amp;height=3055&amp;name=About_WhoWeAre_Timeline_6.jpg 5500w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_6.jpg?width=6600&amp;height=3666&amp;name=About_WhoWeAre_Timeline_6.jpg 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> <div class="bg-primary/50 absolute w-full h-full top-0 left-0"></div> <div class="px-10 pt-12 lg:px-14 lg:pt-14 w-full h-full lg:pb-0 pb-16 flex flex-col"> <div class="pop-up-slider__title span3"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> THE INTERNATIONAL EXPANSION </h2> </div> <div class="pop-up-slider__description span6 relative lg:pt-15 top-0 left-0 lg:pl-16 lg:ml-10 lg:mt-0 mt-auto"> <div class="js-anim lg:text-f-d-base text-f-m-base [&amp;_div]:leading-6"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description">JAKALA embarks on an ambitious international expansion, by establishing build-up ventures in the United States, Portugal, Taiwan, and China. Additionally, the company bolsters its foothold in the Spanish market through the acquisition of Biko, a Pamplona-based company renowned for its profound expertise in digital experience platforms.</div> </div> </div> <div class="pop-up-slider__year absolute lg:-bottom-17 -bottom-10 left-0 pr-14 pl-9 w-full flex flex-row lg:flex-wrap lg:justify-end justify-center items-center lg:[&amp;_div]:text-[max(6.764rem,15.972222vw)] [&amp;_div]:text-[max(6.764rem,24.3589vw)] [&amp;_div]:font-semibold [&amp;_div]:letter-spacing: -8.35px; [&amp;_div]:-translate-y-1 [&amp;_div]:opacity-80 lg:[&amp;_div]:leading-normal [&amp;_div]:leading-none"> <hr class="my-hr border-2 border-white border-opacity-80 w-18"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> 2022 </h2> </div> </div> </div> <div class="swiper-slide !h-screen [&amp;_*]:text-white"> <img class="pop-up-slider__background-img span4 absolute !h-full w-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_7.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_Timeline_7.jpg" alt="About_WhoWeAre_Timeline_7" loading="lazy" width="2200" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_7.jpg?width=1100&amp;height=611&amp;name=About_WhoWeAre_Timeline_7.jpg 1100w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_7.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_Timeline_7.jpg 2200w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_7.jpg?width=3300&amp;height=1833&amp;name=About_WhoWeAre_Timeline_7.jpg 3300w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_7.jpg?width=4400&amp;height=2444&amp;name=About_WhoWeAre_Timeline_7.jpg 4400w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_7.jpg?width=5500&amp;height=3055&amp;name=About_WhoWeAre_Timeline_7.jpg 5500w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_7.jpg?width=6600&amp;height=3666&amp;name=About_WhoWeAre_Timeline_7.jpg 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> <div class="bg-primary/50 absolute w-full h-full top-0 left-0"></div> <div class="px-10 pt-12 lg:px-14 lg:pt-14 w-full h-full lg:pb-0 pb-16 flex flex-col"> <div class="pop-up-slider__title span3"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> THE OFFERING ENRICHMENT </h2> </div> <div class="pop-up-slider__description span6 relative lg:pt-15 top-0 left-0 lg:pl-16 lg:ml-10 lg:mt-0 mt-auto"> <div class="js-anim lg:text-f-d-base text-f-m-base [&amp;_div]:leading-6"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description">In 2022, a significant highlight is the acquisition of H-FARM Consultancy, encompassing the Innovation, Digital Marketing, and Enabling Solutions divisions. Furthermore, JAKALA expands its reach into the realm of Public Administration by launching JAKALA Civitas, a new company dedicated to spearheading the digital transformation of the public sector.</div> </div> </div> <div class="pop-up-slider__year absolute lg:-bottom-17 -bottom-10 left-0 pr-14 pl-9 w-full flex flex-row lg:flex-wrap lg:justify-end justify-center items-center lg:[&amp;_div]:text-[max(6.764rem,15.972222vw)] [&amp;_div]:text-[max(6.764rem,24.3589vw)] [&amp;_div]:font-semibold [&amp;_div]:letter-spacing: -8.35px; [&amp;_div]:-translate-y-1 [&amp;_div]:opacity-80 lg:[&amp;_div]:leading-normal [&amp;_div]:leading-none"> <hr class="my-hr border-2 border-white border-opacity-80 w-18"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> 2022 </h2> </div> </div> </div> <div class="swiper-slide !h-screen [&amp;_*]:text-white"> <img class="pop-up-slider__background-img span4 absolute !h-full w-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/Timeline-3_anno-2022.jpg?width=2200&amp;height=1222&amp;name=Timeline-3_anno-2022.jpg" alt="Timeline-3_anno-2022" loading="lazy" width="2200" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/Timeline-3_anno-2022.jpg?width=1100&amp;height=611&amp;name=Timeline-3_anno-2022.jpg 1100w, https://www.jakala.com/hs-fs/hubfs/Timeline-3_anno-2022.jpg?width=2200&amp;height=1222&amp;name=Timeline-3_anno-2022.jpg 2200w, https://www.jakala.com/hs-fs/hubfs/Timeline-3_anno-2022.jpg?width=3300&amp;height=1833&amp;name=Timeline-3_anno-2022.jpg 3300w, https://www.jakala.com/hs-fs/hubfs/Timeline-3_anno-2022.jpg?width=4400&amp;height=2444&amp;name=Timeline-3_anno-2022.jpg 4400w, https://www.jakala.com/hs-fs/hubfs/Timeline-3_anno-2022.jpg?width=5500&amp;height=3055&amp;name=Timeline-3_anno-2022.jpg 5500w, https://www.jakala.com/hs-fs/hubfs/Timeline-3_anno-2022.jpg?width=6600&amp;height=3666&amp;name=Timeline-3_anno-2022.jpg 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> <div class="bg-primary/50 absolute w-full h-full top-0 left-0"></div> <div class="px-10 pt-12 lg:px-14 lg:pt-14 w-full h-full lg:pb-0 pb-16 flex flex-col"> <div class="pop-up-slider__title span3"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> THE GLOBAL STATEMENT </h2> </div> <div class="pop-up-slider__description span6 relative lg:pt-15 top-0 left-0 lg:pl-16 lg:ml-10 lg:mt-0 mt-auto"> <div class="js-anim lg:text-f-d-base text-f-m-base [&amp;_div]:leading-6"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><p>JAKALA propels its international growth trajectory forward by acquiring FFW, a renowned global company, headquartered in Denmark, with offices spanning Germany, the United States, the UK, and France. It stands as a prominent developer of customer experience solutions. This transaction marks the largest acquisition to date in Europe within the private digital services sector.</p></div> </div> </div> <div class="pop-up-slider__year absolute lg:-bottom-17 -bottom-10 left-0 pr-14 pl-9 w-full flex flex-row lg:flex-wrap lg:justify-end justify-center items-center lg:[&amp;_div]:text-[max(6.764rem,15.972222vw)] [&amp;_div]:text-[max(6.764rem,24.3589vw)] [&amp;_div]:font-semibold [&amp;_div]:letter-spacing: -8.35px; [&amp;_div]:-translate-y-1 [&amp;_div]:opacity-80 lg:[&amp;_div]:leading-normal [&amp;_div]:leading-none"> <hr class="my-hr border-2 border-white border-opacity-80 w-18"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> 2023 </h2> </div> </div> </div> <div class="swiper-slide !h-screen [&amp;_*]:text-white"> <img class="pop-up-slider__background-img span4 absolute !h-full w-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_8.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_Timeline_8.jpg" alt="About_WhoWeAre_Timeline_8" loading="lazy" width="2200" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_8.jpg?width=1100&amp;height=611&amp;name=About_WhoWeAre_Timeline_8.jpg 1100w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_8.jpg?width=2200&amp;height=1222&amp;name=About_WhoWeAre_Timeline_8.jpg 2200w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_8.jpg?width=3300&amp;height=1833&amp;name=About_WhoWeAre_Timeline_8.jpg 3300w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_8.jpg?width=4400&amp;height=2444&amp;name=About_WhoWeAre_Timeline_8.jpg 4400w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_8.jpg?width=5500&amp;height=3055&amp;name=About_WhoWeAre_Timeline_8.jpg 5500w, https://www.jakala.com/hs-fs/hubfs/About_WhoWeAre_Timeline_8.jpg?width=6600&amp;height=3666&amp;name=About_WhoWeAre_Timeline_8.jpg 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> <div class="bg-primary/50 absolute w-full h-full top-0 left-0"></div> <div class="px-10 pt-12 lg:px-14 lg:pt-14 w-full h-full lg:pb-0 pb-16 flex flex-col"> <div class="pop-up-slider__title span3"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> INTERNATIONAL MINDSET </h2> </div> <div class="pop-up-slider__description span6 relative lg:pt-15 top-0 left-0 lg:pl-16 lg:ml-10 lg:mt-0 mt-auto"> <div class="js-anim lg:text-f-d-base text-f-m-base [&amp;_div]:leading-6"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><p>JAKALA takes another important step on the road of becoming the world’s foremost all-in-one marketing company and expands in France and Latvia, thanks to the acquisition of Madagence, Roibox and Soy<span lang="EN-US">H</span>u<span lang="EN-US">C</span>e.</p> <p>Thanks to these acquisitions,<span lang="EN-US">&nbsp;</span>JAKALA strengthens <span lang="EN-US">once more </span>its e-commerce practice and presence,&nbsp;unifies the view of the territory of a brand, o<span>ffering a real omni-channel strategy, </span>and boosts its Al &amp; data practice.</p></div> </div> </div> <div class="pop-up-slider__year absolute lg:-bottom-17 -bottom-10 left-0 pr-14 pl-9 w-full flex flex-row lg:flex-wrap lg:justify-end justify-center items-center lg:[&amp;_div]:text-[max(6.764rem,15.972222vw)] [&amp;_div]:text-[max(6.764rem,24.3589vw)] [&amp;_div]:font-semibold [&amp;_div]:letter-spacing: -8.35px; [&amp;_div]:-translate-y-1 [&amp;_div]:opacity-80 lg:[&amp;_div]:leading-normal [&amp;_div]:leading-none"> <hr class="my-hr border-2 border-white border-opacity-80 w-18"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> 2023 </h2> </div> </div> </div> <div class="swiper-slide !h-screen [&amp;_*]:text-white"> <img class="pop-up-slider__background-img span4 absolute !h-full w-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png?width=1500&amp;height=1000&amp;name=A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png" alt="A EUROPEAN POWERHOUSE_shutterstock_2147337585" loading="lazy" width="1500" height="1000" srcset="https://www.jakala.com/hs-fs/hubfs/A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png?width=750&amp;height=500&amp;name=A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png 750w, https://www.jakala.com/hs-fs/hubfs/A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png?width=1500&amp;height=1000&amp;name=A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png 1500w, https://www.jakala.com/hs-fs/hubfs/A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png?width=2250&amp;height=1500&amp;name=A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png 2250w, https://www.jakala.com/hs-fs/hubfs/A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png?width=3000&amp;height=2000&amp;name=A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png 3000w, https://www.jakala.com/hs-fs/hubfs/A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png?width=3750&amp;height=2500&amp;name=A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png 3750w, https://www.jakala.com/hs-fs/hubfs/A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png?width=4500&amp;height=3000&amp;name=A%20EUROPEAN%20POWERHOUSE_shutterstock_2147337585.png 4500w" sizes="(max-width: 1500px) 100vw, 1500px"> <div class="bg-primary/50 absolute w-full h-full top-0 left-0"></div> <div class="px-10 pt-12 lg:px-14 lg:pt-14 w-full h-full lg:pb-0 pb-16 flex flex-col"> <div class="pop-up-slider__title span3"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> A EUROPEAN POWERHOUSE </h2> </div> <div class="pop-up-slider__description span6 relative lg:pt-15 top-0 left-0 lg:pl-16 lg:ml-10 lg:mt-0 mt-auto"> <div class="js-anim lg:text-f-d-base text-f-m-base [&amp;_div]:leading-6"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><p>With the acquisition of GotU, JAKALA enhances its highly specialized AI-based service portfolio, paving the way for expansion into new client segments within SMEs and Retail.<br><br>Moreover, leveraging the success of its Parisian division's launch one year prior, JAKALA achieves another milestone in France by acquiring a majority stake in Claravista, a company with offices in Paris and Singapore, leading major international brands through digital transformation and data utilization.<br><br>These acquisitions mark another stride in JAKALA's journey of international expansion, solidifying its position as a European powerhouse in data transformation propelled by AI.</p></div> </div> </div> <div class="pop-up-slider__year absolute lg:-bottom-17 -bottom-10 left-0 pr-14 pl-9 w-full flex flex-row lg:flex-wrap lg:justify-end justify-center items-center lg:[&amp;_div]:text-[max(6.764rem,15.972222vw)] [&amp;_div]:text-[max(6.764rem,24.3589vw)] [&amp;_div]:font-semibold [&amp;_div]:letter-spacing: -8.35px; [&amp;_div]:-translate-y-1 [&amp;_div]:opacity-80 lg:[&amp;_div]:leading-normal [&amp;_div]:leading-none"> <hr class="my-hr border-2 border-white border-opacity-80 w-18"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> 2024 </h2> </div> </div> </div> <div class="swiper-slide !h-screen [&amp;_*]:text-white"> <img class="pop-up-slider__background-img span4 absolute !h-full w-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg?width=3840&amp;height=2160&amp;name=JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg" alt="JAKALAS MARK IN THE CREATIVE INDUSTRY-unsplash" loading="lazy" width="3840" height="2160" srcset="https://www.jakala.com/hs-fs/hubfs/JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg?width=1920&amp;height=1080&amp;name=JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg 1920w, https://www.jakala.com/hs-fs/hubfs/JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg?width=3840&amp;height=2160&amp;name=JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg 3840w, https://www.jakala.com/hs-fs/hubfs/JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg?width=5760&amp;height=3240&amp;name=JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg 5760w, https://www.jakala.com/hs-fs/hubfs/JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg?width=7680&amp;height=4320&amp;name=JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg 7680w, https://www.jakala.com/hs-fs/hubfs/JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg?width=9600&amp;height=5400&amp;name=JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg 9600w, https://www.jakala.com/hs-fs/hubfs/JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg?width=11520&amp;height=6480&amp;name=JAKALAS%20MARK%20IN%20THE%20CREATIVE%20INDUSTRY-unsplash.jpg 11520w" sizes="(max-width: 3840px) 100vw, 3840px"> <div class="bg-primary/50 absolute w-full h-full top-0 left-0"></div> <div class="px-10 pt-12 lg:px-14 lg:pt-14 w-full h-full lg:pb-0 pb-16 flex flex-col"> <div class="pop-up-slider__title span3"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> SBAM IS BORN </h2> </div> <div class="pop-up-slider__description span6 relative lg:pt-15 top-0 left-0 lg:pl-16 lg:ml-10 lg:mt-0 mt-auto"> <div class="js-anim lg:text-f-d-base text-f-m-base [&amp;_div]:leading-6"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><p>SBAM is the creative agency born from the fusion of JAKALA and a team of seasoned creative professionals. The agency embraces Radical Simplicity as its guiding philosophy. It seamlessly blends creative talent with AI &amp; Data transformation, with JAKALA playing a pivotal global role. With 25+ active clients like Virgin Fibra and Cellini Caffè, and a team of 50 professionals specializing in branding, campaigns and social media, SBAM emerges within JAKALA's Digital &amp; Media business line. This culmination of internal efforts creates a robust, agile, and ambitious structure, blending existing expertise with ongoing recruitment efforts.</p></div> </div> </div> <div class="pop-up-slider__year absolute lg:-bottom-17 -bottom-10 left-0 pr-14 pl-9 w-full flex flex-row lg:flex-wrap lg:justify-end justify-center items-center lg:[&amp;_div]:text-[max(6.764rem,15.972222vw)] [&amp;_div]:text-[max(6.764rem,24.3589vw)] [&amp;_div]:font-semibold [&amp;_div]:letter-spacing: -8.35px; [&amp;_div]:-translate-y-1 [&amp;_div]:opacity-80 lg:[&amp;_div]:leading-normal [&amp;_div]:leading-none"> <hr class="my-hr border-2 border-white border-opacity-80 w-18"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> 2024 </h2> </div> </div> </div> <div class="swiper-slide !h-screen [&amp;_*]:text-white"> <img class="pop-up-slider__background-img span4 absolute !h-full w-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/Picture%2011.jpg?width=3840&amp;height=2160&amp;name=Picture%2011.jpg" alt="Picture 11" loading="lazy" width="3840" height="2160" srcset="https://www.jakala.com/hs-fs/hubfs/Picture%2011.jpg?width=1920&amp;height=1080&amp;name=Picture%2011.jpg 1920w, https://www.jakala.com/hs-fs/hubfs/Picture%2011.jpg?width=3840&amp;height=2160&amp;name=Picture%2011.jpg 3840w, https://www.jakala.com/hs-fs/hubfs/Picture%2011.jpg?width=5760&amp;height=3240&amp;name=Picture%2011.jpg 5760w, https://www.jakala.com/hs-fs/hubfs/Picture%2011.jpg?width=7680&amp;height=4320&amp;name=Picture%2011.jpg 7680w, https://www.jakala.com/hs-fs/hubfs/Picture%2011.jpg?width=9600&amp;height=5400&amp;name=Picture%2011.jpg 9600w, https://www.jakala.com/hs-fs/hubfs/Picture%2011.jpg?width=11520&amp;height=6480&amp;name=Picture%2011.jpg 11520w" sizes="(max-width: 3840px) 100vw, 3840px"> <div class="bg-primary/50 absolute w-full h-full top-0 left-0"></div> <div class="px-10 pt-12 lg:px-14 lg:pt-14 w-full h-full lg:pb-0 pb-16 flex flex-col"> <div class="pop-up-slider__title span3"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> AI-DRIVEN DATA BOOST </h2> </div> <div class="pop-up-slider__description span6 relative lg:pt-15 top-0 left-0 lg:pl-16 lg:ml-10 lg:mt-0 mt-auto"> <div class="js-anim lg:text-f-d-base text-f-m-base [&amp;_div]:leading-6"> <div id="hs_cos_wrapper_main-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><p>JAKALA strengthens its AI-driven data transformation with the acquisition of a 65% majority stake in Quantyca, a leading Italian company in advanced data management. Founded in 2009, Quantyca helps businesses turn data into a strategic asset through tailored solutions that blend technology, strategy, and innovation.</p> <p>More than just growth, this partnership is built on a shared vision. United by a commitment to innovation and a global mindset, JAKALA and Quantyca are setting new standards in data-driven transformation, unlocking new opportunities for their clients.</p></div> </div> </div> <div class="pop-up-slider__year absolute lg:-bottom-17 -bottom-10 left-0 pr-14 pl-9 w-full flex flex-row lg:flex-wrap lg:justify-end justify-center items-center lg:[&amp;_div]:text-[max(6.764rem,15.972222vw)] [&amp;_div]:text-[max(6.764rem,24.3589vw)] [&amp;_div]:font-semibold [&amp;_div]:letter-spacing: -8.35px; [&amp;_div]:-translate-y-1 [&amp;_div]:opacity-80 lg:[&amp;_div]:leading-normal [&amp;_div]:leading-none"> <hr class="my-hr border-2 border-white border-opacity-80 w-18"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-split-lines js-animate-title"> 2025 </h2> </div> </div> </div> </div> <div class="swiper-button-prev"> <svg class="w-14 h-auto" width="64px" height="73px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.9"> <g id="Kit" transform="translate(-371.000000, -637.000000)" stroke-width="2"> <g id="Icon-/--chevron-left---B" transform="translate(371.000000, 637.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7" stroke="#02002c" fill="#FFFFFF"></path> <g id="Icon-/-8-/-chevron-right---W" transform="translate(27.000000, 30.000000)" stroke="#1941FA"> <polyline id="Path" transform="translate(4.000000, 7.000000) rotate(-180.000000) translate(-4.000000, -7.000000) " points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </svg> </div> <div class="swiper-button-next"> <svg class="w-14 h-auto" width="64px" height="73px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.9"> <g id="Kit" transform="translate(-459.000000, -637.000000)" stroke-width="2"> <g id="Icon-/--chevron-right---B" transform="translate(459.000000, 637.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7" stroke="#02002c" fill="#FFFFFF"></path> <g id="Icon-/-8-/-chevron-right---W" transform="translate(28.000000, 30.000000)" stroke="#1941FA"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </svg> </div> </div> </main> </div> </div> </div> </div> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69333281506/1686911361229/jakala/js/scripts/micromodal.min.js"></script> <script> const swiper = new Swiper("#modal-popup-slider", { navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, keyboard: true, slidesPerView: 1, a11y: true, }); swiper.on("slideChange", function (swiper) { const currentSlide = swiper.slides[swiper.activeIndex]; replayAnimations(currentSlide); }); function replayAnimations(slide) { const titles = slide.querySelectorAll(".js-animate-title"); const description = slide.querySelector(".js-anim"); console.log(description.timeline); titles.forEach((title) => { title.timeline.duration(1).restart(); }); description.timeline.duration(1).restart(); } </script> <!-- Start of HubSpot Analytics Code --> <script type="text/javascript"> var _hsq = _hsq || []; _hsq.push(["setContentType", "standard-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/www.jakala.com\/about-us-who-we-are"]); _hsq.push(["setPageId", "70369964278"]); _hsq.push(["setContentMetadata", { "contentPageId": 70369964278, "legacyPageId": "70369964278", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 70369964278, "languageCode": "en", }]); </script> <script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/26289830.js"></script> <!-- End of HubSpot Analytics Code --> <script type="text/javascript"> var hsVars = { render_id: "1b40f081-83bc-49b0-8297-8a718711ffd8", ticks: 1740481482211, page_id: 70369964278, content_group_id: 0, portal_id: 26289830, app_hs_base_url: "https://app-eu1.hubspot.com", cp_hs_base_url: "https://cp-eu1.hubspot.com", language: "en", analytics_page_type: "standard-page", scp_content_type: "", analytics_page_id: "70369964278", category_id: 1, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.393/js/index.js"></script> <script> (function () { var s = document.createElement("script"), e = !document.body ? document.querySelector("head") : document.body; s.src = "https://eu.acsbapp.com/apps/app/dist/js/app.js"; s.async = true; s.onload = function () { acsbJS.init({ statementLink: "", footerHtml: '<a href="https://www.accessiway.com/it/home/" target="_blank">AccessiWay. The Web Accessibility Solution</a>', hideMobile: false, hideTrigger: false, language: "en", position: "right", leadColor: "#0069fb", triggerColor: "#004fce", triggerRadius: "50%", triggerPositionX: "right", triggerPositionY: "bottom", triggerIcon: "people", triggerSize: "medium", triggerOffsetX: 20, triggerOffsetY: 20, mobile: { triggerSize: "medium", triggerPositionX: "right", triggerPositionY: "bottom", triggerOffsetX: 10, triggerOffsetY: 10, triggerRadius: "50%", }, }); }; e.appendChild(s); })(); </script> </body></html>

Pages: 1 2 3 4 5 6 7 8 9 10