CINXE.COM
Home I Career Site
<!DOCTYPE html> <html lang="en-GB"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0" /> <base href="/"> <title>Home I Career Site</title> <meta name="description" content="Working at IRD Fuel Cells does not only require core competencies, but also a lot of dedication. We all believe that fuel cells are the key to producing the leading energy solution of the future, and "> <meta property="og:title" content="Home I Career Site"> <meta property="og:type" content="website"> <meta property="og:url" content="https://ird.career.emply.com/home"> <meta property="og:image" content=""> <meta property="og:description" content="Working at IRD Fuel Cells does not only require core competencies, but also a lot of dedication. We all believe that fuel cells are the key to producing the leading energy solution of the future, and "> <meta property="fb:app_id" content=""> <script> var intervalId = window.setInterval(function(){ $('.css_jobsCell').find('.css_subheadline').each(function () { var t = $(this).text(); t = t.replace('Teaser text: ', ''); t = t.replace('Teaser: ', ''); $(this).text(t); }); }, 250); </script> <style> @font-face { font-family:IRD_Hind-Regular_O; src: url(/api/file/get/4ab788f0-2b6c-44ef-a11a-45542e0ba2bd); } </style> <link rel="shortcut icon" href="/img/favicon.ico"> <link href="/bundles/css?v=ym4IVaHb6jkuBKloU_CG28BUxzyZGWKkkoR7hS8hxfw1" rel="stylesheet"/> <script src="/bundles/js?v=y8nqM23MgD-BR9BqJqqcDXysymyvS9giJhpfWnCrnGY1"></script> <script type="text/javascript"> $(function () { $('.titleTooltip').tooltipster(); }); </script> <script type="text/javascript"> $(document).ready(function () { var referrer = document.referrer; if (referrer && localStorage && !referrer.startsWith(window.location.origin)) { localStorage.setItem('referrer', referrer); } }); </script> <script> var mapInits = []; var mapInitialized = false; function initMap() { mapInitialized = true; for (var i = 0; i < mapInits.length; i++) { mapInits[i](); } } </script> <script src="https://maps.googleapis.com/maps/api/js?callback=initMap&libraries=places&key=AIzaSyDDwJDtaszetWDicXKS6Fvkp-K8MO3NSxM"></script> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <style> .csl_body { font-family: IRD_Hind-Regular_O, arial, verdana !important; color: #000000; } .css_headline { color: #000000; } .css_subheadline { color: #000000; opacity: 1; } .css_heightCell { color: #000000; } .csl_top { position: relative; background: #fff; line-height: 24px; font-size: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); z-index: 100; } .csl_top .css_holder { padding-top: 0; padding-bottom: 0; } .csl_topTable { float: left; display: table; width: 100%; } .csl_topLogo { display: table-cell; padding: 20px 0; vertical-align: middle; } @media (max-width: 795px) { .csl_topLogo {padding: 10px 0;} } .csl_topLogo:empty:before { content: attr(careersite); line-height: 36px; font-size: 26px; } @media (max-width: 1275px) { .csl_topLogo:empty:before {font-size: 20px;} } .csl_topLogo img { float: left; max-width: 50vw; max-height: 90px; } .csl_topMenu { display: table-cell; vertical-align: middle; } .csl_topMenu > ul { transition: all 0.25s; float: right; list-style-type: none; padding: 0; margin: 0; } @media (max-width: 795px) { .csl_topMenu > ul { position: absolute; top: 0; left: 0; width: calc(100% - 60px); background: #fff; overflow: hidden; transform: translate(0, -100%); border-bottom-right-radius: 10px; } .csl_topMenu.active > ul { transform: translate(0, 0); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } } .csl_topMenu > ul > li { position: relative; float: left; padding: 0 20px; box-sizing: border-box; } @media (max-width: 1275px) { .csl_topMenu > ul > li {padding: 0 10px;} } @media (max-width: 795px) { .csl_topMenu > ul > li { display: block; width: 100%; padding: 0; } } .csl_topMenu > ul > li:last-child { padding-right: 0; } .csl_topLink { transition: all 0.25s; position: relative; display: block; padding: 10px 0; text-decoration: none; color: #000; opacity: 0.75; } .csl_topLinkHolder.active .csl_topLink, .csl_topLinkHolder .csl_topLink:hover { opacity: 1; } .csl_topLink:after { transition: all 0.25s; content: ''; position: absolute; bottom: 5px; left: 50%; width: 0%; height: 2px; background: #353934; opacity: 0; transform: translate(-50%, 0); } .csl_topLink:hover:after, .csl_topLinkHolder.active .csl_topLink:after { width: 100%; opacity: 1; } @media (max-width: 795px) { .csl_topLink { padding: 15px 20px; font-weight: bold; border-bottom: 1px solid #eee; opacity: 1; } .csl_topLink:hover { background: rgba(0, 0, 0, 0.025); } .csl_topLink:after { display: none; } } .csl_topMenu ul li ul { transition: all 0.25s 0.5s; display: none; position: absolute; top: 40px; left: 0; background: #fff; list-style-type: none; padding: 5px 0; margin: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); opacity: 0; } @media (max-width: 795px) { .csl_topMenu ul li ul { display: block; position: relative; top: 0 !important; padding: 0; border-radius: 0; box-shadow: none; opacity: 1 !important; } } .csl_topMenu ul li:hover ul { transition: all 0.25s; display: block; top: 60px; opacity: 0.9; } @media (min-width: 796px) { .csl_topMenu ul li ul:before { content: ''; position: absolute; top: -21px; left: 0; width: 100%; height: 21px; } } .csl_topMenu ul li ul li { white-space: nowrap; } .csl_topMenu ul li ul li a { transition: all 0.25s; display: block; padding: 5px 20px; text-decoration: none; color: #000; } @media (max-width: 795px) { .csl_topMenu ul li ul li a { padding: 10px 20px 8px 30px; border-bottom: 1px solid #eee; } } .csl_topMenu ul li ul li a:hover { text-decoration: underline; } @media (max-width: 795px) { .csl_topMenu ul li ul li a:hover { background: rgba(0, 0, 0, 0.025); text-decoration: none; } } @media (max-width: 795px) { .csl_topMenu ul li.csl_topLanguages { float: left; width: auto; padding: 20px; } } .csl_topLanguages a { float: left; padding: 11px 5px 13px 0; opacity: 0.5; } .csl_topLanguages a:hover { opacity: 1; } .csl_topLanguages a:last-child { padding-right: 0; } .csl_topLanguages a img { float: left; } @media (max-width: 795px) { .csl_topMenu ul li.csl_topLogin { padding: 0 20px; } } @media (max-width: 795px) { .csl_topMenu ul li.csl_topLogin { float: right; width: auto; margin: 20px 0; } } .csl_topLogin a { display: block; background: #3296FA; padding: 5px 10px 4px; text-decoration: none; color: #fff; border-radius: 3px; margin: 5px 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } @media (max-width: 795px) { .csl_topLogin a { float: left; } } .csl_topLogin a:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 5px rgba(255, 255, 255, 0.5) inset; } .csl_topLogin a:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 20px rgba(255, 255, 255, 0.5) inset; } .csl_topMenuIcon { float: right; position: relative; width: 20px; height: 20px; margin-left: 20px; } @media (min-width: 796px) { .csl_topMenuIcon {display: none;} } .csl_topMenuIcon span, .csl_topMenuIcon span:before, .csl_topMenuIcon span:after { transition: all 0.25s; position: absolute; top: 9px; left: 0; width: 100%; height: 2px; background: #3296FA; content: ''; } .csl_topMenu.active .csl_topMenuIcon span { background: rgba(0, 0, 0, 0); } .csl_topMenuIcon span:before { top: -6px; } .csl_topMenu.active .csl_topMenuIcon span:before { top: 0; transform: rotate(45deg); } .csl_topMenuIcon span:after { top: 6px; } .csl_topMenu.active .csl_topMenuIcon span:after { top: 0; transform: rotate(-45deg); } .css_button, .button, .button:hover, .tabs .line,.css_quote .slick-arrow { background: #353934; } .css_quoteMark { color: #353934; } .tabs .link:not(.active):not(.disabled):hover { border-color: #353934; } .css_jobsCell:hover:before { border-color: #353934; box-shadow: 0 0 0 1px #353934; } .csl_topLogin a { background: #353934; } .css_section p a, .csa_jobadText a { color: #353934; } .csl_topMenuIcon span, .csl_topMenuIcon span:before, .csl_topMenuIcon span:after { background: #353934; } .css_button { border-radius: 3px; } link-to-page-button:not(:first-child) .css_button { margin-top: 10px; } .css_jobagentNotify a.active { color: #353934; border-color: #353934; } .cse_iframe { -webkit-overflow-scrolling: touch; } .csa_jobadInfoMap agm-map { height: 192px; } @media print { body, .cse_iframe { height: 100%; overflow-y: visible; overflow-x: visible; } .css_bannerTable { height: auto !important; } .css_bannerTable * { color: #000 !important; } } .css_perksbenefitsBox { border: 5px solid #fff; box-sizing: border-box; } @media (min-width: 796px) { .csl_topLanguages { display: none; } .csl_topLanguagesDropdown { position: relative; } .csl_topLanguagesDropdown:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50px; } .csl_topLanguagesDropdownTrigger { position: relative; float: left; width: 33px; height: 33px; background: url('/img/icons/flags/global.svg') 50% 50% no-repeat; margin-top: 5px; cursor: pointer; } .csl_topLanguagesDropdownHolder { transition: all 0.25s; display: none; position: absolute; top: 48px; left: 50%; width: calc(100% + 10px); background: #fff; padding: 10px 10px 0px 10px; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); transform: translate(-50%, 0); } .csl_topLanguagesDropdown:hover .csl_topLanguagesDropdownHolder { display: block; } .csl_topLanguagesDropdownHolder a { display: block; line-height: 13px; font-size: 12px; white-space: nowrap; text-decoration: none; color: #000; margin-bottom: 10px; } .csl_topLanguagesDropdownHolder a img { float: left; width: 12px; margin: 0 5px 0 0; } } @media (max-width: 795px) { .csl_topLanguagesDropdown { display: none !important; } } </style> <script> </script> <script type="text/javascript"> var isPageIdle = false; $(document).idle({ onIdle: function () { isPageIdle = true; }, onActive: function () { isPageIdle = false; }, idle: 60000 }); function scheduleKeepAlive() { setTimeout('callKeepAlive()', 60000); } function callKeepAlive() { if (isPageIdle) { scheduleKeepAlive(); return; } $.ajax({ type: 'POST', url: '/api/keep-alive', error: function () { scheduleKeepAlive(); }, success: function () { scheduleKeepAlive(); } }); } $(document).ready(function () { scheduleKeepAlive(); }); </script> <script> $(document).ready(function () { const burgerMenu = document.getElementById("topMenuIcon"); const style = window.getComputedStyle(burgerMenu); const isBurgerMenuHidden = style.display === "none"; const topMenu = document.getElementsByClassName("csl_topMenu")[0]; const topMenuList = topMenu.firstElementChild; const firstPageLink = topMenuList.firstElementChild.firstElementChild; if (!isBurgerMenuHidden) { topMenuList.ariaHidden = true; setTabIndexToChildElements(topMenuList); } $('.csl_topMenuIcon').click(function () { if ($('.csl_topMenu').hasClass('active')) { hideBackgroundForElement("body-without-popups"); removeTabIndexForChildElements(topMenu); burgerMenu.ariaExpanded = true; topMenuList.ariaHidden = null; } else { showBackgroundForElement("body-without-popups"); setTabIndexToChildElements(topMenuList); burgerMenu.ariaExpanded = false; topMenuList.ariaHidden = true; } }); $('.csl_topMenuIcon').keydown(function (event) { if ($('.csl_topMenu').hasClass('active')) { if (event.key.toLowerCase() === 'tab') { if (event.shiftKey) { return; } else { event.preventDefault(); firstPageLink.focus(); } } } else { return; } }); }); </script> </head> <body class=""> <div id="body-without-popups"> <div class="csl_body"> <div class="csl_top"> <div class="css_holder"> <div class="csl_topTable"> <a href="/../"> <div class="csl_topLogo" careersite="Career Site"><img src="/api/file/get-optimized-image/2c7fb512-d2a8-415c-8fb4-5f9dfd1486c5"></div> </a> <div class="csl_topMenu"> <ul> <li class="csl_topLinkHolder active"> <a role="tab" aria-selected="true" class="csl_topLink" href="/home">Home</a> <ul> <li><a href="/home/"></a></li> </ul> </li> <li class="csl_topLinkHolder "> <a role="tab" class="csl_topLink" href="/available-positions">Available positions</a> </li> <li class="csl_topLanguages"> </li> <li class="csl_topLanguagesDropdown"> <div class="csl_topLanguagesDropdownTrigger"></div> <div class="csl_topLanguagesDropdownHolder"> </div> </li> <li class="csl_topLogin"><a class="ui_login_button_popup ui_popup_open" data-popup-id="popup_login" href="javascript:void(0);" style="display: none;">Login</a><a class="ui_login_button_profile" href="/profile" style="display: none;">My profile</a><a class="ui_login_button_onboarding_profile" href="/onboarding-profile" style="display: none;">My profile</a></li> </ul> <a role="menuitem" id="topMenuIcon" class="csl_topMenuIcon" onClick="if($(this).parent().hasClass('active')){$(this).parent().removeClass('active');}else{$(this).parent().addClass('active');}" href="javascript:void(0);"><span></span></a> </div> </div> <div class="clear"></div> </div> </div> <div role="tabpanel" aria-label="Home"> <div id="section_b56383f3-d07a-4b79-9282-bbe6465d508d" class="css_section css_banner"> <div class="css_background" style="background-image: url('/api/file/get-optimized-image/c6a3295b-f306-4486-97ac-be003d922d01?crop=False'); background-position: 50% 50%;"></div> <div class="css_backgroundOverlay" style="background: #000000; opacity: 0.5;"></div> <style> #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_body , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_body { font-family: IRD_Hind-Regular_O, arial, verdana !important; color: #000000; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .css_headline , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.css_headline { color: #faf9f9; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .css_subheadline , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.css_subheadline { color: #000000; opacity: 1; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .css_heightCell , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.css_heightCell { color: #000000; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_top , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_top { position: relative; background: #fff; line-height: 24px; font-size: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); z-index: 100; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_top .css_holder , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_top .css_holder { padding-top: 0; padding-bottom: 0; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topTable , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topTable { float: left; display: table; width: 100%; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLogo , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLogo { display: table-cell; padding: 20px 0; vertical-align: middle; } @media (max-width: 795px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLogo , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLogo {padding: 10px 0;} } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLogo:empty:before , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLogo:empty:before { content: attr(careersite); line-height: 36px; font-size: 26px; } @media (max-width: 1275px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLogo:empty:before , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLogo:empty:before {font-size: 20px;} } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLogo img , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLogo img { float: left; max-width: 50vw; max-height: 90px; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu { display: table-cell; vertical-align: middle; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu > ul , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu > ul { transition: all 0.25s; float: right; list-style-type: none; padding: 0; margin: 0; } @media (max-width: 795px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu > ul , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu > ul { position: absolute; top: 0; left: 0; width: calc(100% - 60px); background: #fff; overflow: hidden; transform: translate(0, -100%); border-bottom-right-radius: 10px; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu.active > ul , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu.active > ul { transform: translate(0, 0); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu > ul > li , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu > ul > li { position: relative; float: left; padding: 0 20px; box-sizing: border-box; } @media (max-width: 1275px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu > ul > li , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu > ul > li {padding: 0 10px;} } @media (max-width: 795px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu > ul > li , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu > ul > li { display: block; width: 100%; padding: 0; } } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu > ul > li:last-child , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu > ul > li:last-child { padding-right: 0; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLink , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLink { transition: all 0.25s; position: relative; display: block; padding: 10px 0; text-decoration: none; color: #000; opacity: 0.75; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLinkHolder.active .csl_topLink, #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLinkHolder.active .csl_topLink, #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLinkHolder .csl_topLink:hover , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLinkHolder .csl_topLink:hover { opacity: 1; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLink:after , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLink:after { transition: all 0.25s; content: ''; position: absolute; bottom: 5px; left: 50%; width: 0%; height: 2px; background: #353934; opacity: 0; transform: translate(-50%, 0); } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLink:hover:after, #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLink:hover:after, #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLinkHolder.active .csl_topLink:after , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLinkHolder.active .csl_topLink:after { width: 100%; opacity: 1; } @media (max-width: 795px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLink , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLink { padding: 15px 20px; font-weight: bold; border-bottom: 1px solid #eee; opacity: 1; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLink:hover , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLink:hover { background: rgba(0, 0, 0, 0.025); } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLink:after , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLink:after { display: none; } } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu ul li ul , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu ul li ul { transition: all 0.25s 0.5s; display: none; position: absolute; top: 40px; left: 0; background: #fff; list-style-type: none; padding: 5px 0; margin: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); opacity: 0; } @media (max-width: 795px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu ul li ul , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu ul li ul { display: block; position: relative; top: 0 !important; padding: 0; border-radius: 0; box-shadow: none; opacity: 1 !important; } } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu ul li:hover ul , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu ul li:hover ul { transition: all 0.25s; display: block; top: 60px; opacity: 0.9; } @media (min-width: 796px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu ul li ul:before , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu ul li ul:before { content: ''; position: absolute; top: -21px; left: 0; width: 100%; height: 21px; } } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu ul li ul li , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu ul li ul li { white-space: nowrap; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu ul li ul li a , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu ul li ul li a { transition: all 0.25s; display: block; padding: 5px 20px; text-decoration: none; color: #000; } @media (max-width: 795px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu ul li ul li a , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu ul li ul li a { padding: 10px 20px 8px 30px; border-bottom: 1px solid #eee; } } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu ul li ul li a:hover , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu ul li ul li a:hover { text-decoration: underline; } @media (max-width: 795px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu ul li ul li a:hover , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu ul li ul li a:hover { background: rgba(0, 0, 0, 0.025); text-decoration: none; } } @media (max-width: 795px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu ul li.csl_topLanguages , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu ul li.csl_topLanguages { float: left; width: auto; padding: 20px; } } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLanguages a , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLanguages a { float: left; padding: 11px 5px 13px 0; opacity: 0.5; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLanguages a:hover , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLanguages a:hover { opacity: 1; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLanguages a:last-child , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLanguages a:last-child { padding-right: 0; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLanguages a img , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLanguages a img { float: left; } @media (max-width: 795px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu ul li.csl_topLogin , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu ul li.csl_topLogin { padding: 0 20px; } } @media (max-width: 795px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu ul li.csl_topLogin , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu ul li.csl_topLogin { float: right; width: auto; margin: 20px 0; } } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLogin a , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLogin a { display: block; background: #3296FA; padding: 5px 10px 4px; text-decoration: none; color: #fff; border-radius: 3px; margin: 5px 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } @media (max-width: 795px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLogin a , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLogin a { float: left; } } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLogin a:hover , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLogin a:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 5px rgba(255, 255, 255, 0.5) inset; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLogin a:active , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLogin a:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 20px rgba(255, 255, 255, 0.5) inset; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenuIcon , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenuIcon { float: right; position: relative; width: 20px; height: 20px; margin-left: 20px; } @media (min-width: 796px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenuIcon , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenuIcon {display: none;} } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenuIcon span, #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenuIcon span, #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenuIcon span:before, #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenuIcon span:before, #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenuIcon span:after , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenuIcon span:after { transition: all 0.25s; position: absolute; top: 9px; left: 0; width: 100%; height: 2px; background: #3296FA; content: ''; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu.active .csl_topMenuIcon span , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu.active .csl_topMenuIcon span { background: rgba(0, 0, 0, 0); } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenuIcon span:before , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenuIcon span:before { top: -6px; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu.active .csl_topMenuIcon span:before , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu.active .csl_topMenuIcon span:before { top: 0; transform: rotate(45deg); } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenuIcon span:after , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenuIcon span:after { top: 6px; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenu.active .csl_topMenuIcon span:after , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenu.active .csl_topMenuIcon span:after { top: 0; transform: rotate(-45deg); } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .css_button, #section_b56383f3-d07a-4b79-9282-bbe6465d508d.css_button, #section_b56383f3-d07a-4b79-9282-bbe6465d508d .button, #section_b56383f3-d07a-4b79-9282-bbe6465d508d.button, #section_b56383f3-d07a-4b79-9282-bbe6465d508d .button:hover, #section_b56383f3-d07a-4b79-9282-bbe6465d508d.button:hover, #section_b56383f3-d07a-4b79-9282-bbe6465d508d .tabs .line, #section_b56383f3-d07a-4b79-9282-bbe6465d508d.tabs .line, #section_b56383f3-d07a-4b79-9282-bbe6465d508d .css_quote .slick-arrow , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.css_quote .slick-arrow { background: #353934; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .css_quoteMark , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.css_quoteMark { color: #353934; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .tabs .link:not(.active):not(.disabled):hover , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.tabs .link:not(.active):not(.disabled):hover { border-color: #353934; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .css_jobsCell:hover:before , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.css_jobsCell:hover:before { border-color: #353934; box-shadow: 0 0 0 1px #353934; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLogin a , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLogin a { background: #353934; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .css_section p a, #section_b56383f3-d07a-4b79-9282-bbe6465d508d.css_section p a, #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csa_jobadText a , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csa_jobadText a { color: #353934; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenuIcon span, #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenuIcon span, #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenuIcon span:before, #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenuIcon span:before, #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topMenuIcon span:after , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topMenuIcon span:after { background: #353934; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .css_button , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.css_button { border-radius: 3px; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d link-to-page-button:not(:first-child) .css_button { margin-top: 10px; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .css_jobagentNotify a.active , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.css_jobagentNotify a.active { color: #353934; border-color: #353934; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .cse_iframe , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.cse_iframe { -webkit-overflow-scrolling: touch; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csa_jobadInfoMap agm-map , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csa_jobadInfoMap agm-map { height: 192px; } @media print {#section_b56383f3-d07a-4b79-9282-bbe6465d508d body, #section_b56383f3-d07a-4b79-9282-bbe6465d508d .cse_iframe , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.cse_iframe { height: 100%; overflow-y: visible; overflow-x: visible; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .css_bannerTable , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.css_bannerTable { height: auto !important; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .css_bannerTable * , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.css_bannerTable * { color: #000 !important; } } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .css_perksbenefitsBox , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.css_perksbenefitsBox { border: 5px solid #fff; box-sizing: border-box; } @media (min-width: 796px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLanguages , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLanguages { display: none; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLanguagesDropdown , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLanguagesDropdown { position: relative; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLanguagesDropdown:before , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLanguagesDropdown:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50px; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLanguagesDropdownTrigger , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLanguagesDropdownTrigger { position: relative; float: left; width: 33px; height: 33px; background: url('/img/icons/flags/global.svg') 50% 50% no-repeat; margin-top: 5px; cursor: pointer; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLanguagesDropdownHolder , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLanguagesDropdownHolder { transition: all 0.25s; display: none; position: absolute; top: 48px; left: 50%; width: calc(100% + 10px); background: #fff; padding: 10px 10px 0px 10px; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); transform: translate(-50%, 0); } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLanguagesDropdown:hover .csl_topLanguagesDropdownHolder , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLanguagesDropdown:hover .csl_topLanguagesDropdownHolder { display: block; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLanguagesDropdownHolder a , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLanguagesDropdownHolder a { display: block; line-height: 13px; font-size: 12px; white-space: nowrap; text-decoration: none; color: #000; margin-bottom: 10px; } #section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLanguagesDropdownHolder a img , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLanguagesDropdownHolder a img { float: left; width: 12px; margin: 0 5px 0 0; } } @media (max-width: 795px) {#section_b56383f3-d07a-4b79-9282-bbe6465d508d .csl_topLanguagesDropdown , #section_b56383f3-d07a-4b79-9282-bbe6465d508d.csl_topLanguagesDropdown { display: none !important; } } </style> <div class="css_bannerTable ui_section_height" style=" min-height: 52vh; "> <div class="css_bannerTableCell"> <div class="css_holder"> <h1 class="css_headline">Working at IRD Fuel Cells</h1> <div class="clear"></div> </div> </div> </div> </div> <div id="section_9674afd1-1268-46a2-b18c-9b7b31dd516b" class="css_section css_text css_textRight"> <div class="css_background" style=" "></div> <div class="css_backgroundOverlay" style="background: #000000; opacity: 0;"></div> <div class="css_heightTable ui_section_height" style=" min-height: 24vh; "> <div class="css_heightCell"> <div class="css_holder"> <div class="css_textImage"> <img src="/api/file/get-optimized-image/d0f842f9-d67b-4890-afe4-c5855103581c?crop=False"> </div> <div class="css_textAlign"> <h3 class="css_headline">A Team of Highly Dedicated Specialists</h3> <div class="css_textAlignBody"> <p>Working at IRD Fuel Cells does not only require core competencies, but also a lot of dedication. We all believe that fuel cells are the key to producing the leading energy solution of the future, and we all see IRD Fuel Cells as a part of that solution. IRD Fuel Cells is a company that is highly dependent on its employees’ know-how and knowledge.</p><p>Currently we employ highly qualified specialists within the areas of:</p><ul><li>Electrochemistry</li><li>Material science</li><li>Process technology</li></ul> </div> <a class="css_button" href="https://irdfuelcells.com/about/" target="_self"> Read more here </a> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="section_74678644-8a37-4f34-8fe1-df30274b9278" class="css_section css_text css_textRight"> <div class="css_background" style=" "></div> <div class="css_backgroundOverlay" style="background: #000000; opacity: 0;"></div> <div class="css_heightTable ui_section_height" style=" min-height: 0vh; "> <div class="css_heightCell"> <div class="css_holder"> <div class="css_textImage"> <img src="/api/file/get-optimized-image/9e719be3-7b78-4f5a-a87c-563b80627718?crop=False"> </div> <div class="css_textAlign"> <h3 class="css_headline">Become part of IRD Fuel Cells</h3> <div class="css_textAlignBody"> <p>If you are eager to join our team we would love to hear from you. Take a look at our open positions and send us your CV if any of them matches your qualifications and ambitions.</p> </div> <a class="css_button" href="/available-positions">View open positions</a> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="section_688e83d7-104c-49ee-8ebb-d8b3ff53ca6a" class="css_section css_text css_textLeft"> <div class="css_background" style=" "></div> <div class="css_backgroundOverlay" style="background: #000000; opacity: 0;"></div> <div class="css_heightTable ui_section_height" style=" min-height: 0vh; "> <div class="css_heightCell"> <div class="css_holder"> <div class="css_textImage"> <img src="/api/file/get-optimized-image/eb5c1234-dfe6-4a7a-bac9-37bd401d3e68?crop=False"> </div> <div class="css_textAlign"> <h3 class="css_headline">Send us your unsolicited application... </h3> <div class="css_textAlignBody"> <p>If we don't have an open position matching your qualifications or ambitions, send us your CV and let us know why you and IRD Fuel Cells would be a perfect match.</p> </div> <a class="css_button" href="https://ird.career.emply.com/apply/unsolicited-application/s6r0r9" target="_self"> Send unsolicited application </a> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div id="section_fa36196b-42b0-4c92-9466-1bc042b15993" class="css_section"> <div class="css_section bottom"> <div class="css_holder"> <div class="bottom_table"> <div class="bottom_cell"> <strong>IRD Fuel Cells A/S</strong><br /> Emil Neckelmanns Vej 15, 5220 Odense, Denmark<br /> Tel. +45 63 63 30 00<br /> CVR 14 68 96 05<br /> <a href="mailto:info@irdfuelcells.com">info@irdfuelcells.com</a> </div> <div class="bottom_cell"> </div> <div class="bottom_cell bottom_social"> <a class="bottom_linkedin" href="https://www.linkedin.com/company/ird-fuel-cells" target="_blank"></a> </div> </div> </div> </div> <style> @media (max-width: 700px) { .bottom_table, .bottom_cell {display: block !important;} .bottom_cell:not(:first-child) {margin-top: 30px !important;} } </style> <style> #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom { background: #353934; color: #fff; } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom a , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom a { color: #fff; text-decoration: none; } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom a:hover , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom a:hover { text-decoration: underline; } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_table , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_table { display: table; width: 100%; } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_cell , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_cell { display: table-cell; vertical-align: top; } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_phone, #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_phone, #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_mail , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_mail { height: 36px; background: url('/api/file/get/39d12231-06e0-41c5-bae9-f982451207bc') 0 5px no-repeat; padding: 0 0 0 36px; line-height: 37px; overflow: hidden; } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_mail , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_mail { background-image: url('/api/file/get/1182e1bb-9042-4ddb-b93e-3b22d39fe9fd'); } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_social , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_social { width: 10px; font-size: 0px; white-space: nowrap; color: 000; } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_facebook, #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_facebook, #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_instagram, #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_instagram, #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_linkedin, #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_linkedin, #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_youtube , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_youtube { display: inline-block; width: 40px; height: 40px; background: url('/img/careersite/perksbenefits/social_facebook.svg') 0 0 no-repeat; background-size: cover; margin: 16px 0 0 15px; } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_twitter , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_twitter { display: inline-block; width: 40px; height: 40px; background: url('/img/careersite/perksbenefits/social_facebook.svg') 0 0 no-repeat; background-size: cover; margin: 16px 0 0 15px; } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_facebook , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_facebook { margin-left: 0; } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_instagram , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_instagram { background-image: url('/img/careersite/perksbenefits/social_instagram.svg'); } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_linkedin , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_linkedin { background-image: url('/img/careersite/perksbenefits/social_linkedin.svg'); } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_youtube , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_youtube { background-image: url('/img/careersite/perksbenefits/social_youtube.svg'); } #section_fa36196b-42b0-4c92-9466-1bc042b15993 .bottom_twitter , #section_fa36196b-42b0-4c92-9466-1bc042b15993.bottom_twitter { background-image: url('/img/careersite/perksbenefits/social_twitter.svg'); } </style> <script> </script> </div> </div> <div class="csl_bottom"> <style> .csl_bottom .css_holder { padding-top: 35px; padding-bottom: 35px; } @media (max-width: 795px) { .csl_bottom .css_holder { padding-top: 15px; padding-bottom: 15px; } } .csl_bottomPowered { transition: all 0.25s; float: left; width: 100%; display: block; height: 20px; line-height: 100px; background: url('/img/careersite/new_logo_poweredby.svg') 50% 50% no-repeat; overflow: hidden; } .csl_bottomPowered:hover { opacity: 1; filter: brightness(0) saturate(100%) invert(13%) sepia(48%) saturate(1860%) hue-rotate(186deg) brightness(95%) contrast(92%); } </style> <div class="css_holder"> <a lang="en-US" class="csl_bottomPowered" href="https://emply.com" target="_blank">Powered by Emply</a> <div class="clear"></div> </div> </div> </div> <div class="popup" role="dialog" id="popup_login" data-open-script="initLoginPopup()" style="display: none;"> <div class="holder"> <div class="content" style="width: 500px;"> <div id="showLoginDiv" class="showLogin"> <div role="dialog" aria-labelledby="login-title" aria-describedby="login-description" aria-modal="true" class="contentPadding"> <div id="login-title" class="headline marginBottom">Login</div> <div id="login-description" class="marginBottom">Have you applied for a job or created a job agent? Login below to show/change your preferences.</div> <div class="ui_login_email input icon marginBottom"> <input placeholder="Email" type="email" aria-required="true"> <div class="icon_holder" style="background-image: url('/img/icons/12/letter_bbbbbb.svg');"></div> </div> <div class="ui_login_names" style="display: none;"> <div class="ui_login_first_name input icon marginBottom"> <input placeholder="First Name" required> <div class="icon_holder" style="background-image: url('/img/icons/12/link_bbbbbb.svg');"></div> </div> <div class="ui_login_last_name input icon marginBottom"> <input placeholder="Last Name"> <div class="icon_holder" style="background-image: url('/img/icons/12/link_bbbbbb.svg');"></div> </div> </div> <div class="ui_login_password input icon marginBottomExtra"> <input type="password" placeholder="Password" aria-required="true"> <div class="icon_holder" style="background-image: url('/img/icons/12/key_bbbbbb.svg');"></div> </div> <div id="error-box" tabindex="0" role="alert" class="infomessage notallowed marginBottomExtra" hidden> Incorrect credentials </div> <a class="ui_login_login button" style="margin-right: 15px;" role="button" href="javascript:void(0);"> <span>Login</span> </a> <a class="button secondary" role="button" onClick="onForgotButtonClick()" href="javascript:void(0);"> <span>Forgot</span> </a> <a class="button cancel ui_popup_close" role="button" onClick="onMainCancelButtonClick()" href="javascript:void(0);"> <span>Cancel</span> </a> <div class="clear"></div> </div> </div> <div role="dialog" class="showForgot" style="display: none;"> <div aria-labelledby="forgot-title" aria-describedby="forgot-description" class="contentPadding"> <div id="forgot-title" class="headline marginBottom">Forgot Password</div> <div id="forgot-description" class="marginBottom"> Please fill in your email address if you have forgotten your password. We will send you an email with a link to create a new password. This link will be valid for 24 hours. </div> <div roll="form" class="showForgotForm"> <div class="ui_forgot_expired infomessage warning marginBottom" style="display: none;"> <span>Link to renewing your password has expired request a new link by entering your email below</span> <div class="clear"></div> </div> <div class="ui_forgot_email input icon"> <input type="email" aria-required="true" placeholder="Email"> <div class="icon_holder" style="background-image: url('/img/icons/12/letter_aaaaaa.svg');"></div> </div> <div class="ui_forgot_names" style="display: none;"> <div class="clear marginBottom"></div> <div class="ui_forgot_first_name input icon marginBottom"> <input placeholder="First Name"> <div class="icon_holder" style="background-image: url('/img/icons/12/link_aaaaaa.svg');"></div> </div> <div class="ui_forgot_last_name input icon"> <input placeholder="Last Name"> <div class="icon_holder" style="background-image: url('/img/icons/12/link_aaaaaa.svg');"></div> </div> </div> <div class="clear marginBottomExtra"></div> <a role="button" class="ui_forgot_renew button" href="javascript:void(0);"> <span>Renew</span> </a> <a role="button" class="button cancel" onClick="onForgotPasswordCancelClick()" href="javascript:void(0);"> <span>Cancel</span> </a> </div> <div class="showForgotSuccess" style="display: none;"> <div class="infomessage marginBottomExtra"> <span>Link to renewing your password is sent to your email.</span> <div class="clear"></div> </div> <div class="clear"></div> <a class="button secondary ui_popup_close" href="javascript:void(0);"> <span>Close</span> </a> </div> <div class="clear"></div> </div> </div> <div class="showSecure" style="display: none;"> <div class="contentPadding"> <div class="headline marginBottom">We have sent a security code to your e-mail.</div> <div class="showSecureForm"> <div class="ui_secure_code input icon"> <input placeholder="Code"> <div class="icon_holder" style="background-image: url('/img/icons/12/letter_aaaaaa.svg');"></div> </div> <div class="clear marginBottomExtra"></div> <a role="button" class="ui_secure_login button style="margin-right: 15px;" href="javascript:void(0);"> <span>Login</span> </a> <a role="button" class="button secondary" onClick="$('.showLogin, .showForgot').slideToggle(250);" href="javascript:void(0);"> <span>Forgot</span> </a> <a role="button" class="button cancel ui_popup_close" href="javascript:void(0);"> <span>Cancel</span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <script> function initLoginPopup() { show('.showLogin'); hide('.showForgot'); hide('.showSecure'); hideBackgroundForElement("body-without-popups"); show('.showForgotForm') hide('.showForgotSuccess') hide('.ui_forgot_expired'); $('.ui_login_email input').val(''); $('.ui_login_first_name input').val(''); $('.ui_login_last_name input').val(''); $('.ui_login_password input').val(''); hide('.ui_login_names'); $('.ui_forgot_email input').val(''); $('.ui_forgot_first_name input').val(''); $('.ui_forgot_last_name input').val(''); $('.ui_secure_code input').val(''); hide('.ui_forgot_names'); setTimeout(() => { $('#showLoginDiv').attr('tabindex', '0').focus(); }); } function onMainCancelButtonClick() { $('.ui_login_button_popup').attr('tabindex', '0').focus(); showBackgroundForElement("body-without-popups"); hide('#error-box'); } function onForgotButtonClick() { $('.showLogin, .showForgot').slideToggle(250); hide('#error-box'); $('.showForgot').attr('tabindex', '0').focus(); } function onForgotPasswordCancelClick() { $('.showLogin, .showForgot').slideToggle(250); $('.showLogin').attr('tabindex', '0').focus(); } function openForgotPasswordWithExpired() { openPopup('popup_login'); hide('.showLogin'); hide('.showSecure'); show('.showForgot'); show('.ui_forgot_expired'); } function openSecureCodeMode() { hide('.showLogin'); hide('.showForgot'); show('.showSecure'); } function updateLoginButtonState(loggedIn, hasOnboarding) { if (loggedIn) { hide('.ui_login_button_popup'); if (hasOnboarding) { show('.ui_login_button_onboarding_profile'); hide('.ui_login_button_profile'); } else { hide('.ui_login_button_onboarding_profile'); show('.ui_login_button_profile'); } } else { show('.ui_login_button_popup'); hide('.ui_login_button_profile'); hide('.ui_login_button_onboarding_profile'); } } function show(selector) { $(selector).show(); } function hide(selector) { $(selector).hide(); } $(document).ready(function() { var loginInProgress = false; var forgotInProgress = false; var isSecureMode = false; //login status function hasLoginHash() { return window.location.hash && window.location.hash === '#login'; } function checkLoginHash() { if (hasLoginHash()) { openPopup('popup_login'); } } function checkCandidateLoggedIn() { $.ajax({ type: 'GET', contentType: 'application/json', url: '/api/integration/v2/candidate/logged-in', success: function (data) { updateLoginButtonState(data.candidateExists, data.hasOnboarding); if (!data.candidateExists) { checkLoginHash(); } }, error: function () { updateLoginButtonState(false); checkLoginHash(); } }); } checkCandidateLoggedIn(); //login function onLoginClick() { if (loginInProgress) { return; } loginInProgress = true; var loginData = { email: $('.ui_login_email input').val(), firstName: $('.ui_login_first_name input').val(), lastName: $('.ui_login_last_name input').val(), password: $('.ui_login_password input').val(), secureCode: isSecureMode ? $('.ui_secure_code input').val() : '' }; $.ajax({ type: 'POST', contentType: 'application/json', url: '/api/integration/v2/candidate/login', data: JSON.stringify(loginData), success: function (pageType) { if (pageType === 16) { openSecureCodeMode(); isSecureMode = true; loginInProgress = false; return; } if (pageType === 17) { isSecureMode = true; loginInProgress = false; return; } closePopup('popup_login'); const hasOnboarding = pageType === 14; updateLoginButtonState(true, hasOnboarding); window.location.href = hasOnboarding ? '/onboarding-profile' : '/profile'; loginInProgress = false; showBackgroundForElement("body-without-popups"); }, error: function(response) { if (response.status === 403 && response.responseJSON && response.responseJSON.requiresName) { show('.ui_login_names'); showErrorPopup('Enter first and last name to login'); } else { show('#error-box'); document.getElementById("error-box").focus(); } loginInProgress = false; } }); } $('.ui_login_login').click(onLoginClick); $('.ui_login_email input').on('enterKey', onLoginClick); $('.ui_login_password input').on('enterKey', onLoginClick); $('.ui_secure_login').click(onLoginClick); $('.ui_secure_code input').on('enterKey', onLoginClick); //forgot function onForgotClick() { if (forgotInProgress) { return; } forgotInProgress = true; var forgotData = { email: $('.ui_forgot_email input').val(), firstName: $('.ui_forgot_first_name input').val(), lastName: $('.ui_forgot_last_name input').val(), languageKey: 'en-GB' }; $.ajax({ type: 'POST', contentType: 'application/json', url: '/api/integration/v2/candidate/forgot-password', data: JSON.stringify(forgotData), success: function () { hide('.showForgotForm'); show('.showForgotSuccess'); forgotInProgress = false; }, error: function(response) { if (response.status === 403 && response.responseJSON && response.responseJSON.requiresName) { show('.ui_forgot_names'); showErrorPopup('Enter first name and last name'); } else { showErrorPopup('Incorrect e-mail'); } forgotInProgress = false; } }); } $('.ui_forgot_renew').click(onForgotClick); $('.ui_forgot_email input').on('enterKey', onForgotClick); }); </script> <div class="popup" id="popup_password" style="display: none;"> <div class="holder"> <div class="content" style="width: 500px;"> <div class="contentPadding"> <div class="headline marginBottom">Create password</div> <div class="ui_password_new_password input icon marginBottom"> <input type="password" placeholder="Password"> <div class="icon_holder" style="background-image: url('/img/icons/12/key_aaaaaa.svg');"></div> </div> <div class="ui_password_verify_password input icon marginBottomExtra"> <input type="password" placeholder="Verify password"> <div class="icon_holder" style="background-image: url('/img/icons/12/key_aaaaaa.svg');"></div> </div> <a class="ui_password_save button" style="margin-right: 15px;" href="javascript:void(0);"> <span>Save</span> </a> <div class="clear"></div> </div> </div> </div> </div> <script> $(document).ready(function() { var savePasswordInProgress = false; function getForgotCode() { return window.location.hash ? window.location.hash.replace('#newpassword/', '') : null; } function hasForgotCode() { return window.location.hash && window.location.hash.startsWith('#newpassword/') && getForgotCode(); } function setForgotCodeData() { $('#popup_password').attr('data-open-script', "document.getElementById('popup_password').setAttribute('data-code','" + getForgotCode() + "')"); } function getForgotCodeData() { return $('#popup_password').data('code'); } //check forgot code expiration function checkForgotCodeExpiration() { $.ajax({ type: 'GET', contentType: 'application/json', url: '/api/integration/v2/candidate/check-reset-code?code=' + getForgotCode(), success: function (data) { setForgotCodeData(); openPopup('popup_password'); }, error: function () { openForgotPasswordWithExpired(); } }); } if (hasForgotCode()) { checkForgotCodeExpiration(); } //save password function onSavePasswordClick() { if (savePasswordInProgress) { return; } if ($('.ui_password_new_password input').val() !== $('.ui_password_verify_password input').val()) { showErrorPopup('Passwords must match'); return; } savePasswordInProgress = true; var renewData = { code: getForgotCodeData(), password: $('.ui_password_new_password input').val() }; $.ajax({ type: 'POST', contentType: 'application/json', url: '/api/integration/v2/candidate/renew', data: JSON.stringify(renewData), success: function (pageType) { closePopup('popup_password'); const hasOnboarding = pageType === 14; updateLoginButtonState(true, hasOnboarding); window.location.href = hasOnboarding ? '/onboarding-profile' : '/profile'; savePasswordInProgress = false; }, error: function (error) { //todo: correct error message showErrorPopup(error.responseJSON.message); savePasswordInProgress = false; } }); } $('.ui_password_save').click(onSavePasswordClick); $('.ui_password_new_password input').on('enterKey', onSavePasswordClick); $('.ui_password_verify_password input').on('enterKey', onSavePasswordClick); }); </script> <div class="popup" id="popup_delete" data-open-script="initDeletePopup()" style="display: none;"> <div class="holder"> <div id="popup_delete_content" class="content"> <div class="contentPadding"> <div class="headline marginBottom"> Do you want to delete? </div> <div style="margin-bottom: 25px;"> If you delete, all related data will be lost. </div> <a class="button warning ui_popup_delete_confirm" href="javascript:void(0);"> <span>Delete</span> </a> <a class="button cancel ui_popup_delete_cancel" href="javascript:void(0);"> <span>Do not delete</span> </a> <div class="clear"></div> </div> </div> </div> </div> <script> var deleteConfirmCallback = null; function initDeletePopup() { hideBackgroundForElement("body-without-popups"); } function showDeleteConfirm(callback) { deleteConfirmCallback = callback; openPopup('popup_delete'); $('#popup_delete_content').attr('tabindex', '0').focus(); } $(document).ready(function () { $('.ui_popup_delete_confirm').click(function () { deleteConfirmCallback(); deleteConfirmCallback = null; closePopup('popup_delete'); showBackgroundForElement("body-without-popups"); }); $('.ui_popup_delete_cancel').click(function () { deleteConfirmCallback = null; closePopup('popup_delete'); showBackgroundForElement("body-without-popups"); }); }); </script> <div class="popup" id="popup_error" style="display: none;"> <div class="holder"> <div class="content"> <div class="contentPadding"> <div class="headline marginBottom"> Error </div> <div class="infomessage notallowed marginBottomExtra" style="margin-bottom: 25px;"> <span class="ui_error_message">Unknown error</span> <div class="clear"></div> </div> <a class="button secondary ui_popup_close" href="javascript:void(0);"> <span>Close</span> </a> <div class="clear"></div> </div> </div> </div> </div> <script> function showErrorPopup(message) { $('.ui_error_message').text(message); openPopup('popup_error'); } </script> </body> </html>