CINXE.COM
Join us - Jakala
<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>Join us - Jakala</title> <link rel="shortcut icon" href="https://www.jakala.com/hubfs/favicon.ico"> <meta name="description" content="Together to get there is Jakala's brand-new value proposition, join Jakala to make your future, our future."> <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="Together to get there is Jakala's brand-new value proposition, join Jakala to make your future, our future."> <meta property="og:title" content="Join us - Jakala"> <meta name="twitter:description" content="Together to get there is Jakala's brand-new value proposition, join Jakala to make your future, our future."> <meta name="twitter:title" content="Join us - 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> <!-- 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; } /* HubSpot Non-stacked Media Query Styles */ @media (min-width:768px) { .main-column-3-row-1-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1687357044783-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_1687357044783-vertical-alignment > div { flex-shrink: 0 !important; } } /* HubSpot Styles (default) */ .main-row-0-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/work-with-us-join"> <meta name="ahrefs-site-verification" content="f7fab31d6241b6eccf9acbb1c4a567a78847ecfbb4f60d5c1e25daa35fabdaf4"> <meta name="google-site-verification" content="AFU2Rk1sIrgVBKDg-cPwKC9ZL_JfKp2U9n6VuEP0FFU"> <meta property="og:url" content="https://www.jakala.com/work-with-us-join"> <meta name="twitter:card" content="summary"> <meta http-equiv="content-language" content="en"> <link rel="alternate" hreflang="da" href="https://www.jakala.com/da/work-with-us-join"> <link rel="alternate" hreflang="de" href="https://www.jakala.com/de/arbeiten-sie-mit-uns-teammitglied-werden"> <link rel="alternate" hreflang="en" href="https://www.jakala.com/work-with-us-join"> <link rel="alternate" hreflang="en-gb" href="https://www.jakala.com/en-gb/work-with-us-join"> <link rel="alternate" hreflang="en-us" href="https://www.jakala.com/en-us/work-with-us-join"> <link rel="alternate" hreflang="es" href="https://www.jakala.com/es/trabaja-con-nosotros-unete"> <link rel="alternate" hreflang="fr" href="https://www.jakala.com/fr/travailler-avec-nous-nous-rejoindre"> <link rel="alternate" hreflang="it" href="https://www.jakala.com/it/lavora-con-noi-unisciti"> <link rel="alternate" hreflang="pt" href="https://www.jakala.com/pt/trabalhar-conosco-juntar-se"> <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-71652405482 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 [&_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="[&_*]: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-&-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] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.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] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.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:[&>.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/about-us-who-we-are"> <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:[&>.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 & 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] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.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:[&>.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:[&>.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:[&>.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] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.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:[&>.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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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 & 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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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 & 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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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:[&>.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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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:[&>.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 & 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 & 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 & 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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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:[&>.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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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 & 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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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 & 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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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 & 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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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 & 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:[&>.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] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.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] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.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:[&>.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/work-with-us-join" aria-current="page"> <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:[&>.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] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.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:[&>.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] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.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] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.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/arbeiten-sie-mit-uns-teammitglied-werden" class="menu-link hs-skip-lang-url-rewrite font-medium"> Deutsch </a> </li> <li class="no-submenu menu-item"> <a href="/en-gb/work-with-us-join" class="menu-link hs-skip-lang-url-rewrite font-medium"> English - UK </a> </li> <li class="no-submenu menu-item"> <a href="/en-us/work-with-us-join" class="menu-link hs-skip-lang-url-rewrite font-medium"> English - US </a> </li> <li class="no-submenu menu-item"> <a href="/es/trabaja-con-nosotros-unete" class="menu-link hs-skip-lang-url-rewrite font-medium"> Español </a> </li> <li class="no-submenu menu-item"> <a href="/fr/travailler-avec-nous-nous-rejoindre" class="menu-link hs-skip-lang-url-rewrite font-medium"> Français </a> </li> <li class="no-submenu menu-item"> <a href="/it/lavora-con-noi-unisciti" class="menu-link hs-skip-lang-url-rewrite font-medium"> Italiano </a> </li> <li class="no-submenu menu-item"> <a href="/da/work-with-us-join" class="menu-link hs-skip-lang-url-rewrite font-medium"> Dansk </a> </li> <li class="no-submenu menu-item"> <a href="/pt/trabalhar-conosco-juntar-se" 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-img-text-description__module lg:min-h-vh w-full relative [&_*]:text-white flex"> <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/Join_background.jpg?width=1920&height=1080&name=Join_background.jpg" alt="Join_background" loading="lazy" width="1920" height="1080" srcset="https://www.jakala.com/hs-fs/hubfs/Join_background.jpg?width=960&height=540&name=Join_background.jpg 960w, https://www.jakala.com/hs-fs/hubfs/Join_background.jpg?width=1920&height=1080&name=Join_background.jpg 1920w, https://www.jakala.com/hs-fs/hubfs/Join_background.jpg?width=2880&height=1620&name=Join_background.jpg 2880w, https://www.jakala.com/hs-fs/hubfs/Join_background.jpg?width=3840&height=2160&name=Join_background.jpg 3840w, https://www.jakala.com/hs-fs/hubfs/Join_background.jpg?width=4800&height=2700&name=Join_background.jpg 4800w, https://www.jakala.com/hs-fs/hubfs/Join_background.jpg?width=5760&height=3240&name=Join_background.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> <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/WorkWithUs_JoinJakala_Hero_Mobile.jpg?width=780&height=1688&name=WorkWithUs_JoinJakala_Hero_Mobile.jpg" alt="WorkWithUs_JoinJakala_Hero_Mobile" loading="" width="780" height="1688" srcset="https://www.jakala.com/hs-fs/hubfs/WorkWithUs_JoinJakala_Hero_Mobile.jpg?width=390&height=844&name=WorkWithUs_JoinJakala_Hero_Mobile.jpg 390w, https://www.jakala.com/hs-fs/hubfs/WorkWithUs_JoinJakala_Hero_Mobile.jpg?width=780&height=1688&name=WorkWithUs_JoinJakala_Hero_Mobile.jpg 780w, https://www.jakala.com/hs-fs/hubfs/WorkWithUs_JoinJakala_Hero_Mobile.jpg?width=1170&height=2532&name=WorkWithUs_JoinJakala_Hero_Mobile.jpg 1170w, https://www.jakala.com/hs-fs/hubfs/WorkWithUs_JoinJakala_Hero_Mobile.jpg?width=1560&height=3376&name=WorkWithUs_JoinJakala_Hero_Mobile.jpg 1560w, https://www.jakala.com/hs-fs/hubfs/WorkWithUs_JoinJakala_Hero_Mobile.jpg?width=1950&height=4220&name=WorkWithUs_JoinJakala_Hero_Mobile.jpg 1950w, https://www.jakala.com/hs-fs/hubfs/WorkWithUs_JoinJakala_Hero_Mobile.jpg?width=2340&height=5064&name=WorkWithUs_JoinJakala_Hero_Mobile.jpg 2340w" sizes="(max-width: 780px) 100vw, 780px"> <div class="h-full w-full absolute top-0 left-0 bg-secondary/40"></div> <div class="h-full w-full absolute top-0 left-0 bg-black/40"></div> <div class="max-w-content mx-auto mt-18 w-full"> <div class="px-9 lg:px-14 lg:pb-14"> <div class="row-fluid flex lg:flex-row flex-col-reverse"> <div class="span4"> <div class="aspect-hexagon w-full relative lg:-left-18 left-1/2 lg:scale-150 lg:top-18 top-12 lg:w-overflow"> <div class="js-zoom-image clip-hexagon aspect-hexagon w-full-outside-container overflow-hidden"> <img class="aspect-hexagon object-cover absolute w-full " src="https://www.jakala.com/hs-fs/hubfs/Join_hexagon.jpg?width=1920&height=1080&name=Join_hexagon.jpg" alt="Join_hexagon" width="1920" height="1080" srcset="https://www.jakala.com/hs-fs/hubfs/Join_hexagon.jpg?width=960&height=540&name=Join_hexagon.jpg 960w, https://www.jakala.com/hs-fs/hubfs/Join_hexagon.jpg?width=1920&height=1080&name=Join_hexagon.jpg 1920w, https://www.jakala.com/hs-fs/hubfs/Join_hexagon.jpg?width=2880&height=1620&name=Join_hexagon.jpg 2880w, https://www.jakala.com/hs-fs/hubfs/Join_hexagon.jpg?width=3840&height=2160&name=Join_hexagon.jpg 3840w, https://www.jakala.com/hs-fs/hubfs/Join_hexagon.jpg?width=4800&height=2700&name=Join_hexagon.jpg 4800w, https://www.jakala.com/hs-fs/hubfs/Join_hexagon.jpg?width=5760&height=3240&name=Join_hexagon.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> </div> </div> </div> <div class="span1"></div> <div class="span6"> <div class="row-fluid"> <div class="span6"> <div class="js-split-lines js-animate-title"> <h1 class="lg:text-f-d-7xl text-f-m-8xl font-semibold uppercase"> Join<br>Jakala </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"><p>Together we create our future. Discover our job opportunities, we are waiting for you to be the next Jakaler!</p></div> </div> </div> <div class="span5"></div> <div class="span2 absolute 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 [&_*]:font-serif lg:text-f-d-sm text-f-m-xs flex lg:flex-col flex-row"> <span>Scroll </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 class="span1"></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-force-full-width-section"> <div class="row-fluid "> <div class="span5 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="5"> <div class="row-fluid-wrapper row-depth-1 row-number-3 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_widget_1687357014697" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module 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="span6 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="5" data-w="6"> <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-14 lg:h-18 "></div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-5 main-column-3-row-1-vertical-alignment dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_1687357044783-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <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-5" 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="js-anim [&>div]:prose-m-lg [&>div]:lg:prose-d-lg"> <div id="hs_cos_wrapper_main-module-5_" 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><span>At JAKALA, we value our talents and empower our people to express their full potential. If you seek a dynamic, ambitious, and creative workplace where you can make a difference, we're the right choice for you.<br><br>People are at the heart of everything we do, beyond their sheer talent and profession, making JAKALA a place to be. At JAKALA, people are a unique, diverse, multifaceted blend of individuals with passion, ambition, and brilliant ideas on how to transform data into value. We encourage Jakalers to explore their potential to maximize the impact of their work, providing them with a collaborative, supportive environment and the right tools, opportunities, and benefits.<br><br>Our purpose is to generate growth and innovation for our stakeholders and the whole community. In our teams, each person is unique and essential to achieve our goals as a community. "Together to get there" is our value proposition because we truly believe that sharing our abilities is our strength. Join us to make your future, our future. Together.</span></p> <p> </p> <p>Looking forward to meeting you. Explore opportunities:</p> <ul> <li>For Italy and Iberia offices <a href="https://careers.jakala.com/careers" rel="noopener" target="_blank">click here</a></li> <li>For France offices <a href="https://www.welcometothejungle.com/fr/companies/jakala" rel="noopener">click here</a></li> <li>For other offices <span data-hs-icon-hubl="true" style="display: inline-block; transform: rotate(0deg); fill: #FF0201;"><span id="hs_cos_wrapper_main-module-5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" height="23" aria-labelledby="Globe1" role="img"><title id="Globe1">Germany Bulgaria Denmark Ukraine UK Vietnam Moldova US</title><g id="Globe1_layer"><path d="M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z" /></g></svg></span></span> <a href="https://jobs.jakala.com/jobs" rel="noopener" target="_blank">click here</a></li> </ul></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-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"><div class="h-16 lg:h-16 "></div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> <div class="span1 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="11" data-w="1"> <div class="row-fluid-wrapper row-depth-1 row-number-8 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_widget_1687357057887" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module 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><!--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/hubfs/raw_assets/public/jakala/images/jakala-j-red-white.svg" alt="Jakala" width="52" height="130" style="max-width: 100%; height: auto;"> </div></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&_.hs-menu-depth-1>*:first-child]:block [&_.hs-menu-depth-1>*:first-child]:mb-7 [&_.hs-menu-depth-1>*:first-child]:font-semibold [&_ul]:space-y-7 [&_.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"> <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><span>Company</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/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 & 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 [&_.hs-menu-depth-1>*:first-child]:block [&_.hs-menu-depth-1>*:first-child]:mb-7 [&_.hs-menu-depth-1>*:first-child]:font-semibold [&_ul]:space-y-7 [&_.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 [&_.hs-menu-depth-1>*:first-child]:block [&_.hs-menu-depth-1>*:first-child]:mb-7 [&_.hs-menu-depth-1>*:first-child]:font-semibold [&_ul]:space-y-7 [&_.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" class="active-branch"> <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children active-branch" role="none"><span>Work with us</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/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 [&_.hs-menu-depth-1>*:first-child]:block [&_.hs-menu-depth-1>*:first-child]:mb-7 [&_.hs-menu-depth-1>*:first-child]:font-semibold [&_ul]:space-y-7 [&_.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 [&_.hs-menu-depth-1>*:first-child]:block [&_.hs-menu-depth-1>*:first-child]:mb-7 [&_.hs-menu-depth-1>*:first-child]:font-semibold [&_ul]:space-y-7 [&_.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 [&>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 [&_svg]:invert [&_svg]:brightness-0 [&_svg]:lg:h-auto [&_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 [&_ul]:lg:flex [&_ul]:lg:space-x-11 [&_ul>li]:lg:border-b-0 [&_li]:lg:py-0 [&_li]:py-7 [&_ul>li]:border-white/20 [&_ul>li]:border-b lg:[&_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 defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/73997234142/1689085234096/jakala/js/scripts/read-more.min.js"></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\/work-with-us-join"]); _hsq.push(["setPageId", "71652405482"]); _hsq.push(["setContentMetadata", { "contentPageId": 71652405482, "legacyPageId": "71652405482", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 71652405482, "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: "2baad3bc-45f0-4146-b067-dee5743e61d9", ticks: 1732786219534, page_id: 71652405482, 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: "71652405482", category_id: 1, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.354/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>