CINXE.COM

Kia Connect de Kia.

<!DOCTYPE html> <html lang="fr" class=""> <head> <!--KWCMSLIVE-30442 --> <!--End of KWCMSLIVE-30442 --> <title>Kia Connect de Kia.</title> <meta http-equiv="X-UA-Compatible" content="IE=11"/> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"/> <link rel="icon" href="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/rbr-fav.ico" type="image/x-icon"/> <!-- 48×48 --> <!-- <link rel="icon" href="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/Favicon-Light-180.svg" type="image/svg+xml"> --> <link rel="apple-touch-icon" href="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/apple-icon-144x144.png"/><!-- 144x144 --> <link rel="preload" href="https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_white-rbr.png" as="image"/> <link rel="preload" href="https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_black-rbr.png" as="image"/> <link rel="preconnect" href="https://releases.flowplayer.org"/> <link rel="alternate" href="https://www.kia.com/sk/o-nas/zazitok-kia/zodpovednost/" hreflang="sk-SK"/> <link rel="alternate" href="https://www.kia.com/dk/om-kia/oplev-kia/teknologi/connect/" hreflang="da-DK"/> <link rel="alternate" href="https://www.kia.com/cz/o-kia/kia-zazitek/technologie/kia-connect/" hreflang="cs-CZ"/> <link rel="alternate" href="https://www.kia.com/gr/sxetika-me-ti-kia/empeiria-kia/texnologia/" hreflang="el-GR"/> <link rel="alternate" href="https://www.kia.com/ie/about-kia/experience-kia/technology/kia-connect/" hreflang="en-IE"/> <link rel="alternate" href="https://www.kia.com/is/um-kia/upplifdu-kia/taekni/kia-connect/" hreflang="is-IS"/> <link rel="alternate" href="https://www.kia.com/mt/about-kia/experience-kia/technology/" hreflang="mt-MT"/> <link rel="alternate" href="https://www.kia.com/lu/decouvrir-kia/technologie-et-design/technologie/kia-connect/" hreflang="fr-LU"/> <link rel="alternate" href="https://www.kia.com/fr/decouvrir-kia/experience-kia/technology/" hreflang="fr-FR"/> <link rel="alternate" href="https://www.kia.com/de/ueber-kia/entdecken/technologie/kia-connect/" hreflang="de-DE"/> <link rel="alternate" href="https://www.kia.com/pl/swiat-kia/poznaj-kia/technologia/kia-connect/" hreflang="pl-PL"/> <link rel="alternate" href="https://www.kia.com/hu/rolunk/kia-vilaga/technologia/kia-connect/" hreflang="hu-HU"/> <link rel="alternate" href="https://www.kia.com/at/ueber-kia/erleben/technology/" hreflang="de-AT"/> <link rel="alternate" href="https://www.kia.com/it/tutto-su-kia/scopri-kia/tecnologia/kia-connect/" hreflang="it-IT"/> <link rel="alternate" href="https://www.kia.com/nl/over-kia/technologie-design/technology/" hreflang="nl-NL"/> <link rel="alternate" href="https://www.kia.com/no/om-kia/opplev-kia/" hreflang="nn-NO"/> <link rel="alternate" href="https://www.kia.com/be/nl/ontdek-kia/technologie-en-design/technologie/kia-connect/" hreflang="nl-BE"/> <link rel="alternate" href="https://www.kia.com/be/fr/decouvrir-kia/technologie-et-design/technologie/kia-connect/" hreflang="fr-BE"/> <link rel="alternate" href="https://www.kia.com/fi/tietoa-kiasta/koe-kia/teknologia/kia-connect/" hreflang="fi-FI"/> <link rel="alternate" href="https://www.kia.com/se/om-kia/upplev-kia/teknik/kia-connect/" hreflang="sv-SE"/> <link rel="alternate" href="https://www.kia.com/es/todo-sobre-kia/experiencias-kia/tecnologia/kia-connect/" hreflang="es-ES"/> <!-- One trust cookie policy script--> <script id="onetrust_autoblock_script" type="text/javascript" src="https://cdn.cookielaw.org/consent/9565364f-c84f-4fdb-b4a8-043a2e781636/OtAutoBlock.js" async></script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="9565364f-c84f-4fdb-b4a8-043a2e781636" async> </script> <script type="text/javascript" src="/ruxitagentjs_ICA2NVfqru_10257230921194352.js" data-dtconfig="rid=RID_339311474|rpid=-609284599|domain=kia.com|reportUrl=/rb_c705f08c-e9df-492c-bd16-fbf35d1f9647|uam=1|app=5c8724907a1d3ece|coo=1|featureHash=ICA2NVfqru|vcv=2|rdnt=1|uxrgce=1|bp=3|cuc=u5wmqwhk|mel=100000|dpvc=1|ssv=4|lastModification=1732356487444|dtVersion=10257230921194352|tp=500,50,0,1|uxdcw=1500|agentUri=/ruxitagentjs_ICA2NVfqru_10257230921194352.js"></script><script type="text/javascript" class="cookieLocation_top" data-cookielocation="top"> function IEdetection() { var ua = window.navigator.userAgent; var msie = ua.indexOf('MSIE '); if (msie > 0) { // IE 10 or older, return version number return ('IE ' + parseInt(ua.substring( msie + 5, ua.indexOf('.', msie)), 10)); } var trident = ua.indexOf('Trident/'); if (trident > 0) { // IE 11, return version number var rv = ua.indexOf('rv:'); return ('IE ' + parseInt(ua.substring( rv + 3, ua.indexOf('.', rv)), 10)); } var edge = ua.indexOf('Edge/'); if (edge > 0) { //Edge (IE 12+), return version number return ('IE ' + parseInt(ua.substring( edge + 5, ua.indexOf('.', edge)), 10)); } // User uses other browser return ('Not IE'); } function OptanonWrapper() { var isNewBanner= false; if(isNewBanner ===true && !window.eut.COUNTRY == 'dk'){ var button = document.querySelector('#accept-recommended-btn-handler').cloneNode(true) button.style.display = 'inline-block'; var savePrefencesWrapper = document.querySelector('.save-preference-btn-container') var logo = document.querySelector('.pc-footer-logo') if (savePrefencesWrapper.querySelector('#accept-recommended-btn-handler') === null) { savePrefencesWrapper.appendChild(button) } } if ((document.referrer).indexOf('kia.com') == -1 && OptanonActiveGroups.indexOf(',2,') == -1) { sessionStorage.referrerUrl = document.referrer; sessionStorage.cmpId = location.search.concat("&").substring(location.search.concat("&").indexOf("cmpid")).split("&")[0].split("=")[1]; sessionStorage.pageName = $('meta[name=kia_metrics_pagename]').attr("content"); sessionStorage.pageUrl = location.href; } if (jQuery('.cookieLocation_top').length > 0) { if (jQuery('.optanon-alert-box-wrapper').css('display') == "block") { jQuery('#eut_header').animate({ 'margin-top': jQuery('.optanon-alert-box-wrapper').height() }, 500); } else { jQuery('#eut_header').animate({ 'margin-top': 0 }, 500); } } jQuery('.optanon-alert-box-close').click(function (e) { animateBar(); }); var checkCookieStatus, cookieSetCounter = 0; var acceptButtonList = ['.optanon-allow-all','#onetrust-accept-btn-handler'], acceptButtonElementList = []; acceptButtonList.forEach(function(element, i){ if(document.querySelector(element)){ acceptButtonElementList.push(element); } }); function cookieStatus() { cookieSetCounter++; if (cookieSetCounter > 12) { clearInterval(checkCookieStatus); eut.loading.close(); } else { if (OptanonActiveGroups.length > 3) { clearInterval(checkCookieStatus); window.location.reload(true); } } } var selectorForClickHandler = (acceptButtonElementList && acceptButtonElementList.length > 0)? function(){ return acceptButtonElementList.join(',')+",.optanon-white-button-middle"; }(): function(){ return ".optanon-white-button-middle"; }(); jQuery(selectorForClickHandler).off('click').on("click", function (e) { animateBar(); if (OptanonActiveGroups.length <= 3 && eut.COUNTRY == "de") { eut.loading.open(); jQuery('.eut_loading_dim').css('top', '0'); jQuery('.eut_loading_dim .loading').css('top', '30px'); checkCookieStatus = setInterval(cookieStatus, 300); } var satellite = window._satellite || { track: function () { } }; satellite.track('acceptcookies_btn'); }); jQuery('#accept-recommended-btn-handler,.save-preference-btn-handler').off('click').on("click", function (e) { var satellite = window._satellite || { track: function () { } }; satellite.track('acceptcookies_btn'); }); function animateBar() { if (jQuery('.cookieLocation_top').length > 0) { jQuery('.optanon-alert-box-wrapper').css('display', 'none'); jQuery('#eut_header').animate({ 'margin-top': 0 }, 500); } } if(isNewBanner ===true){ if(!getCookie("OptanonAlertBoxClosed")){ var banner = document.getElementById("onetrust-banner-sdk"); var prefpc = document.getElementById("onetrust-pc-sdk"); var filter = document.getElementsByClassName("onetrust-pc-dark-filter")[0]; // banner.style = "display: none;"; // prefpc.style = "display: block !important;"; // filter.style = "display: block !important;"; if (!document.all) { banner.setAttribute('style', 'display: none'); prefpc.setAttribute('style', 'display: block!important'); filter.setAttribute('style', 'display: block!important'); } else { banner.style = 'display: none;'; prefpc.style = 'display: block !important;'; filter.style = 'display: block !important;'; } } function getCookie(name) { var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length == 2) return parts.pop().split(";").shift(); } }else{ var browserResult = IEdetection(); if(browserResult && browserResult !== "Not IE"){ var checkExist = setInterval(function() { if (jQuery('.cookieLocation_top').length > 0 && jQuery('.optanon-alert-box-wrapper').css('display', 'block') ){ setTimeout(function(){ document.querySelector(".otFlat#onetrust-banner-sdk").style.overflowY = "hidden"; },2000); clearInterval(checkExist); } }, 100); } } } window.sat_track = false; </script> <script type="text/plain" class="optanon-category-3"> window.isCookieAccepted = "true"; </script> <script type="text/plain" class="optanon-category-4"> window.isCookieAccepted_Pixel = "true"; </script> <script> function safeAdd(v, t) { if (!v) return undefined; if (t === "int") return parseInt(v) ? parseInt(v) : undefined; if (t === "array") return Array.isArray(v) ? v : undefined; if (t === "boolean") return typeof v === "boolean" ? v : undefined; return v; } </script> <!-- Script ends here--> <link rel="stylesheet" href="/etc.clientlibs/foundation/clientlibs/main.min.39205c3cfe26e0ca5a90b94431363384.css" type="text/css"/> <script src="/etc.clientlibs/clientlibs/granite/jquery.min.3e24d4d067ac58228b5004abb50344ef.js"></script> <script src="/etc.clientlibs/clientlibs/granite/utils.min.3b86602c4e1e0b41d9673f674a75cd4b.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery/granite.min.011c0fc0d0cf131bdff879743a353002.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/jquery.min.dd9b395c741ce2784096e26619e14910.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/shared.min.e9d9a3990d7779c2e8e3361187f3d36b.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/main.min.be53d5d2acc50492007c4929cbe3ee9e.js"></script> <meta name="kia_metrics_pagename" content="about-kia|experience-kia|technology|kia-connect"/> <script id="scriptNameScript" data-scriptname="ENa4a4a267b71e4c4fa7536fa7610e58ac"> var getScriptName = $("script#scriptNameScript").attr("data-scriptName"); function wait(method){ document.querySelector("#onetrust_autoblock_script").onload = function() { method(); } } function waitForElement(){ if(typeof _satellite !== "undefined"){ setTimeout(_satellite.pageBottom(), 500); if(eut && eut.analytics){ eut.analytics.track = window._satellite.track; } } else{ setTimeout(waitForElement, 0); } } wait(function(){ $.getScript("//assets.adobedtm.com/launch-"+getScriptName+".min.js") .done(function(script, textStatus) { waitForElement(); }) .fail(function(jqxhr, settings, exception) { console.log("loading script failed."); }); }); </script> <link rel="canonical" href="https://www.kia.com/lu/decouvrir-kia/technologie-et-design/technologie/kia-connect/"/> <!-- meta --> <meta charset="utf-8"/> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <meta name="keywords"/> <meta name="description" content="Kia Connect fait entrer votre expérience automobile dans une nouvelle ère numérique. Entrez dans le futur de la connectivité automobile avec des informations en temps réel et un nouveau niveau de contrôle au bout de vos doigts."/> <meta name="title" content="Kia Connect"/> <meta property="og:title" content="Kia Connect de Kia."/> <meta property="og:description" content="Kia Connect fait entrer votre expérience automobile dans une nouvelle ère numérique. Entrez dans le futur de la connectivité automobile avec des informations en temps réel et un nouveau niveau de contrôle au bout de vos doigts."/> <meta property="og:url" content="https://www.kia.com/lu/decouvrir-kia/technologie-et-design/technologie/kia-connect/"/> <meta property="og:image" content="https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/kia-company-logo.jpg"/> <meta name="twitter:title" content="Kia Connect"/> <meta name="twitter:description" content="Kia Connect fait entrer votre expérience automobile dans une nouvelle ère numérique. Entrez dans le futur de la connectivité automobile avec des informations en temps réel et un nouveau niveau de contrôle au bout de vos doigts."/> <meta name="twitter:url" content="https://www.kia.com/lu/decouvrir-kia/technologie-et-design/technologie/kia-connect/"/> <meta name="robots" content='NOODP, NOYDIR'/> <meta name="format-detection" content="telephone=no"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:image" content="https://www.kia.com"/> <!--// meta --> <script type="text/javascript"> Granite.I18n.setLocale('lu-fr'); window.eut = { COUNTRY: 'lu', LANGUAGE: 'fr', LOCATION: 'lu-fr', EDIT_MODE: 'false', PREVIEW_MODE: 'false', CURRENCY: '€', INCOMPATIBLE_PAGE: '', MODEL_ID: '', EXCLUSIONS: [], CURRENCY_COUNTRY : 'de', FREESPEE: '' }; //Adobe DTM Variable (Analytics) window.dtmDataLayer = {}; </script> <!--Structured FAQ component data--> <!-- End of Structured FAQ component data--> <script src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/libs/libs.min.995f851ba5c3aeff77d1461aab19bf55.js"></script> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/eutSpec/clientlib/lu/libs/common.min.35323ac98345197f0e66ebd1867e20ea.css" type="text/css"/> <script src="/etc.clientlibs/settings/wcm/designs/eutSpec/clientlib/lu/libs/common.min.4502fcb7c135257cf74ff8afcb80bf0d.js"></script> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/eut/clientlib/libs/components.min.ccef0a3702825756c55e428b85a88f4f.css" type="text/css"/> </head> <body class="bg_white"> <div id="accessbility"><a href="#contents">Go to content</a></div> <!-- header// --> <header id="eut_header" class="lang " data-is-homepage="false"> <div class="eut_header eut_header-de"> <div class="eut_header-xl-hidden--cta-buttons"> <ul class="eut_header-xl-hidden-cta-buttons__ctaList"> <li class="eut_configurator eut_configuratorBuyButton gnbListItem--right" data-gnb-item="buyButton"> <a href="/lu/achat-en-ligne/modeles/" class="eut_cmpe_btn icon buy ctaButton ctaButton_secondary"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-shopping-cart.png"/>Vente en ligne</a> </li> <li class="eut_configurator eut_configuratorCarButton" data-gnb-item="carButton"> <a href="https://www.kia.com/lu/acheter/car-configurator/" class="eut_cmpe_btn icon ctaButton" onclick="eut.analytics.prop({internal_link: 'conversion|GNB|car configurator'}).track( 'internal_link' );"><span class="configurator"></span>Configurateur</a> </li> </ul> </div> <div class="eut_header_utilityBar eut_header--rbr-spacing"> <!-- util// --> <div id="eut_util"> <ul class="util_menu"> <li> <a class="optanon-toggle-display">Privacy Settings</a> </li> <li><a href="https://www.kia.com/lu/acheter/demander-une-offre/" target="_self">Demandez une offre</a></li> <li><a href="https://www.kia.com/lu/essai/">Réserver un essai</a></li> <li><a href="https://www.kia.com/lu/recherche-dealer/">Trouver un revendeur</a></li> <li><a href="https://www.kia.com/lu/brochures-listes-de-prix/">Brochures &amp; listes de prix</a></li> </ul> </div> <!-- //util --> <!-- util_search - only XL // --> <div data-id="eut_util_right" class="eut_util_right xl-only"> <!-- <sly data-sly-test.endpointURL=""/> --> <!-- <sly data-sly-test.clientId=""/> --> <ul class="util_menu login_menu" style="z-index: 100"> <li> <a class="myPage" href="/lu/achat-en-ligne/my-page/?active=1.0" target="_self">Mon compte Kia</a> <div class="omenu"> <div class="nmenu"><a href="/lu/achat-en-ligne/my-page/" target="_self">MyPage</a></div> <div class="nmenu"><a href="/lu/achat-en-ligne/modeles/" target="_self">Vente en ligne</a></div> <div class="nmenu"><a href="https://kiacharge.com/web/kia-lu" target="_blank">Kia Charge</a></div> <div class="nmenu"><a href="/lu/achat-en-ligne/my-page/">Mon rendez-vous digital</a></div> <div class="nmenu"><a href="/lu/mykia/garage/" target="_self">MyKia</a></div> </div> </li> <li> <a href="https://eu-account.kia.com/auth/realms/eukiaidm/protocol/openid-connect/logout?redirect_uri=https://www.kia.com/lu/fr" target="_self" class="logout user"><img alt="profile Icon"/>LOGOUT</a> </li> </ul> <!-- User Not Logged In --> <ul class="util_menu logout_menu"> <li> <a href="https://eu-account.kia.com/auth/realms/eukiaidm/protocol/openid-connect/auth?ui_locales=fr&scope=openid%20profile%20email%20phone&response_type=code&client_id=kia-default&redirect_uri=https://www.kia.com/api/bin/oneid/login&state=aHR0cHM6Ly93d3cua2lhLmNvbTo0NDMvbHUvZGVjb3V2cmlyLWtpYS90ZWNobm9sb2dpZS1ldC1kZXNpZ24vdGVjaG5vbG9naWUva2lhLWNvbm5lY3QvP190bT0xNzMyMzExMDk0NjU2_default" target="_self" class="login user"> LOGIN<!-- Login --></a> </li> </ul> <link rel="stylesheet" href="/etc.clientlibs/eut/components/content/pageComponent/util_search/clientlibs.min.331af619dba0405ae216ea23fc1acf2d.css" type="text/css"/> <script src="/etc.clientlibs/eut/components/content/pageComponent/util_search/clientlibs.min.281cd2e6adda3f2ddf50810c367d8810.js"></script> </div> <div id="eut_util_search"> <div class="u_sch_box"> <form class="eut_util_searchForm" action="/lu/chercher/resultats-de-recherche/" method="get"> <div class="eut_form_plugin"> <button type="submit" title="Rechercher">"Rechercher"</button> <label for="header_search_input" class="eut_text">"Rechercher"</label> <input type="text" title="Recherche par mots-clés" id="header_search_input" placeholder="Rechercher" name="keyword"/> </div> </form> </div> </div> <!-- //util_search - only XL --> <!-- country_selector - only XL // --> <div class="country-selector__wrapper xl-only"> <span class="country-list init-country"><a>CHANGE COUNTRY</a></span> <div class="overlaY"></div> <ul class="country-selector"> <li class="country-list" countrycode="eu"> <a class="countryLink" href="https://www.kia.com/eu/"><span class="countryName Europe"></span>Europe</a> </li> <li class="country-list"> <a class="countryLink" href="https://www.kia-albania.com/"><span class="countryName Albania"></span>Albania</a> </li> <li class="country-list" countrycode="at"> <a class="countryLink" href="https://www.kia.com/at/"><span class="countryName Austria"></span>Austria</a> </li> <li class="country-list" countrycode="az"> <a class="countryLink" href="https://www.kia.com/az/"><span class="countryName Azerbaijan"></span>Azerbaijan</a> </li> <li class="country-list" countrycode="be"> <a class="countryLink" href="https://www.kia.com/be/nl/ontdek-kia/technologie-en-design/technologie/kia-connect/"><span class="countryName Belgium (Dutch)"></span>Belgium (Dutch)</a> </li> <li class="country-list" countrycode="be"> <a class="countryLink" href="https://www.kia.com/be/fr/"><span class="countryName Belgium (French)"></span>Belgium (French)</a> </li> <li class="country-list" countrycode="ba"> <a class="countryLink" href="https://www.kia.com/ba/"><span class="countryName Bosnia-Herzegovina"></span>Bosnia-Herzegovina</a> </li> <li class="country-list" countrycode="bg"> <a class="countryLink" href="https://www.kia.com/bg/"><span class="countryName Bulgaria"></span>Bulgaria</a> </li> <li class="country-list"> <a class="countryLink" href="https://kiacanarias.es/"><span class="countryName Canary Islands"></span>Canary Islands</a> </li> <li class="country-list" countrycode="hr"> <a class="countryLink" href="https://www.kia.com/hr/"><span class="countryName Croatia"></span>Croatia</a> </li> <li class="country-list"> <a class="countryLink" href="https://kia.com.cy/"><span class="countryName Cyprus"></span>Cyprus</a> </li> <li class="country-list" countrycode="cz"> <a class="countryLink" href="https://www.kia.com/cz/"><span class="countryName Czech Republic"></span>Czech Republic</a> </li> <li class="country-list" countrycode="dk"> <a class="countryLink" href="https://www.kia.com/dk/"><span class="countryName Denmark"></span>Denmark</a> </li> <li class="country-list"> <a class="countryLink" href="https://www.kia.ee/"><span class="countryName Estonia"></span>Estonia</a> </li> <li class="country-list" countrycode="fi"> <a class="countryLink" href="https://www.kia.com/fi/"><span class="countryName Finland"></span>Finland</a> </li> <li class="country-list" countrycode="fr"> <a class="countryLink" href="https://www.kia.com/fr/"><span class="countryName France"></span>France</a> </li> <li class="country-list" countrycode="ge"> <a class="countryLink" href="https://www.kia.com/ge"><span class="countryName Georgia"></span>Georgia</a> </li> <li class="country-list" countrycode="de"> <a class="countryLink" href="https://www.kia.com/de/"><span class="countryName Germany"></span>Germany</a> </li> <li class="country-list" countrycode="gi"> <a class="countryLink" href="https://www.kia.com/gi/"><span class="countryName Gibraltar"></span>Gibraltar</a> </li> <li class="country-list" countrycode="gr"> <a class="countryLink" href="https://www.kia.com/gr/"><span class="countryName Greece"></span>Greece</a> </li> <li class="country-list" countrycode="hu"> <a class="countryLink" href="https://www.kia.com/hu/"><span class="countryName Hungary"></span>Hungary</a> </li> <li class="country-list" countrycode="is"> <a class="countryLink" href="https://www.kia.com/is/"><span class="countryName Iceland"></span>Iceland</a> </li> <li class="country-list" countrycode="ie"> <a class="countryLink" href="https://www.kia.com/ie/"><span class="countryName Ireland"></span>Ireland</a> </li> <li class="country-list" countrycode="it"> <a class="countryLink" href="https://www.kia.com/it/"><span class="countryName Italy"></span>Italy</a> </li> <li class="country-list" countrycode="lv"> <a class="countryLink" href="https://www.kia.com/lv/"><span class="countryName Latvia"></span>Latvia</a> </li> <li class="country-list" countrycode="lt"> <a class="countryLink" href="https://www.kia.com/lt/"><span class="countryName Lithuania"></span>Lithuania</a> </li> <li class="country-list" countrycode="lu"> <a class="countryLink" href="https://www.kia.com/lu/"><span class="countryName Luxembourg"></span>Luxembourg</a> </li> <li class="country-list" countrycode="ht"> <a class="countryLink" href="https://www.kiamotors.com.mk"><span class="countryName Macedonia"></span>Macedonia</a> </li> <li class="country-list" countrycode="mt"> <a class="countryLink" href="https://www.kia.com/mt/"><span class="countryName Malta"></span>Malta</a> </li> <li class="country-list" countrycode="ht"> <a class="countryLink" href="https://kia.md"><span class="countryName Moldova"></span>Moldova</a> </li> <li class="country-list" countrycode="me"> <a class="countryLink" href="https://www.kia.com/me/"><span class="countryName Montenegro"></span>Montenegro</a> </li> <li class="country-list" countrycode="nl"> <a class="countryLink" href="https://www.kia.com/nl/"><span class="countryName Netherlands"></span>Netherlands</a> </li> <li class="country-list" countrycode="no"> <a class="countryLink" href="https://www.kia.com/no/"><span class="countryName Norway"></span>Norway</a> </li> <li class="country-list" countrycode="pl"> <a class="countryLink" href="https://www.kia.com/pl/"><span class="countryName Poland"></span>Poland</a> </li> <li class="country-list" countrycode="pt"> <a class="countryLink" href="https://www.kia.com/pt/"><span class="countryName Portugal"></span>Portugal</a> </li> <li class="country-list" countrycode="ro"> <a class="countryLink" href="https://www.kia.com/ro/"><span class="countryName Romania"></span>Romania</a> </li> <li class="country-list" countrycode="rs"> <a class="countryLink" href="https://www.kia.com/rs/"><span class="countryName Serbia"></span>Serbia</a> </li> <li class="country-list" countrycode="sk"> <a class="countryLink" href="https://www.kia.com/sk/"><span class="countryName Slovakia"></span>Slovakia</a> </li> <li class="country-list" countrycode="es"> <a class="countryLink" href="https://www.kia.com/es/"><span class="countryName Spain"></span>Spain</a> </li> <li class="country-list" countrycode="si"> <a class="countryLink" href="https://www.kia.com/si/"><span class="countryName Slovenia"></span>Slovenia</a> </li> <li class="country-list" countrycode="se"> <a class="countryLink" href="https://www.kia.com/se/"><span class="countryName Sweden"></span>Sweden</a> </li> <li class="country-list" countrycode="ch"> <a class="countryLink" href="https://www.kia.com/ch/"><span class="countryName Switzerland"></span>Switzerland</a> </li> <li class="country-list" countrycode="tr"> <a class="countryLink" href="https://www.kia.com/tr"><span class="countryName Turkey"></span>Turkey</a> </li> <li class="country-list" countrycode="ua"> <a class="countryLink" href="https://www.kia.com/ua"><span class="countryName Ukraine"></span>Ukraine</a> </li> <li class="country-list" countrycode="uk"> <a class="countryLink" href="https://www.kia.com/uk/"><span class="countryName United Kingdom"></span>United Kingdom</a> </li> </ul> </div> <!-- //country_selector - only XL --> </div> <div class="eut_header_navigation eut_header--rbr-spacing"> <button type="button" class="eut_gnb_opener" title="open menu"><span class="sr-only">open menu</span></button> <!-- select language// --> <div class="eut_select_language"> <p> </p> </div> <!-- //select language --> <!-- gnb// --> <input type="hidden" id="checkDisclaimer" value="false"/> <nav class="gnbNavigation"> <ul id="eut_gnb"> <li class="gnbListItem gnbListItem--left eut_nav_newcar"> <a href="#">Voitures</a> <div class="eut_nav_dth2"> <ul class="newcar_category eut_header--rbr-spacing"> <li class="category active"> <a href="javascript:;" data-category="all"> Tous les véhicules </a> </li> <li class="category"> <a href="javascript:;" data-category="151"> Citadines </a> </li> <li class="category"> <a href="javascript:;" data-category="152"> Familiales </a> </li> <li class="category"> <a href="javascript:;" data-category="154"> SUV/Crossover </a> </li> <li class="category"> <a href="javascript:;" data-category="157"> Electrique/Hybride </a> </li> <li class="category"> <a href="javascript:;" data-category="156"> GT </a> </li> <!-- KWCMSLIVE-18429 --> <li class="explore_range"> <div> <a href="https://www.kia.com/lu/modeles/gamme/" class="eut_cmpe_btn small gray hide-before-pseudoelement"> Explorez la gamme </a> </div> </li> <!-- KWCMSLIVE-18429 --> </ul> <div class="eut_header--rbr-spacing"> <div> <ul class="newcar_list"> <li class="category_item 151 " data-model-id="G6-S6-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/picanto/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-picanto-gtl-my25-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-picanto-gtl-my25-v3-268x134.png" alt="Picanto"/> </picture> </span> <strong translate="no">Picanto</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 15.751 € </span> </a> </li> <li class="category_item 151 152 154 " data-model-id="H8-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/stonic/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-stonic-gls-my22-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-stonic-gls-my22-range-v3-268x134.png" alt="Kia Stonic"/> </picture> </span> <strong translate="no">Stonic</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 20.393 € </span> </a> </li> <li class="category_item 151 152 156 " data-model-id="J7-S6-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/ceed/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ceed-gtl-my22-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ceed-gtl-my22-range-v3-268x134.png" alt="Kia Ceed"/> </picture> </span> <strong translate="no">Ceed</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 24.454 € </span> </a> </li> <li class="category_item 152 " data-model-id="J7-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/ceed-sw/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ceed-sportswagon-ice-gls-my22-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ceed-sportswagon-ice-gls-my22-range-v3-298x134.png" alt="Kia Ceed Sportswagon"/> </picture> </span> <strong translate="no">Ceed SW</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 25.904 € </span> </a> </li> <li class="category_item 152 157 " data-model-id="JM-W5-EV2"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/ceed-wgn/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ceed-sportswagon-phev-my22-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ceed-sportswagon-phev-my22-range-v3-268x134.png" alt="Kia Ceed Sportswagon Plug-in Hybrid"/> </picture> </span> <strong translate="no">Ceed SW Hybride Rechargeable</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 37.024 € </span> </a> </li> <li class="category_item 151 152 154 157 " data-model-id="J7-S8-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/xceed/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-xceed-ice-my23-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-xceed-phev-my23-range-v3-268x134.png" alt="Kia XCeed"/> </picture> </span> <strong translate="no">XCeed</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 26.388 € </span> </a> </li> <li class="category_item 152 154 157 " data-model-id="JM-S8-EV2"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/xceed-phev/ontdekken/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-xceed-phev-my23-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-xceed-phev-my23-range-v3-268x134.png" alt="Kia XCeed PHEV"/> </picture> </span> <strong translate="no">XCeed Hybride Rechargeable</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 36.734 € </span> </a> </li> <li class="category_item 152 156 " data-model-id="J7-Q1-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/proceed/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-proceed-gt-my24-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-proceed-gt-my24-range-v3-268x134.png" alt="Kia ProCeed"/> </picture> </span> <strong translate="no">ProCeed</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 34.317 € </span> </a> </li> <li class="category_item 152 154 157 " data-model-id="0T-W5-EV1"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/new-cars/niro-sg22/discover/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-niro-hev-my23-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-niro-hev-my23-range-v3-268x134.png" alt="Kia Niro HEV"/> </picture> </span> <strong translate="no">Niro Hybride</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 32.866 € </span> </a> </li> <li class="category_item 152 154 157 " data-model-id="0T-W5-EV2"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/niro/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-niro-phev-my23-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-niro-phev-my23-range-v3-268x134.png" alt="Kia Niro PHEV"/> </picture> </span> <strong translate="no">Niro Hybride Rechargeable</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 39.442 € </span> </a> </li> <li class="category_item 152 154 157 " data-model-id="TO-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/niro/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-niro-ev-my23-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-niro-ev-my23-range-v3-268x134.png" alt="Kia Niro"/> </picture> </span> <strong translate="no">Niro EV</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 43.213 € </span> </a> </li> <li class="category_item 152 154 157 " data-model-id="HW-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/sportage/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-sportage-ice-gls-my22-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-sportage-ice-gls-my22-range-v3-268x134.png" alt="Kia Sportage"/> </picture> </span> <strong translate="no">Sportage</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 33.350 € </span> </a> </li> <li class="category_item 152 154 157 " data-model-id="JY-W5-EV1"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/sportage/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-sportage-hev-gtl-my22-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-sportage-hev-gtl-my22-range-v3-268x134.png" alt="Kia Sportage HEV"/> </picture> </span> <strong translate="no">Sportage Hybride</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 41.279 € </span> </a> </li> <li class="category_item 152 154 157 " data-model-id="JY-W5-EV2"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/sportage/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-sportage-phev-gtl-my22-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-sportage-phev-gtl-my22-range-v3-268x134.png" alt="Kia Sportage PHEV"/> </picture> </span> <strong translate="no">Sportage Hybride Rechargeable</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 48.337 € </span> </a> </li> <li class="category_item 152 154 " data-model-id="GZ-W7-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/sorento/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-sorento-hev-my25-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-sorento-hev-my25-v3-268x134.png" alt="Kia Sorento"/> </picture> </span> <strong translate="no">Sorento</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 58.684 € </span> </a> </li> <li class="category_item 152 154 157 " data-model-id="HC-W7-EV1"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/sorento/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-sorento-hev-my25-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-sorento-hev-my25-v3-268x134.png" alt="Kia Sorento"/> </picture> </span> <strong translate="no">Sorento Hybride</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 57.330 € </span> </a> </li> <li class="category_item 152 154 157 " data-model-id="HC-W7-EV2"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/sorento/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-sorento-hev-my25-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-sorento-hev-my25-v3-268x134.png" alt="Kia Sorento PHEV"/> </picture> </span> <strong translate="no">Sorento Hybride Rechargeable</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 66.613 € </span> </a> </li> <li class="category_item 157 " data-model-id="DO-W7-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/ev9/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ev9-gtl-my24-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ev9-gtl-my24-268x134.png" alt="Kia EV9"/> </picture> </span> <strong translate="no">EV9</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 69.320 € </span> </a> </li> <li class="category_item 157 " data-model-id="9V-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/ev3/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ev3-gtline-ev-my25-v3-520x260-icon.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ev3-gtline-ev-my25-v3-268x134-icon.png" alt="Kia EV3"/> </picture> </span> <strong translate="no">EV3</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 35.670 € </span> </a> </li> <li class="category_item 157 " data-model-id="AS-W5-*"> <!-- KWCMSLIVE-14880 START --> <a href="https://www.kia.com/lu/modeles/ev6/decouvrir/" target="_self"> <!-- KWCMSLIVE-14880 END --> <span class="img_area"> <picture class="lazy"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ev6-gtl-my22-range-v3-520x260.png" media="(max-width: 1024px)"/> <!--[if IE 9]></video><![endif]--> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-ev6-gtl-my22-range-v3-268x134.png" alt="Kia EV6"/> </picture> </span> <strong translate="no">EV6</strong> <!-- Data fixing changes here --> <span class="price"> À partir de 48.337 € </span> </a> </li> <li class="category_item"> <a href="https://kia.com/lu/pbv" target="_self"> <span class="img_area"> <picture class=""> <source data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-pvb-ev-my25-v1-520x260.png" media="(max-width: 1024px)" srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-pvb-ev-my25-v1-520x260.png"/> <img data-srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-pvb-ev-my25-v1-268x134.png" alt="PBV" srcset="/content/dam/kwcms/kme/global/en/assets/gnb/kia-pvb-ev-my25-v1-520x260.png" class="fade-in"/> </picture> </span> <strong>PBV</strong> </a> </li> </ul> </div> </div> </div> </li> <li class="gnbListItem gnbListItem--left "> <a href="#">Acheter</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia-showroom.lu" target="_blank">Promotions</a> </li> <li> <a href="https://www.kiastock.lu/" target="_blank">Voitures en stock</a> </li> <li> <a href="https://www.kia.com/lu/acheter/car-configurator/">Configurez votre Kia</a> </li> <li> <a href="https://www.kia.com/lu/acheter/comparer/">Comparez des voitures</a> </li> <li> <a href="https://www.kia.com/lu/essai/">Faites un essai</a> </li> <li> <a href="https://www.kia.com/lu/acheter/demander-une-offre/" target="_self">Demandez une offre</a> </li> <li> <a href="https://www.kia.com/lu/acheter/estimer-une-reprise/" target="_self">Estimez une reprise</a> </li> <li> <a href="https://www.kia.com/lu/acheter/financement/" target="_self">Financement pour les particuliers</a> </li> <li> <a href="https://www.kia.com/lu/acheter/calculez-votre-financement/">Calculez votre financement</a> </li> <li> <a href="https://www.kia.com/lu/acheter/kia-certified-used/">Kia Certified Used</a> </li> </ul> </li> <li class="gnbListItem gnbListItem--left "> <a href="#">Business</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/lu/acheter/financement-professionnels/" target="_self">Financement pour les professionnels</a> </li> <li> <a href="https://b2b.kia-showroom.lu/" target="_self">Showroom virtuel</a> </li> <li> <a href="https://www.kia.com/lu/fleet/contactez-nous/">Contactez Kia Fleet</a> </li> <li> <a href="https://www.kia.com/lu/pbv/a-propos-de-pbv/" target="_self">Platform Beyond Vehicle (PBV)</a> </li> <li> <a href="https://www.kia.com/lu/fleet/ev-leasing/">EV leasing</a> </li> </ul> </li> <li class="gnbListItem gnbListItem--left "> <a href="#">PBV</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/lu/pbv/iaa-2024/">Transport IAA</a> </li> <li> <a href="https://www.kia.com/lu/pbv/modeles/lineup/">Modèles</a> </li> <li> <a href="https://www.kia.com/lu/pbv/avec-kia-pbv/a-propos-de-pbv/">Avec Kia PBV</a> </li> <li> <a href="https://www.kia.com/lu/pbv/solutions/a-propos-de-pbv-solutions/">Solutions</a> </li> <li> <a href="https://www.kia.com/lu/pbv/business/">Entreprises</a> </li> </ul> </li> <li class="gnbListItem--filler"></li> <li class="gnbListItem gnbListItem--right"> <a href="#">Électrique</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/lu/decouvrir-kia/technologie-et-design/technologie/vehicules-electriques/">Conduite électrique</a> </li> <li> <a href="https://www.kia.com/lu/decouvrir-kia/technologie-et-design/technologie/vehicules-electriques/recharge-maison/">Charger à la maison</a> </li> <li> <a href="https://www.kia.com/lu/decouvrir-kia/technologie-et-design/technologie/vehicules-electriques/recharge-publique/">Charge publique</a> </li> <li> <a href="https://www.kia.com/lu/driving-electric/ev-range/">Nos modèles EV</a> </li> </ul> </li> <li class="gnbListItem gnbListItem--right"> <a href="#">Services</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/lu/services/contactez-partenaire/">Contactez un partenaire de service</a> </li> <li> <a href="https://accessoires-kia.lu/" target="_blank">Accessoires d'origine Kia</a> </li> <li> <a href="https://www.kia.com/lu/services/mykia/">MyKia</a> </li> <li> <a href="https://www.kia.com/lu/services/kia-account/" target="_self">Kia Account</a> </li> <li> <a href="https://www.kia.com/lu/services/">Aperçu</a> </li> <li> <a href="https://www.kia.com/lu/services/kia-overview/"></a> </li> <li> <a href="https://www.kia.com/lu/services/connectivity/"></a> </li> </ul> </li> <li class="gnbListItem gnbListItem--right"> <a href="#">Découvrir Kia</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/lu/decouvrir-kia/futurs-modeles/">Futurs modèles</a> </li> <li> <a href="https://www.kia.com/lu/services/valeurs-et-avantages/7-ans-garantie/">Notre garantie 7 ans</a> </li> <li> <a href="https://www.kia.com/lu/decouvrir-kia/marque/">Découvrez notre marque</a> </li> <li> <a href="https://www.kia.com/lu/decouvrir-kia/durabilite/">Durabilité</a> </li> <li> <a href="https://www.kia.com/lu/decouvrir-kia/technologie-et-design/technologie/kia-connect/" target="_self">Kia Connect</a> </li> <li> <a href="https://www.kia.com/lu/decouvrir-kia/travailler-chez-kia/" target="_self">Travailler chez Kia</a> </li> <li> <a href="https://www.kia.com/lu/decouvrir-kia/press--redirect-/">Actualités</a> </li> </ul> </li> <li class="gnbListItem gnbListItem--right"> <a href="#">MyKia</a> <ul class="eut_nav_dth2"> <li> <a href="https://www.kia.com/lu/mykia/garage/">Garage</a> </li> <li> <a href="https://www.kia.com/lu/mykia/schedule/">Prendre rendez-vous</a> </li> <li> <a href="https://www.kia.com/lu/mykia/toolbox/">Toolbox</a> </li> <li> <a href="https://www.kia.com/lu/mykia/dealer/">Mon concessionnaire</a> </li> <li> <a href="https://www.kia.com/lu/mykia/profile/">Mon profil</a> </li> <li> <a href="https://www.kia.com/lu/mykia/inbox/">Boite de réception</a> </li> </ul> </li> <li class="eut_configurator eut_configuratorBuyButton gnbListItem--right gnbListItem--extra-item" data-gnb-item="buyButton"> <a href="/lu/achat-en-ligne/modeles/" class="eut_cmpe_btn icon buy ctaButton ctaButton_secondary"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-shopping-cart.png" alt="shoppingCart Icon"/>Vente en ligne</a> </li> <li class="eut_configurator eut_configuratorCarButton gnbListItem--right gnbListItem--extra-item" data-gnb-item="carButton"> <a href="https://www.kia.com/lu/acheter/car-configurator/" class="eut_cmpe_btn icon ctaButton" onclick="eut.analytics.prop({internal_link: 'conversion|GNB|car configurator'}).track( 'internal_link' );"><span class="configurator"></span>Configurateur</a> </li> </ul> <div class="eut_nav_logo"> <div itemscope itemtype="http://schema.org/Organization" class="header_logo"> <a itemprop="url" href="https://www.kia.com/lu/guestbooking/"> <img class="eut_nav_logo__whiteLogo" itemprop="logo" src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_white-rbr.png" alt="Kia"/> <img class="eut_nav_logo__blackLogo" itemprop="logo" src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_black-rbr.png" alt="Kia"/> </a> <!-- KWCMSLIVE-23329 fix to add domain for Kia logo for mykia test environment --> </div> </div> </nav> <!-- //gnb --> <div class="xl-hidden eut_header_navigation__searchButton"></div> </div> <div class="eut_header_navigation--xl-hidden xl-hidden"> <!-- country_selector - mobile // --> <div class="country-selector__wrapper"> <span class="country-list init-country"><a>CHANGE COUNTRY</a></span> <div class="overlaY"></div> <ul class="country-selector"> <li class="country-list" countrycode="eu"> <a class="countryLink" href="https://www.kia.com/eu/"><span class="countryName Europe"></span>Europe</a> </li> <li class="country-list"> <a class="countryLink" href="https://www.kia-albania.com/"><span class="countryName Albania"></span>Albania</a> </li> <li class="country-list" countrycode="at"> <a class="countryLink" href="https://www.kia.com/at/"><span class="countryName Austria"></span>Austria</a> </li> <li class="country-list" countrycode="az"> <a class="countryLink" href="https://www.kia.com/az/"><span class="countryName Azerbaijan"></span>Azerbaijan</a> </li> <li class="country-list" countrycode="be"> <a class="countryLink" href="https://www.kia.com/be/nl/ontdek-kia/technologie-en-design/technologie/kia-connect/"><span class="countryName Belgium (Dutch)"></span>Belgium (Dutch)</a> </li> <li class="country-list" countrycode="be"> <a class="countryLink" href="https://www.kia.com/be/fr/decouvrir-kia/technologie-et-design/technologie/kia-connect/"><span class="countryName Belgium (French)"></span>Belgium (French)</a> </li> <li class="country-list" countrycode="ba"> <a class="countryLink" href="https://www.kia.com/ba/"><span class="countryName Bosnia-Herzegovina"></span>Bosnia-Herzegovina</a> </li> <li class="country-list" countrycode="bg"> <a class="countryLink" href="https://www.kia.com/bg/"><span class="countryName Bulgaria"></span>Bulgaria</a> </li> <li class="country-list"> <a class="countryLink" href="https://kiacanarias.es/"><span class="countryName Canary Islands"></span>Canary Islands</a> </li> <li class="country-list" countrycode="hr"> <a class="countryLink" href="https://www.kia.com/hr/"><span class="countryName Croatia"></span>Croatia</a> </li> <li class="country-list"> <a class="countryLink" href="https://kia.com.cy/"><span class="countryName Cyprus"></span>Cyprus</a> </li> <li class="country-list" countrycode="cz"> <a class="countryLink" href="https://www.kia.com/cz/o-kia/kia-zazitek/technologie/kia-connect/"><span class="countryName Czech Republic"></span>Czech Republic</a> </li> <li class="country-list" countrycode="dk"> <a class="countryLink" href="https://www.kia.com/dk/om-kia/oplev-kia/teknologi/connect/"><span class="countryName Denmark"></span>Denmark</a> </li> <li class="country-list"> <a class="countryLink" href="https://www.kia.ee/"><span class="countryName Estonia"></span>Estonia</a> </li> <li class="country-list" countrycode="fi"> <a class="countryLink" href="https://www.kia.com/fi/tietoa-kiasta/koe-kia/teknologia/kia-connect/"><span class="countryName Finland"></span>Finland</a> </li> <li class="country-list" countrycode="fr"> <a class="countryLink" href="https://www.kia.com/fr/"><span class="countryName France"></span>France</a> </li> <li class="country-list" countrycode="ge"> <a class="countryLink" href="https://www.kia.com/ge"><span class="countryName Georgia"></span>Georgia</a> </li> <li class="country-list" countrycode="de"> <a class="countryLink" href="https://www.kia.com/de/ueber-kia/entdecken/technologie/kia-connect/"><span class="countryName Germany"></span>Germany</a> </li> <li class="country-list" countrycode="gi"> <a class="countryLink" href="https://www.kia.com/gi/"><span class="countryName Gibraltar"></span>Gibraltar</a> </li> <li class="country-list" countrycode="gr"> <a class="countryLink" href="https://www.kia.com/gr/"><span class="countryName Greece"></span>Greece</a> </li> <li class="country-list" countrycode="hu"> <a class="countryLink" href="https://www.kia.com/hu/rolunk/kia-vilaga/technologia/kia-connect/"><span class="countryName Hungary"></span>Hungary</a> </li> <li class="country-list" countrycode="is"> <a class="countryLink" href="https://www.kia.com/is/um-kia/upplifdu-kia/taekni/kia-connect/"><span class="countryName Iceland"></span>Iceland</a> </li> <li class="country-list" countrycode="ie"> <a class="countryLink" href="https://www.kia.com/ie/about-kia/experience-kia/technology/kia-connect/"><span class="countryName Ireland"></span>Ireland</a> </li> <li class="country-list" countrycode="it"> <a class="countryLink" href="https://www.kia.com/it/tutto-su-kia/scopri-kia/tecnologia/kia-connect/"><span class="countryName Italy"></span>Italy</a> </li> <li class="country-list" countrycode="lv"> <a class="countryLink" href="https://www.kia.com/lv/"><span class="countryName Latvia"></span>Latvia</a> </li> <li class="country-list" countrycode="lt"> <a class="countryLink" href="https://www.kia.com/lt/"><span class="countryName Lithuania"></span>Lithuania</a> </li> <li class="country-list" countrycode="lu"> <a class="countryLink" href="https://www.kia.com/lu/decouvrir-kia/technologie-et-design/technologie/kia-connect/"><span class="countryName Luxembourg"></span>Luxembourg</a> </li> <li class="country-list" countrycode="ht"> <a class="countryLink" href="https://www.kiamotors.com.mk"><span class="countryName Macedonia"></span>Macedonia</a> </li> <li class="country-list" countrycode="mt"> <a class="countryLink" href="https://www.kia.com/mt/"><span class="countryName Malta"></span>Malta</a> </li> <li class="country-list" countrycode="ht"> <a class="countryLink" href="https://kia.md"><span class="countryName Moldova"></span>Moldova</a> </li> <li class="country-list" countrycode="me"> <a class="countryLink" href="https://www.kia.com/me/"><span class="countryName Montenegro"></span>Montenegro</a> </li> <li class="country-list" countrycode="nl"> <a class="countryLink" href="https://www.kia.com/nl/"><span class="countryName Netherlands"></span>Netherlands</a> </li> <li class="country-list" countrycode="no"> <a class="countryLink" href="https://www.kia.com/no/"><span class="countryName Norway"></span>Norway</a> </li> <li class="country-list" countrycode="pl"> <a class="countryLink" href="https://www.kia.com/pl/swiat-kia/poznaj-kia/technologia/kia-connect/"><span class="countryName Poland"></span>Poland</a> </li> <li class="country-list" countrycode="pt"> <a class="countryLink" href="https://www.kia.com/pt/"><span class="countryName Portugal"></span>Portugal</a> </li> <li class="country-list" countrycode="ro"> <a class="countryLink" href="https://www.kia.com/ro/"><span class="countryName Romania"></span>Romania</a> </li> <li class="country-list" countrycode="rs"> <a class="countryLink" href="https://www.kia.com/rs/"><span class="countryName Serbia"></span>Serbia</a> </li> <li class="country-list" countrycode="sk"> <a class="countryLink" href="https://www.kia.com/sk/"><span class="countryName Slovakia"></span>Slovakia</a> </li> <li class="country-list" countrycode="es"> <a class="countryLink" href="https://www.kia.com/es/todo-sobre-kia/experiencias-kia/tecnologia/kia-connect/"><span class="countryName Spain"></span>Spain</a> </li> <li class="country-list" countrycode="si"> <a class="countryLink" href="https://www.kia.com/si/"><span class="countryName Slovenia"></span>Slovenia</a> </li> <li class="country-list" countrycode="se"> <a class="countryLink" href="https://www.kia.com/se/om-kia/upplev-kia/teknik/kia-connect/"><span class="countryName Sweden"></span>Sweden</a> </li> <li class="country-list" countrycode="ch"> <a class="countryLink" href="https://www.kia.com/ch/"><span class="countryName Switzerland"></span>Switzerland</a> </li> <li class="country-list" countrycode="tr"> <a class="countryLink" href="https://www.kia.com/tr"><span class="countryName Turkey"></span>Turkey</a> </li> <li class="country-list" countrycode="ua"> <a class="countryLink" href="https://www.kia.com/ua"><span class="countryName Ukraine"></span>Ukraine</a> </li> <li class="country-list" countrycode="uk"> <a class="countryLink" href="https://www.kia.com/uk/"><span class="countryName United Kingdom"></span>United Kingdom</a> </li> </ul> </div> <!-- //country_selector - mobile --> <!-- login - mobile // --> <div data-id="eut_util_right" class="eut_util_right"> <!-- <sly data-sly-test.endpointURL=""/> --> <!-- <sly data-sly-test.clientId=""/> --> <ul class="util_menu login_menu" style="z-index: 100"> <li> <a class="myPage" href="/lu/achat-en-ligne/my-page/?active=1.0" target="_self">Mon compte Kia</a> <div class="omenu"> <div class="nmenu"><a href="/lu/achat-en-ligne/my-page/" target="_self">MyPage</a></div> <div class="nmenu"><a href="/lu/achat-en-ligne/modeles/" target="_self">Vente en ligne</a></div> <div class="nmenu"><a href="https://kiacharge.com/web/kia-lu" target="_blank">Kia Charge</a></div> <div class="nmenu"><a href="/lu/achat-en-ligne/my-page/">Mon rendez-vous digital</a></div> <div class="nmenu"><a href="/lu/mykia/garage/" target="_self">MyKia</a></div> </div> </li> <li> <a href="https://eu-account.kia.com/auth/realms/eukiaidm/protocol/openid-connect/logout?redirect_uri=https://www.kia.com/lu/fr" target="_self" class="logout user"><img alt="profile Icon"/>LOGOUT</a> </li> </ul> <!-- User Not Logged In --> <ul class="util_menu logout_menu"> <li> <a href="https://eu-account.kia.com/auth/realms/eukiaidm/protocol/openid-connect/auth?ui_locales=fr&scope=openid%20profile%20email%20phone&response_type=code&client_id=kia-default&redirect_uri=https://www.kia.com/api/bin/oneid/login&state=aHR0cHM6Ly93d3cua2lhLmNvbTo0NDMvbHUvZGVjb3V2cmlyLWtpYS90ZWNobm9sb2dpZS1ldC1kZXNpZ24vdGVjaG5vbG9naWUva2lhLWNvbm5lY3QvP190bT0xNzMyMzExMDk2NDM4_default" target="_self" class="login user"> LOGIN<!-- Login --></a> </li> </ul> </div> <!-- //login - mobile --> </div> </div> </header> <!-- //header --> <!-- container// --> <div id="eut_container"> <div id="contents"> <div class="par parsys"><div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { /* PLEASE LOCALIZE BEGIN */ const videoPopupCTA = 'Découvrir' /* English default: Discover */ /* PLEASE LOCALIZE END */ const scriptID = 'page-settings'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = `<center>FREECODE: PAGE SETTINGS videoPopupCTA = "${videoPopupCTA}" (please localize) </center>`; script.before(pre); } else { document.documentElement.style.setProperty('--videoPopupCTA', "'" + videoPopupCTA + "'"); } }); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- ORIGINAL PATH: /content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/3.html --> <script> { const scriptID = 'load-references'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE: LOAD REFERENCES</center>'; script.before(pre); } }); } </script> <link href="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/3/freecoding/kia-connect.css" rel="stylesheet"/> <!-- inline styles: --> <style> </style> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'commons'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE: COMMONS</center>'; script.before(pre); } }); } /* used by visuals and chatpers */ const elementIsVisibleInViewport = (el, partiallyVisible = false) => { const { top, left, bottom, right } = el.getBoundingClientRect(); const { innerHeight, innerWidth } = window; return partiallyVisible ? top < innerHeight && bottom > 0 && left < innerWidth && right > 0 /*((top > 0 && top < innerHeight) || (bottom > 0 && bottom < innerHeight)) && ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))*/ : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth; }; /* used by visuals */ let intersectVisualObserver; if ("IntersectionObserver" in window) { intersectVisualObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { const sectionContainer = entry.target; const video = sectionContainer.querySelector('picture video'); if(video && video.dataset.playOnIntersect) { if (entry.isIntersecting) { const contentRect = video.parentElement.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load(); videoResizeObserver.observe(video); } else { videoResizeObserver.unobserve(video); video.setAttribute('src', ''); video.removeAttribute('src'); } } if (entry.isIntersecting) sectionContainer.classList.add('k-intersecting'); else sectionContainer.classList.remove('k-intersecting'); }); }); } /* used by chapters */ let cachedHash = false; if(document.location.hash.startsWith('#')) { cachedHash = document.location.hash; /* delay hash navigation until page is loaded */ history.replaceState('', '', '#'); } /* used by visuals and stage */ const videoResizeObserver = new ResizeObserver((entries) => { for (const entry of entries) { if(entry.contentRect.width / entry.contentRect.height >= 1) { if(entry.target.dataset.landscape && entry.target.src != entry.target.dataset.landscape) entry.target.setAttribute('src', entry.target.dataset.landscape); } else { if(entry.target.dataset.portrait && entry.target.src != entry.target.dataset.portrait) entry.target.setAttribute('src', entry.target.dataset.portrait); } } }); </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'k-teaser-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE: TEASER</center>'; script.before(pre); } }); } const modifyTeaser = (sectionContainer, useBackgroundVideo, mouseOver) => { Array.from(sectionContainer.querySelectorAll('.elp-teaser_image')).forEach((sectionContainer,index) => { sectionContainer.classList.add('k-modified'); let isVideo = false; let imgSrc = ''; let img = sectionContainer.querySelector('img'); imgSrc = img.src; const picture = document.createElement('picture'); const imgSrcPrefix = /.*\/(.*?)portrait\.jpg/g.exec(imgSrc)?.[1] ?? ''; picture.innerHTML = ` <source media="(min-width: 1025px)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 1x, ${img.src}/jcr:content/renditions/${imgSrcPrefix}landscape@2x.jpg 2x"> <source media="(min-width: 768px) and (min-aspect-ratio: 4/3)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 1x, ${img.src}/jcr:content/renditions/${imgSrcPrefix}landscape@2x.jpg 2x"> <source media="(min-width: 768px) and (max-aspect-ratio: 4/3)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}portrait-large.jpg 1x, ${imgSrc}/jcr:content/renditions/${imgSrcPrefix}portrait-large@2x.jpg 2x"> <source media="(max-width: 767px) and (min-aspect-ratio: 4/3)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 1x, ${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 2x"> <source media="(max-width: 767px) and (max-aspect-ratio: 4/3)" srcset="${imgSrc} 1x, ${imgSrc}/jcr:content/renditions/${imgSrcPrefix}portrait@2x.jpg 2x"> `; img.setAttribute('onerror', ` console.warn("image rendition missing for", this, "fallback to image default source"); this.parentNode.children[0].srcset = this.parentNode.children[1].srcset = this.parentNode.children[2].srcset = this.parentNode.children[3].srcset = this.parentNode.children[4].srcset = this.src;`); img.setAttribute('loading', 'lazy'); picture.appendChild(img.cloneNode(true)); img.parentNode.replaceChild(picture, img); if(useBackgroundVideo){ fetch(img.src + '/jcr:content/metadata/Iptc4xmpExt:LocationShown').then(res => { if(res.ok) { res.json().then(json => { if(json) { const video = document.createElement('video'); video.dataset.portrait = json.portrait; video.dataset.landscape = json.landscape; video.muted = true; video.setAttribute('muted', ""); video.setAttribute('loop', ""); video.setAttribute('playsinline', ""); video.setAttribute('autoplay', ""); video.setAttribute('disablePictureInPicture', ""); video.setAttribute('preload', "auto"); if(mouseOver) { if(window.matchMedia("(any-hover: hover)").matches) { const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.addEventListener("mouseover", _ => {video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load();}, false); video.addEventListener("mouseout", _ => {video.setAttribute('src', ''); video.removeAttribute('src');}, false); } else { video.dataset.playOnIntersect = true; if(elementIsVisibleInViewport(picture, true)){ const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load(); videoResizeObserver.observe(video); } } } else if (intersectVisualObserver) { video.dataset.playOnIntersect = true; if(elementIsVisibleInViewport(picture, true)){ const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load(); videoResizeObserver.observe(video); } } else { const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? json.landscape : json.portrait); video.load(); videoResizeObserver.observe(video); } picture.appendChild(video); } }); } }); } if (intersectVisualObserver) intersectVisualObserver.observe(sectionContainer); }); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'k-header-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE MODIFICATIONS FOR HEADER</center>'; script.before(pre); } }); } let headerOverlayObserver = new MutationObserver(function(entries, observer) { entries.forEach(function(mutation) { if (mutation.type === "attributes" && mutation.attributeName === "class") { if(mutation.target.classList.contains('active')) { const video = mutation.target.closest('.visual-media-image').querySelector('picture video'); if(video) video.pause(); } else { const video = mutation.target.closest('.visual-media-image').querySelector('picture video'); if(video) video.play(); } } }); }); const modifyHeader = (sectionContainer, useBackgroundVideo) => { const copy = sectionContainer.querySelector('.text.section'); let isVideo = false; let imgSrc = ''; let img = sectionContainer.querySelector('.visual-media-image img'); if(img) { imgSrc = img.src; } else { isVideo = true; const videoData = JSON.parse(sectionContainer.querySelector('.visual-media-video [data-component]').dataset.component); imgSrc = videoData.path[0].poster; img = document.createElement('img'); img.setAttribute('alt', videoData.title); img.src = imgSrc; } const picture = document.createElement('picture'); picture.innerHTML = ` <source media="(min-aspect-ratio: 7/10)" srcset="${img.src}/jcr:content/renditions/landscape.jpg 1x, ${img.src}/jcr:content/renditions/landscape@2x.jpg 2x"> <source media="(max-aspect-ratio: 7/10) and (max-width: 390px)" srcset="${img.src} 1x, ${img.src}/jcr:content/renditions/portrait@2x.jpg 2x"> <source media="(max-aspect-ratio: 7/10)" srcset="${img.src}/jcr:content/renditions/portrait@2x.jpg 1x, ${img.src}/jcr:content/renditions/portrait@2x.jpg 2x"> `; img.setAttribute('onerror', 'console.warn("image rendition missing for", this, "fallback to image default source"); this.parentNode.children[0].srcset = this.parentNode.children[1].srcset = this.parentNode.children[2].srcset = this.src;'); if(isVideo) { const imageContainer = document.createElement('div'); imageContainer.classList.add('visual-media-image'); const videoContainer = sectionContainer.querySelector('.visual-media-video'); imageContainer.appendChild(videoContainer.cloneNode(true)); videoContainer.parentNode.replaceChild(imageContainer, videoContainer); imageContainer.appendChild(picture); picture.appendChild(img); console.log(sectionContainer.querySelector('.trailer')) headerOverlayObserver.observe(sectionContainer.querySelector('.trailer'), { attributes: true, childList: false, subtree: false }); } else { const imageContainer = sectionContainer.querySelector('.visual-media-image'); const videoContainer = sectionContainer.querySelector('.visual-media-video'); imageContainer.prepend(videoContainer); picture.appendChild(img.cloneNode(true)); img.parentNode.replaceChild(picture, img); } picture.parentNode.appendChild(copy); if(useBackgroundVideo){ fetch(img.src + '/jcr:content/metadata/Iptc4xmpExt:LocationShown').then(res => { if(res.ok){ res.text().then(text => { if(text) { const video = document.createElement('video'); video.muted = true; video.setAttribute('muted', ""); video.setAttribute('loop', ""); video.setAttribute('playsinline', ""); video.setAttribute('autoplay', ""); video.setAttribute('disablePictureInPicture', ""); video.setAttribute('preload', "auto"); video.setAttribute('src', text); picture.appendChild(video); } }); } }); } } </script> <style> @media (min-width: 768px) { .k-header .column_control>ul>li>.visual.image.section { grid-area: 1 / c0 / 1 / c13; margin: 0; } .k-header .column_control>ul>li>:not(.visual.image.section){ grid-area: 1 / c3 / 1 / c10; } } @media (max-width: 767px) { .k-header .column_control>ul>li>.visual.image.section { grid-area: 1 / c0 / 1 / c7; margin: 0; } .k-header .column_control>ul>li>:not(.visual.image.section){ grid-area: 1 / c1 / 1 / c6; } } .k-header .inner_offer { margin-top: 0; margin-bottom: 0; } .k-header .column_control>ul, .k-header .column_control>li { height: 100%; } .k-header .visual-container, .k-header .inner-container, .k-header .visual-media { height: 100%; } .k-header .visual-media { display: flex; flex-direction: column; height: 100%; } .k-header .visual-media-image { flex-grow: 1; overflow: hidden; display: flex; flex-direction: column; position: relative; justify-content: space-between; } .k-header .visual-media-video { position: relative; height: auto; width: 100%; display: block; flex-grow: 5; } .k-header .video-maincontainer * { background-image: none !important; } .k-header picture { display: block; height: 100%; width: 100%; position: relative; position: absolute; } .k-header .visual-media-video picture { position: absolute; } .k-header picture img { display: block; height: 100%; width: 100%; object-fit: cover; } .k-header picture video { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; object-fit: cover; } .k-header .fp-controls { display:none !important; } .k-header .visual-player-container { padding-top: 0px !important; padding-bottom: 102px !important; } .k-header .btn-container { padding-bottom:102px !important; } .k-header .video-maincontainer{ display: flex; flex-direction: column; justify-content: center; } @media (min-width: 1440px) { .k-header .column_control { height: calc(100vh - 80px - 32px); } } @media (max-width: 1439px) { .k-header .column_control { height: calc(100vh - 60px); } .space-container-top .k-header .column_control { height: calc(100vh - 60px - 67px); margin-top: 7px; } .mobile-menu-active .k-header .column_control { height: calc(100vh); } } .k-header .text.section { color: #FFF; position: relative; flex-grow: 1; } .k-header .text.section .elp-text { bottom: 0; position: absolute } .k-header .disclaimer .visual-disclaimer { margin-bottom: 20px; } @media (min-width: 1025px) { .k-header .disclaimer .visual-disclaimer { margin-left: 30px; margin-right: 30px; } } .k-header .visual-media-image::after { content: ""; background-color: white; width: 24px; height: 24px; position: relative; margin: 20px auto 20px auto; animation: arrow-down infinite 1.5s; background: url(https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon-arrow-down-light.svg); background-size: cover; display: block; } @keyframes arrow-down { 0% { transform: translateY(0); } 30% { transform: translateY(20%); } 60% { transform: translateY(0); } } .k-header .visual-media-image .text.section .elp-text{ display: grid; grid-auto-rows: auto; width:100%; margin: 0; } @media (min-width: 1025px) { .k-header .visual-media-image .text.section .elp-text { grid-template-columns: 80px repeat(11, 1fr 40px) 1fr 80px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13'; } } @media (min-width: 768px) and (max-width: 1024px) { .k-header .visual-media-image .text.section .elp-text { grid-template-columns: 30px repeat(11, 1fr 20px) 1fr 30px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13'; } } @media (min-width: 481px) and (max-width: 767px) { .k-header .visual-media-image .text.section .elp-text{ grid-template-columns: 30px repeat(5, 1fr 20px) 1fr 30px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7'; } } @media (max-width: 480px) { .k-header .visual-media-image .text.section .elp-text{ grid-template-columns: 15px repeat(5, 1fr 20px) 1fr 15px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7'; } } @media (min-width: 768px) { .k-header .visual-media-image .text.section .elp-text>*{ grid-area: 1 / c3 / 1 / c10; } } @media (max-width: 767px) { .k-header .visual-media-image .text.section .elp-text>*{ grid-area: 1 / c1 / 1 / c6; } } /* fix for language specific video overlay */ .k-header .visual-media-video .trailer.trailer.active { position: fixed; } .k-header .visual-media-video .trailer.trailer.active .iframe-container { position: relative; } </style> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'k-visual-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE: VISUAL</center>'; script.before(pre); const style = document.createElement('style'); style.innerHTML = `.visual-media { max-height: 500px !important; }`; script.before(style); } }); } const modifyVisual = (sectionContainer, useBackgroundVideo, mouseOver) => { Array.from(sectionContainer.querySelectorAll('.visual.image')).forEach((sectionContainer,index) => { sectionContainer.classList.add('k-modified'); let isVideo = false; let imgSrc = ''; let img = sectionContainer.querySelector('.visual-media-image img'); if(img) { imgSrc = img.src; } else { isVideo = true; const videoData = JSON.parse(sectionContainer.querySelector('.visual-media-video [data-component]').dataset.component); imgSrc = videoData.path[0].poster; img = document.createElement('img'); img.setAttribute('alt', videoData.title); img.src = imgSrc; } const picture = document.createElement('picture'); const imgSrcPrefix = /.*\/(.*?)portrait\.jpg/g.exec(imgSrc)?.[1] ?? ''; picture.innerHTML = ` <source media="(min-width: 1025px)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 1x, ${img.src}/jcr:content/renditions/${imgSrcPrefix}landscape@2x.jpg 2x"> <source media="(min-width: 768px) and (min-aspect-ratio: 4/3)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 1x, ${img.src}/jcr:content/renditions/${imgSrcPrefix}landscape@2x.jpg 2x"> <source media="(min-width: 768px) and (max-aspect-ratio: 4/3)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}portrait-large.jpg 1x, ${imgSrc}/jcr:content/renditions/${imgSrcPrefix}portrait-large@2x.jpg 2x"> <source media="(max-width: 767px) and (min-aspect-ratio: 4/3)" srcset="${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 1x, ${imgSrc}/jcr:content/renditions/${imgSrcPrefix}landscape.jpg 2x"> <source media="(max-width: 767px) and (max-aspect-ratio: 4/3)" srcset="${imgSrc} 1x, ${imgSrc}/jcr:content/renditions/${imgSrcPrefix}portrait@2x.jpg 2x"> `; img.setAttribute('onerror', ` console.warn("image rendition missing for", this, "fallback to image default source"); this.parentNode.children[0].srcset = this.parentNode.children[1].srcset = this.parentNode.children[2].srcset = this.parentNode.children[3].srcset = this.parentNode.children[4].srcset = this.src;`); img.setAttribute('loading', 'lazy'); if(isVideo) { const imageContainer = document.createElement('div'); imageContainer.classList.add('visual-media-image'); const videoContainer = sectionContainer.querySelector('.visual-media-video'); imageContainer.appendChild(videoContainer.cloneNode(true)); videoContainer.parentNode.replaceChild(imageContainer, videoContainer); imageContainer.appendChild(picture); picture.appendChild(img); } else { const imageContainer = sectionContainer.querySelector('.visual-media-image'); const videoContainer = sectionContainer.querySelector('.visual-media-video'); imageContainer.prepend(videoContainer); picture.appendChild(img.cloneNode(true)); img.parentNode.replaceChild(picture, img); } if(useBackgroundVideo){ fetch(img.src + '/jcr:content/metadata/Iptc4xmpExt:LocationShown').then(res => { if(res.ok) { res.json().then(json => { if(json) { const video = document.createElement('video'); video.dataset.portrait = json.portrait; video.dataset.landscape = json.landscape; video.muted = true; video.setAttribute('muted', ""); video.setAttribute('loop', ""); video.setAttribute('playsinline', ""); video.setAttribute('autoplay', ""); video.setAttribute('disablePictureInPicture', ""); video.setAttribute('preload', "auto"); if(mouseOver) { if(window.matchMedia("(any-hover: hover)").matches) { const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.addEventListener("mouseover", _ => {video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load();}, false); video.addEventListener("mouseout", _ => {video.setAttribute('src', ''); video.removeAttribute('src');}, false); } else { video.dataset.playOnIntersect = true; if(elementIsVisibleInViewport(picture, true)){ const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load(); videoResizeObserver.observe(video); } } } else if (intersectVisualObserver) { video.dataset.playOnIntersect = true; if(elementIsVisibleInViewport(picture, true)){ const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? video.dataset.landscape : video.dataset.portrait); video.load(); videoResizeObserver.observe(video); } } else { const contentRect = picture.getBoundingClientRect(); const pictureRatio = contentRect.width / contentRect.height; video.setAttribute('src', pictureRatio >= 1 ? json.landscape : json.portrait); video.load(); videoResizeObserver.observe(video); } picture.appendChild(video); } }); } }); } if (intersectVisualObserver) intersectVisualObserver.observe(sectionContainer); }); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'k-chapters-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE: CHAPTERS</center>'; script.before(pre); const style = document.createElement('style'); style.innerHTML = `.container { padding: 50px !important; background-image: linear-gradient(#F3C300, #C7C8CA) !important; }`; script.before(style); } }); } const modifyChapters = (sectionContainer, active) => { const collapsible = sectionContainer.closest('.k-chapter-collapsible'); if(active) collapsible.classList.add('k-chapter-active'); if(cachedHash) { let isHashForChapter = cachedHash === '#' + collapsible.id; let isHashForChapterContent = cachedHash.startsWith('#' + collapsible.id + '-') if(isHashForChapter || isHashForChapterContent) { collapsible.classList.add('k-chapter-active'); history.replaceState('', '', '#' + collapsible.id); /*sectionContainer.scrollIntoView({ behavior: 'smooth', block: "start", inline: "start" });*/ console.log('scrolling to and opening', sectionContainer, 'within', collapsible); let scrollTimeout; let failsafeTimeout; let scrollListener = function(e) { clearTimeout(scrollTimeout); console.log('Scroll ended', elementIsVisibleInViewport(sectionContainer, true)); scrollTimeout = setTimeout(function() { if(elementIsVisibleInViewport(sectionContainer, true)) { console.log('Target visible'); clearInterval(failsafeTimeout); document.removeEventListener('scroll', scrollListener); let target; if(isHashForChapterContent){ history.replaceState('', '', cachedHash); target = collapsible.querySelector(document.location.hash) ?? sectionContainer.querySelector('.k-chapter .teaser'); } else target = sectionContainer.querySelector('.k-chapter .teaser'); target.scrollIntoView({ behavior: 'smooth', block: "start", inline: "start" }); } else { failsafeTimeout = setTimeout(function() { document.removeEventListener('scroll', scrollListener); }, 4000); } }, 2000); }; document.addEventListener('scroll', scrollListener); } } sectionContainer.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); let target = document.querySelector(this.getAttribute('href')); const isActive = target.classList.contains('k-chapter-active') target.classList.toggle('k-chapter-active'); if(!isActive) { target = target.querySelector('.k-chapter .teaser'); } target.scrollIntoView({ behavior: 'smooth', block: "start", inline: "start" }); }); }); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { let parallaxElements = []; let intersectSectionObserver; if ("IntersectionObserver" in window) { intersectSectionObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { const sectionContainer = entry.target; if (entry.isIntersecting) { sectionContainer.classList.add('k-intersecting'); } else { sectionContainer.classList.remove('k-intersecting'); } parallaxElements = Array.from(document.querySelectorAll( `.k-chapter-collapsible.k-intersecting .k-chapter picture:nth-of-type(1) img` )); }); }); } const scriptID = 'k-parallax-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE: PARALLAX EFFECTS</center>'; script.before(pre); } }); window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const animateParallaxElements = () => { const elements = parallaxElements; elements.forEach((element,index) => { element.scrollInFactor = 0; element.scrollOutFactor = 0; const rect = element.getBoundingClientRect(); if(rect.height > 0) { element.scrollInFactor = Math.min(1, Math.max(0, (window.innerHeight - rect.top) / rect.height)); element.scrollOutFactor = Math.min(1, Math.max(0, rect.bottom / rect.height)); } }); requestAnimationFrame(() => { elements.forEach((element,index) => { const yValue = (1 - element.scrollInFactor) * (1 - element.scrollInFactor) * -30; const scaleValue = 1 + (1 - element.scrollOutFactor)/4; const brightnessValue = 0.4 + 0.6 * element.scrollOutFactor * (1 - (1 - element.scrollInFactor) * (1 - element.scrollInFactor)); element.style.transform = 'translate3D(0,' + yValue + 'vh, 0) scale(' + scaleValue + ')'; element.style.filter = 'brightness(' + brightnessValue + ')'; }); animateParallaxElements(); }); }; animateParallaxElements(); Array.from(document.querySelectorAll('.parsys>*')).forEach((sectionContainer,index) => { if (intersectSectionObserver) intersectSectionObserver.observe(sectionContainer); }); Array.from(document.querySelectorAll('.parsys .column_control>ul>li>*')).forEach((sectionContainer,index) => { if (intersectSectionObserver) intersectSectionObserver.observe(sectionContainer); }); } }); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- to be embedded begin --> <script src="/content/dam/kwcms/kme/global/en/assets/vehicles/elp/1/freecoding/swiper-element-bundle.min.js"></script> <!-- to be embedded end --> <script> { const scriptID = 'k-slider-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE MODIFICATIONS FOR SLIDER</center>'; script.before(pre); } }); } const modifySlider = (sectionContainer, sliderConfiguration) => { const slider = document.createElement('swiper-container'); slider.setAttribute('init', 'false'); Array.from(sectionContainer.querySelector('li').children).forEach((element,index) => { const slide = document.createElement('swiper-slide'); slide.appendChild(element); slider.appendChild(slide); }); sectionContainer.querySelector('li').appendChild(slider); const nextButton = document.createElement('div'); nextButton.classList.add('k-slider-next'); const prevButton = document.createElement('div'); prevButton.classList.add('k-slider-prev'); sectionContainer.querySelector('li').appendChild(nextButton); sectionContainer.querySelector('li').appendChild(prevButton); sliderConfiguration.navigation = { nextEl: nextButton, prevEl: prevButton } Object.assign(slider, sliderConfiguration); slider.initialize(); } </script> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const scriptID = 'k-dropdown-definitions'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (parent.document.location.href.includes('editor.html')){ const pre = document.createElement('pre'); pre.innerHTML = '<center>FREECODE MODIFICATIONS FOR DROPDOWNS</center>'; script.before(pre); } }); } const modifyDropdown = (sectionContainer) => { Array.from(sectionContainer.querySelectorAll('.elp-teaser_action')).forEach((element,index) => { element.addEventListener('click', (e) => { e.preventDefault(); if(sectionContainer.dataset.active == index + 1) sectionContainer.dataset.active = 0; else sectionContainer.dataset.active = index + 1; }); }); sectionContainer.dataset.active = 0; } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- header styling begin --> <script> { const scriptId = "connect-header"; document.currentScript.id = scriptId; window.addEventListener("DOMContentLoaded", (event) => { if (!parent.document.location.href.includes('editor.html')){ document.getElementById(scriptId).closest('.freeCoding.section').classList.add(scriptId); document.getElementById(scriptId).closest('.columnControl.section').classList.add(scriptId); } }); } </script> <style> /* HEADER */ .connect-header.columnControl { padding: 0; position: relative; z-index: 1; margin-bottom: 60px; } .connect-header.columnControl .inner_offer, .connect-header.columnControl .column1 { margin: 0; opacity: 1; } .connect-header.columnControl .kmuk_wrap, .connect-header.columnControl .inner_offer, .connect-header.columnControl .column_control, .connect-header.columnControl .column1, .connect-header.columnControl .column1 > li, .connect-header.columnControl .freeCoding:not(.connect-header), .connect-header.columnControl .freeCoding:not(.connect-header) * { height: 100%; width: 100%; } @media (min-width: 1440px) { .connect-header.columnControl { height: calc(100vh - 80px - 32px); } } @media (max-width: 1439px) { .connect-header.columnControl { height: calc(100vh - 60px); } .space-container-top .connect-header.columnControl { height: calc(100vh - 60px - 67px); } .mobile-menu-active .connect-header.columnControl { height: calc(100vh); } } .connect-header.columnControl .eut_cmly_section::after { display: none !important; } .connect-header.columnControl .column1 > li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .connect-header.columnControl .freeCoding:not(.connect-header) { position: absolute; top: 0; } .connect-header.columnControl .text.section { z-index: 1; width: 100%; } .connect-header.columnControl .column1>li::after { content: ""; background-color: white; width: 24px; height: 24px; position: absolute; margin: 20px auto 0px auto; animation: arrow-down infinite 1.5s; background: url(https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon_arrow_down_black.svg); background-size: contain; background-repeat: no-repeat; bottom: 30px; } @keyframes arrow-down { 0% { transform: translateY(0); } 30% { transform: translateY(20%); } 60% { transform: translateY(0); } } .connect-header.columnControl .visual.image.section, .connect-header.columnControl .visual-player-container { overflow: visible; background: none !important; margin: 0; } /* play buttons begin */ .connect-header.columnControl .btn-container { padding: 0; } .connect-header.columnControl .visual-media-video .btn-play { left: 50%; transform: translate(-50%, 0); margin-top: -50vh; } @media (max-width: 767px) { .connect-header.columnControl .visual-media-video .btn-play img { width: 70px; } } /* .connect-header.columnControl .visual-media-video .btn-play::after { position: absolute; left: 50%; content: 'Discover'; transform: translateX(-50%); color: #05141F; font-size: 16px; margin-top: 16px; } */ @media (max-width: 767px) { .connect-header.columnControl .visual-media-video .btn-play::after { display: none; } } .connect-header.columnControl .visual-media-video .not-popup-btn-play { display: none !important; } /* play buttons end */ /* video player begin */ .connect-header.columnControl .visual-media-video .trailer { position: fixed; top: 0; height: 100vh; width: 100%; z-index: 100; } .connect-header.columnControl .visual-media-video .trailer .iframe-container { position: relative; } .connect-header.columnControl .visual-media-video .trailer .iframe-container > iframe { width: 100%; height: 100%; display: block !important; } .connect-header.columnControl .visual-media-video .trailer .trailer-content { overflow: visible; width: 100%; } .connect-header.columnControl .visual-media-video .trailer .trailer-content { max-width: calc(100% - 30px); margin: 0 auto; max-height: calc(100% - 120px); height: auto; width: 125vh; } @media (min-width: 541px) and (max-width: 1024px) { .connect-header.columnControl .visual-media-video .trailer .trailer-content { max-width: calc(100% - 80px); max-height: calc(100% - 120px); height: auto; width: 125vh; } } @media (min-width: 768px) and (max-device-width: 989px) { .connect-header.columnControl .visual-media-video .trailer .trailer-content { max-width: calc(100% - 80px - 60px); max-height: calc(100% - 120px); height: auto; width: 125vh; } } @media (min-width: 1025px) { .connect-header.columnControl .visual-media-video .trailer .trailer-content { max-width: calc((100% - 160px) * 0.9 + 32px); max-height: calc(100% - 120px); height: auto; width: 125vh; } } .connect-header.columnControl .youtube-poster { display: none !important; } .connect-header.columnControl .fp-ui { display: none; } /* video player end */ .connect-header.columnControl h1 { position: absolute; width: 38vw !important; left: 44px; height: 38% !important; max-width: 788px; bottom: 10px; } .connect-header.columnControl h1 img { object-fit: contain; object-position: left bottom; } @media (max-width: 768px) { .connect-header.columnControl h1 { position: absolute; width: calc(100% - 88px) !important; left: 44px; height: 38% !important; max-width: 788px; bottom: 66px; } .connect-header.columnControl h1 img { object-fit: contain; object-position: center bottom; } } /* HEADER end */ </style> <!-- header styling end --> </div></div> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-video"> <!-- show video --> <div class="video-maincontainer"> <div class="eut_component_item" data-component='{"autoloop": "","videoLayout":"pop-up","sound": "","duration":"0","play":"true", "preview":"true", "title":"","button":"","type":"video","vendor":"interlake","path":[{"video":"https://streaming.interlake.net/fp;streaming/20120113173806/;PSYOP_KIA_Telematic_16x9_noURL_h264.mp4;stream;fwd.mp4","poster":"/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img/kia-connect-header-1920.jpg"}],"disclaimerText":""}'> <!-- check for if video popup --> <a href="javascript:;" class="full_link"> <div class="visual-player-container"> <div class="btn-container"> <span class="btn-play" data-vendor="interlake"> <img src="/content/dam/kwcms/kme/global/en/assets/elp-icons/spr-btn-play.png" alt="play"/> </span> </div> <div class="trailer"></div> </div> </a> </div> </div> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/visual/visual-author.min.f1b8aa9e7809111f3a3cf2413accf4ac.css" type="text/css"/> <script src="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/visual/visual-author.min.32cc8dbf24868690ff840872c2832035.js"></script> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- header background styling begin --> <h1 class="header-logo"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/kia-connect-logo-2.svg" alt="Kia Connect" style="object-fit: contain;"> </h1> <picture class="header-background"> <!-- the first matching source will be served --> <source media="(min-aspect-ratio: 8/10)" srcset="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img/kia-connect-header-1920.png 1x, /content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/kia-connect-header-1920@2x.jpg 2x"> <source media="(max-width: 360px) and (max-aspect-ratio: 8/10)" srcset="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img/kia-connect-header-360.png 1x, /content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/kia-connect-header-360@2x.png 2x"> <source media="(max-width: 414px) and (max-aspect-ratio: 8/10)" srcset="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img/kia-connect-header-414.png 1x, /content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/kia-connect-header-414@2x.png 2x"> <source media="(max-aspect-ratio: 8/10)" srcset="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img/kia-connect-header-768.png 1x, /content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/kia-connect-header-768@2x.jpg 2x"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img/kia-connect-header-1920.png" alt="" style="object-fit: contain;background-color: #b6b9be;"> </picture> <!-- header background styling end --> </div></div> </li> </ul> </div> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/columnControl.min.a9aef5557ffa08ddc9f13b8aafb8f6c5.css" type="text/css"/> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <div id="start"></div> </div></div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2>Gardez une longueur d'avance.</h2> <p> </p> <p>Kia Connect améliore votre expérience de conduite grâce à une technologie de pointe et une connectivité parfaite, redéfinissant l’utilisation de votre voiture.</p> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/text.min.8dd7f21a0a13d089f55f66c4c0745bf9.css" type="text/css"/> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#download-the-app" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Téléchargez l’application'}).track( 'internal_link' );">Téléchargez l’application</a> <a class="cmp-teaser__action-link elp-teaser_action" href="#connectivity-features" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Caractéristiques de connectivité'}).track( 'internal_link' );">Caractéristiques de connectivité</a> <a class="cmp-teaser__action-link elp-teaser_action" href="#features-on-demand" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Mises à jour'}).track( 'internal_link' );">Mises à jour</a> <a class="cmp-teaser__action-link elp-teaser_action" href="#pairing" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Guide de pairage'}).track( 'internal_link' );">Guide de pairage</a> <a class="cmp-teaser__action-link elp-teaser_action" href="#support" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Assistance'}).track( 'internal_link' );">Assistance</a> </div> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/teaser.min.a9971ec3e68e0d346ee83c8148f8c178.css" type="text/css"/> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- app services styling begin --> <script> { const scriptId = "app-services"; document.currentScript.id = scriptId; window.addEventListener("DOMContentLoaded", (event) => { if (!parent.document.location.href.includes('editor.html')) { document.getElementById(scriptId).closest('.columnControl.section').classList.add(scriptId); Array.from(document.querySelectorAll('.columnControl.app-services .tab-link')).forEach((element,index) => { element.addEventListener('click', () => { $(".columnControl.app-services .ncofb_area .slides").ixSlideMax("resize"); }); }); $(".columnControl.app-services .ncofb_area .slides").ixSlideMax("resize"); } }); } </script> <!-- app services styling end --> </div></div> <div class="tabs section"> <!-- Tabs Component --> <div id="elp_container" class="elp-tap-container-component"> <div class="centerTabs"> <ul class="tabs"> <li class="tab-link selected" data-tab="item_1625135956291"> <span>In-App Services</span></li> <li class="tab-link " data-tab="item_1625135961651"> <span>In-Car Services</span></li> </ul> </div> <div data-tab-content-id="item_1625135956291" class="tab-content selected"><div class="carousel"> <div class="ncofb_area" style="background-color: transparent"> <div class="eut_lb_slide slides ix-slide-max-apply js-carousel_ix_slide" data-ix-options="view-length:1;loop:false"> <div class="ix-list-viewport"> <ul class="ix-list-items"> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par1 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7758620689655173;"> <img alt="Kia EV6 GT designed to inspire" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/kia-connect-app@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Services compris dans l’application Kia Connect.</h3> </div> <div class="copy-text"> <p>Découvrez à quel point la vie peut être facile. Restez plus que jamais connecté à votre Kia grâce aux informations en temps réel destinées à vous assister en toutes circonstances et aux nouvelles fonctionnalités disponibles à distance sur smartphone.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par2 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7816091954022988;"> <img alt="800 volt charging technology" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/remote-control@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Commande à distance.</h3> </div> <div class="copy-text"> <p>Gardez une maîtrise parfaite de votre Kia grâce à votre smartphone. Avec les services de l’application Kia Connect, vous pouvez verrouiller et déverrouiller simplement votre Kia à distance. Exploitez au mieux votre batterie en lançant, en arrêtant et en programmant sa charge à distance.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par3 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7765042979942693;"> <img alt="Kia EV6 GT intelligent lightning system" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/stay-on-top@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Gardez un contrôle total.</h3> </div> <div class="copy-text"> <p>Vous pouvez connaître la localisation, le temps de trajet, la distance parcourue et la vitesse maximale de votre Kia via les services de l’application Kia Connect. De plus, grâce à la fonction de localisation, vous pouvez savoir en permanence où est stationné votre véhicule, vous évitant ainsi de perdre votre temps à le chercher lorsque vous l’avez garé dans un grand parking ou une rue inconnue.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par4 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7844827586206897;"> <img alt="Unique LED taillight signature" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/time-saving@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Gain de temps.</h3> </div> <div class="copy-text"> <p>Votre trajet, déjà prêt : planifiez et définissez à l’avance votre trajet grâce aux services de l’application Kia Connect, et envoyez des adresses au système de navigation de votre Kia en toute simplicité. Vous pouvez également activer, régler et programmer la climatisation à distance avant de monter à bord de votre véhicule afin que l’habitacle soit à la température souhaitée au moment de prendre le volant.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> </ul> </div> <div class="ix-controller"> <ul class="ix-thumbs controls"> <li class="ix-thumb"> <a class="ix-btn" href="#" title="<!--ix-index-->"> <!--ix-index--> </a> </li> </ul> <div class="slide_direction elp_arrow btype4"> <a class="ix-btn-prev prev" href="#"><span>Prev</span></a> <a class="ix-btn-next next" href="#"><span>Next</span></a> </div> </div> </div> </div> <script> var $slide = $('.ncofb_area .slides').ixSlideMax(); $(window).off('resize', resize_ixSlide); var resizeTimer; if(resize_ixSlide) $(window).off('resize', resize_ixSlide); var resize_ixSlide = function (e) { clearTimeout(resizeTimer); resizeTimer = setTimeout(function() { $slide.ixSlideMax("clear"); window.ixBand.ua.TOUCH_DEVICE = true; $slide.ixSlideMax(); }, 250); } $(window).on('resize', resize_ixSlide); function photoClickEvent() { window.dtmDataLayer.page.event = 'photo-view' eut.analytics.prop({ internal_link: 'elp|carousel|interaction}' }).track('internal_link') } </script> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/carousel.min.3f1fcbcfe10efeece18592af49566c25.css" type="text/css"/> <script src="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/carousel.min.fa0f7a4aa141af8961ccfdb8edee49ab.js"></script> </div> </div> <div data-tab-content-id="item_1625135961651" class="tab-content "><div class="carousel"> <div class="ncofb_area" style="background-color: transparent"> <div class="eut_lb_slide slides ix-slide-max-apply js-carousel_ix_slide" data-ix-options="view-length:1;loop:false"> <div class="ix-list-viewport"> <ul class="ix-list-items"> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par1 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7816091954022988;"> <img alt="Kia EV6 GT cabin" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/kia-in-car-services@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Services embarqués Kia Connect.</h3> </div> <div class="copy-text"> <p>Des trajets plus intelligents jusqu’à votre destination. Gardez toujours une longueur d’avance grâce au système de navigation. Bénéficiez d’informations actualisées en temps réel sur les places de stationnement et les stations de recharge à proximité.* Les services embarqués Kia Connect vous offrent de multiples possibilités, vous permettant ainsi de profiter au mieux de votre expérience Kia.<br /> <i>*Pour les véhicules électriques et les véhicules hybrides rechargeables uniquement</i></p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par2 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7838983050847457;"> <img alt="Remain in control." src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/kia-live-services-2@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Gardez le contrôle.</h3> </div> <div class="copy-text"> <p>Le centre de notifications vous signalera chaque déclenchement d'alerte, et vous fournira des données clés et des informations de diagnostic sur votre Kia. Pour connaître la météo, consultez les prévisions à trois jours pour obtenir un résumé complet vous indiquant les températures minimales et les probabilités d’ensoleillement ou de pluie.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par3 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7765042979942693;"> <img alt="Navigation system on Panoramic dual 12.3&#34; curved display" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/remain-in-control@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Trouvez l&#39;endroit idéal.</h3> </div> <div class="copy-text"> <p>Le répertoire en ligne affiche les emplacements des bornes de recharge pour modèles rechargeables ainsi que d'autres données telles que les modes de paiement, la disponibilité des bornes et les types de connecteur compatibles. Bénéficiez d’informations actualisées en temps réel sur les parkings à proximité et les stations de recharge.*<br /> <i>*Pour les véhicules électriques et les véhicules hybrides rechargeables uniquement</i></p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par4 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7816091954022988;"> <img alt="Kia EV6 GT interior, relaxation seats" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/perfect-spot@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Un planning harmonieux.</h3> </div> <div class="copy-text"> <p>Visualisez l’agenda de votre smartphone sur votre écran de navigation et laissez-le vous guider directement jusqu'à vos prochains lieux de rendez-vous. Votre agenda peut également être ajouté aux services de l’application Kia Connect. Accédez en toute facilité à vos contacts ou changez de station radio via une simple commande vocale.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par5 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7793696275071633;"> <img alt="Unlocking Innovation. The evolution of automotive updates." src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/harmonious-plan@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Un planning harmonieux.</h3> </div> <div class="copy-text"> <p>Visualisez l’agenda de votre smartphone sur votre écran de navigation et laissez-le vous guider directement jusqu'à vos prochains lieux de rendez-vous. Votre agenda peut également être ajouté aux services de l’application Kia Connect. Accédez en toute facilité à vos contacts ou changez de station radio via une simple commande vocale.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> </ul> </div> <div class="ix-controller"> <ul class="ix-thumbs controls"> <li class="ix-thumb"> <a class="ix-btn" href="#" title="<!--ix-index-->"> <!--ix-index--> </a> </li> </ul> <div class="slide_direction elp_arrow btype4"> <a class="ix-btn-prev prev" href="#"><span>Prev</span></a> <a class="ix-btn-next next" href="#"><span>Next</span></a> </div> </div> </div> </div> <script> var $slide = $('.ncofb_area .slides').ixSlideMax(); $(window).off('resize', resize_ixSlide); var resizeTimer; if(resize_ixSlide) $(window).off('resize', resize_ixSlide); var resize_ixSlide = function (e) { clearTimeout(resizeTimer); resizeTimer = setTimeout(function() { $slide.ixSlideMax("clear"); window.ixBand.ua.TOUCH_DEVICE = true; $slide.ixSlideMax(); }, 250); } $(window).on('resize', resize_ixSlide); function photoClickEvent() { window.dtmDataLayer.page.event = 'photo-view' eut.analytics.prop({ internal_link: 'elp|carousel|interaction}' }).track('internal_link') } </script> </div> </div> </div> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/tabs.min.50b0bb2a13c3bfaaddf4d17c65bcb4e1.css" type="text/css"/> <script src="/etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/tabs.min.46a155018f7d601297a29da0dca68cd4.js"></script> <!-- Tabs Component Ends --></div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 0.9241706161137441;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/connectivity-opener-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="text section"> <div class="elp-text"> <div data-title="Caractéristiques de connectivité">Caractéristiques de connectivité</div> <div class="link-reverse"><h2 style="text-align: left;">Un monde de connectivité.</h2> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><p>Tirez le meilleur parti de votre expérience Kia grâce à des fonctionnalités fournissant une expérience personnalisée avec votre voiture.</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#connectivity-features" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> <a class="cmp-teaser__action-link elp-teaser_action" href="#connectivity-features" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Fermer'}).track( 'internal_link' );">Fermer</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'connectivity-features'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-chapter'; // <-- ADDED AS CLASS TO PRECEDING SECTION const fullScreen = true; const useBackgroundVideo = false; const mouseOver = false; const alreadyActive = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.classList.add(sectionClass); let prev = container.previousElementSibling; while(prev) { prev.classList.add(sectionClass); prev = prev.previousElementSibling; } container.closest('.columnControl.section').classList.add('k-chapter-collapsible'); container.closest('.columnControl.section').id = sectionID; container.parentElement.classList.add('k-grid'); container.previousElementSibling.querySelector('.column1 li').classList.add('k-grid'); modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); if(!fullScreen) { const picture = container.parentElement.querySelector('picture'); picture.parentElement.appendChild(picture.cloneNode(true)); } modifyChapters(container.previousElementSibling, alreadyActive); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2>Fonctionnalités des Services compris dans l’application Kia Connect.</h2> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Battery-Control-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Contrôle de la batterie</h3> <p> </p> <p>Exploitez au mieux votre batterie en lançant, arrêtant et programmant sa recharge à distance, améliorant son efficacité et sa durée de vie. Disponible pour les modèles 100% électriques et hybrides rechargeables.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Climate-Control-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Réglage de la climatisation</h3> <p> </p> <p>Une expérience de conduite idéale : sur les modèles 100% électriques, activez, réglez et programmez à distance la température de l'habitacle avant de prendre le volant. Avec une température adaptée, votre batterie offre une réactivité optimale et une conversion d’énergie idéale dès le démarrage.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Last-Mile-Navigation-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Navigation de fin de trajet</h3> <p> </p> <p>Une fois votre véhicule stationné, la fonction de navigation de fin de trajet des services de l’application Kia Connect vous accompagne et vous guide depuis votre Kia jusqu’à votre destination finale grâce à la navigation en réalité augmentée.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Valet-Parking-Mode-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Mode voiturier</h3> <p> </p> <p>Quelle que soit la personne au volant, vous pouvez connaître la localisation, le temps de trajet, la distance parcourue et la vitesse maximale de votre Kia</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/User-Profile-Transfer-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Transfert de profil utilisateur</h3> <p> </p> <p>Rétablissez tous les réglages de votre véhicule en toute simplicité après avoir confié votre Kia à quelqu’un d’autre.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Find-My-Car-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Trouver mon véhicule</h3> <p> </p> <p>Trouvez votre véhicule où qu’il soit avec la fonction de localisation – idéal si vous avez stationné votre Kia dans un grand parking.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Send-To-Car-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Envoyer à mon véhicule</h3> <p> </p> <p>Planifiez et définissez à l’avance votre trajet via votre application Kia Connect, et envoyez les adresses au système de navigation de votre Kia en toute simplicité.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Vehicle-Status-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>État du véhicule</h3> <p> </p> <p>Restez informé du démarrage, du niveau de carburant, du niveau de charge de la batterie, du verrouillage des portes, des sièges et des feux grâce à un aperçu des éléments clés de votre voiture.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Door-Control-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Verrouillage / Déverrouillage des portes</h3> <p> </p> <p>Verrouillez et déverrouillez les portes de votre Kia à distance via les services de l’application Kia Connect, sans utiliser de clé ou de télécommande.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/My-Trips-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Mes trajets</h3> <p> </p> <p>Bénéficiez d'un récapitulatif de vos trajets précédents avec indication des vitesses moyennes, des distances parcourues et des temps de conduite.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- features section styling begin --> <script> { const scriptId = "features-section"; document.currentScript.id = scriptId; window.addEventListener("DOMContentLoaded", (event) => { if (!parent.document.location.href.includes('editor.html')) document.getElementById(scriptId).closest('.columnControl.section').classList.add(scriptId); }); } </script> <!-- features section styling end --> </div></div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2>Fonctionnalités des Services embarqués Kia.</h2> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Online-Navigation-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Navigation en ligne</h3> <p> </p> <p>Accédez à des données de trafic en direct basées sur le cloud pour des ajustements précis et en temps réel des itinéraires et des heures d'arrivée estimées.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/OTA-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Mises à jour over-the-air (OTA)</h3> <p> </p> <p>Suivez des étapes simples pour lancer et compléter les mises à jour logicielles OTA pour l'infodivertissement et la cartographie, les deux mises à jour initiales étant gratuites.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Charging-Stations-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Stations de recharge</h3> <p> </p> <p>Localisez les bornes de recharge pour les modèles rechargeables, visualisez des détails tels que les modes de paiement, la disponibilité des bornes et les types de connecteurs.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Parking-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Stationnement</h3> <p> </p> <p>Trouvez des aires de stationnement avant votre arrivée à destination. Notre système propose des places de stationnement potentielles sur voirie et en parking avec indication de la disponibilité par code couleur.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Sport-Results-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Résultats sportifs</h3> <p> </p> <p>Recevez des notifications en direct pour suivre vos événements sportifs préférés et restez informé de toute l'actualité de votre équipe favorite.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Third-Party-Calendar-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Agenda</h3> <p> </p> <p>Visualisez l’agenda de votre smartphone sur votre écran de navigation et laissez-le vous guider directement jusqu'à vos prochains lieux de rendez-vous.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Points-Of-Interest-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Points d’intérêt</h3> <p> </p> <p>Accédez à des informations mises à jour sur les entreprises locales, les restaurants et les endroits particuliers à visiter.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Voice-Recognition-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Reconnaissance vocale</h3> <p> </p> <p>Le système de reconnaissance vocale intégré exécute vos commandes tout en vous permettant de garder en permanence les mains sur le volant et les yeux sur la route.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Notification-Center-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Centre de notifications</h3> <p> </p> <p>Les notifications vous signaleront chaque déclenchement d'alerte, des données clés et des renseignements de diagnostic sur votre Kia.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Weather-Forecast-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Prévisions météorologiques</h3> <p> </p> <p>Mieux vaut consulter les prévisions météo à trois jours. Il vous suffit de saisir votre destination pour bénéficier d'un bulletin météo complet.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: NaN;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/svg/Fuel-Info-Icon.svg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Prix des carburants</h3> <p> </p> <p>Le prix des carburants des stations-services à proximité est automatiquement mis à jour dans les services embarqués Kia Connect, vous permettant ainsi de planifier vos arrêts pour faire l’appoint en carburant.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 0.9241706161137441;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/connectivity-2-opener-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="text section"> <div class="elp-text"> <div data-title="Mises à jour">Mises à jour</div> <div class="link-reverse"><h2 style="text-align: left;">Kia Connect Store.</h2> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><p>Améliorez votre expérience de conduite avec le Kia Connect Store. Explorez une gamme de nouvelles mises à jour, installez-les et gérez vos abonnements en tout simplicité – le tout facilement accessible du bout des doigts. Tirez le meilleur parti de votre trajet, ici même sur une plateforme unifiée.</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#features-on-demand" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> <a class="cmp-teaser__action-link elp-teaser_action" href="#features-on-demand" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Fermer'}).track( 'internal_link' );">Fermer</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'features-on-demand'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-chapter'; // <-- ADDED AS CLASS TO PRECEDING SECTION const fullScreen = true; const useBackgroundVideo = false; const mouseOver = false; const alreadyActive = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.classList.add(sectionClass); let prev = container.previousElementSibling; while(prev) { prev.classList.add(sectionClass); prev = prev.previousElementSibling; } container.closest('.columnControl.section').classList.add('k-chapter-collapsible'); container.closest('.columnControl.section').id = sectionID; container.parentElement.classList.add('k-grid'); container.previousElementSibling.querySelector('.column1 li').classList.add('k-grid'); modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); if(!fullScreen) { const picture = container.parentElement.querySelector('picture'); picture.parentElement.appendChild(picture.cloneNode(true)); } modifyChapters(container.previousElementSibling, alreadyActive); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2>Améliorez votre façon d’avancer.</h2> <h2> </h2> <p style="text-align: left;">Améliorez votre expérience de conduite avec le Kia Connect Store. Explorez une gamme de nouvelles mises à jour, installez-les et gérez vos abonnements en tout simplicité – le tout facilement accessible du bout des doigts. Tirez le meilleur parti de votre trajet, ici même sur une plateforme unifiée.</p> </div> </div> </div> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-video"> <!-- show video --> <div class="video-maincontainer"> <div class="eut_component_item" data-component='{"autoloop": "","videoLayout":"pop-up","sound": "","duration":"0","play":"true", "preview":"true", "title":"Kia Connect Store","button":"","type":"video","vendor":"interlake","path":[{"video":"https://streaming.interlake.net/fp;streaming/20120113173806/EU;Kia_Connect_Store_Full.mp4;stream;fwd.mp4","poster":"/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/kia-connect-store-full-portrait.jpg"}],"disclaimerText":"Tous les véhicules affichés sont à des fins d&#39;illustration seulement et peuvent différer des spécifications réelles du véhicule. Les fonctionnalités de l&#39;application et l&#39;affichage peuvent varier ou changer."}'> <!-- check for if video popup --> <a href="javascript:;" class="full_link"> <div class="visual-player-container"> <div class="btn-container"> <span class="btn-play" data-vendor="interlake"> <img src="/content/dam/kwcms/kme/global/en/assets/elp-icons/spr-btn-play.png" alt="play"/> </span> </div> <div class="trailer"></div> </div> </a> </div> </div> </div> <div class="disclaimer"> <!-- disclaimer --> <div class="visual-disclaimer"> <div class="light bottom-left"> <p>Tous les véhicules affichés sont à des fins d'illustration seulement et peuvent différer des spécifications réelles du véhicule. Les fonctionnalités de l'application et l'affichage peuvent varier ou changer.</p> </div> </div> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'upgrades-0'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = true; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.6857142857142857;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/upgrade-boost-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h4 style="text-align: left;">Boost<br /> </h4> <p style="text-align: left;"> </p> <p style="text-align: left;">Maximisez l’accélération de votre Kia en boostant le moteur électrique avant : vous faites ainsi l’expérience d’une accélération exaltante avec des capacités en tout-terrain améliorées sur les parcours exigeants. Prenez la route avec joie et enthousiasme. ⁶</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'upgrades-1'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = false; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.6857142857142857;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/upgrade-ota-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h4 style="text-align: left;">Mises à jour over-the-air (OTA) pour cartes et infodivertissement<br /> </h4> <p style="text-align: left;"> </p> <p style="text-align: left;">Recevez les logiciels de cartographie et d'infodivertissement les plus récents de manière transparente over-the-air (OTA) sans devoir vous rendre dans une concession ou réaliser vous-même la mise à jour. Le service sera disponible après que les deux mises à jour OTA gratuites consécutives ont été effectuées.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'upgrades-2'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = false; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/upgrade-rspa-2-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h4 style="text-align: left;">Remote Smart Parking Assist 2<br /> </h4> <p style="text-align: left;"> </p> <p style="text-align: left;">Laissez votre Kia se garer pour vous : garez-vous automatiquement d’une pression sur un bouton, en manœuvrant sans effort dans des emplacements exigus ou en sortant facilement de circonstances de stationnement délicates. Bienvenue dans une nouvelle expérience de conduite fluide et sans stress.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'upgrades-3'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = true; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.6857142857142857;"> <img alt="Music on the move" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/4/freecoding/assets/upgrade-music-streaming-2-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h4 style="text-align: left;">Musique en streaming<br /> </h4> <p style="text-align: left;"> </p> <p style="text-align: left;">Restez en phase avec le trajet et votre musique préférée, et profitez d'une expérience de conduite harmonieuse avec du divertissement illimité à portée de main. ⁷ </p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'upgrades-6'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = false; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 0.20461699895068206;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/upgrade-instructions3-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'upgrades-4'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = false; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3 style="text-align: left;">Mise à niveau en deux étapes simples.</h3> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7777777777777777;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/kia-connect-store.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p style="text-align: left;">Les mises à jour déverrouillent la flexibilité ultime pour votre expérience Kia : certaines fonctionnalités vous laissent le choix entre un achat ponctuel ou une période d’utilisation de 12 mois ou de 6 mois. Et vous gardez un contrôle total sur les avantages dont vous avez besoin.</p> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#download-the-app" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Téléchargez l’application'}).track( 'internal_link' );">Téléchargez l’application</a> <a class="cmp-teaser__action-link elp-teaser_action" href="#pairing" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Guide de pairage'}).track( 'internal_link' );">Guide de pairage</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'upgrades-5'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = true; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3 style="text-align: left;">Toutes les réponses à vos questions.</h3> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/Connect-FAQ_01.png "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="#">1</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p>Comment me connecter au Kia Connect Store ?</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/Connect-FAQ_03.png "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="#">2</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p>Puis-je mettre à jour n’importe quel modèle Kia avec les mises à jour actuellement disponibles ?</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/Connect-FAQ_05.png "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="#">3</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p>Puis-je annuler une mise à jour une fois l'achat effectué ?</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/Connect-FAQ_06.png "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="#">4</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p>Une fois la mise à jour téléchargée sur mon véhicule, puis-je en disposer de manière illimitée ?</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/Connect-FAQ_07.png "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="#">5</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p>Quelles sont mes options de paiement ?</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p>Vous pouvez vous connecter au Kia Connect Store via l’application Kia Connect. Téléchargez l’application via le code QR disponible sur cette page<br /> </p> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p>Nous prévoyons d’étendre la disponibilité des mises à jour à d’autres véhicules à l’avenir. Actuellement, la Kia EV9 est le seul modèle à prendre en charge les mises à jour via le Kia Connect Store.</p> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p>Vous pouvez annuler votre achat dans les 14 jours suivant la période d'achat initiale. Ça s’applique aux périodes d’abonnement. Veuillez noter que cette option d’annulation ne s’applique pas aux achats OTA (over-the-air).</p> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p>Vous pouvez effectuer un paiement unique pour la mise à jour et l’utiliser indéfiniment, ou choisir entre des périodes d’utilisation de 12 mois ou 6 mois pour une expérience flexible de mise à jour de Kia. De plus, vous pouvez acheter des mises à jour over-the-air (OTA) qui incluent deux mises à jour.</p> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p>Actuellement, vous pouvez uniquement utiliser une carte de crédit pour effectuer des achats dans le Kia Connect Store. Toutefois, à l'avenir, des options de paiement supplémentaires seront proposées.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k2-slider-1'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k2-slider'; // <-- ADDED AS CLASS TO PRECEDING SECTION const sliderConfiguration = { speed: 400, slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 20, loop: false, navigation: true, pagination: true, autoHeight: true, keyboard: { enabled: true, }, breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 20, loop: false, }, // when window width is >= 481px 481: { slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 20, loop: false, }, // when window width is >= 768px 768: { slidesPerView: 5, slidesPerGroup: 5, spaceBetween: 20, loop: false, }, // when window width is >= 1025px 1025: { slidesPerView: 5, slidesPerGroup: 5, spaceBetween: 40, loop: false, }, } }; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); modifyDropdown(container.previousElementSibling); modifySlider(container.previousElementSibling, sliderConfiguration); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/Connect-FAQ_08.png "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="#">6</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p>Après l’achat, combien de temps faut-il pour installer la mise à jour dans le véhicule?</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/Connect-FAQ_09.png "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="#">7</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p>Ai-je droit à une période d'essai ?</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/Connect-FAQ_04.png "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="#">8</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p>Quels services de streaming sont disponibles dans le cadre de la mise à jour de streaming musical ?</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/Connect-FAQ_02.png "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="#">9</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p>De nouvelles mises à jour seront-elles disponibles à venir ?</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/Connect-FAQ_10.png "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="#">10</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p>La mise à jour reste-t-elle liée à la voiture, même si je vends celle-ci ?</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p>Après l’achat de la mise à jour pour votre véhicule, le téléchargement et l’installation ne prennent que quelques minutes.</p> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p>Oui. La période d'essai de votre mise à jour est de 14 jours. Pendant ce délai, si vous décidez d'annuler l'achat, vous ne serez pas facturé.</p> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p>Actuellement, le seul service de streaming musical disponible dans la mise à jour de streaming musical est Amazon Music. Toutefois, d’autres fournisseurs de contenu seront ajoutés à l'avenir.</p> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p>Le Kia Connect Store sortira de nouvelles mises à jour à l’avenir vous permettant de toujours profiter des dernières technologies et fonctionnalités de divertissement et de personnalisation des performances du véhicule.</p> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p>Oui, les mises à niveau achetées resteront liées à la voiture. Ça signifie que si vous vendez votre voiture, les mises à jour peuvent être utilisées par le prochain propriétaire pour la période restante, que ce soit pour une durée illimitée, 12 mois ou 6 mois. Toutefois, si le propriétaire précédent a désactivé Kia Connect, le nouveau propriétaire devra activer Kia Connect afin de continuer à utiliser la mise à jour.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k2-slider-2'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k2-slider'; // <-- ADDED AS CLASS TO PRECEDING SECTION const sliderConfiguration = { speed: 400, slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 20, loop: false, navigation: true, pagination: true, autoHeight: true, keyboard: { enabled: true, }, breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 20, loop: false, }, // when window width is >= 481px 481: { slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 20, loop: false, }, // when window width is >= 768px 768: { slidesPerView: 5, slidesPerGroup: 5, spaceBetween: 20, loop: false, }, // when window width is >= 1025px 1025: { slidesPerView: 5, slidesPerGroup: 5, spaceBetween: 40, loop: false, }, } }; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling); modifyDropdown(container.previousElementSibling); modifySlider(container.previousElementSibling, sliderConfiguration); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 0.9241706161137441;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/connectivity-3-opener-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2 style="text-align: left;">Clé numérique Kia.</h2> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__description elp-teaser_description"><p>Facile à activer et à utiliser.</p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="#digital-key" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> <a class="cmp-teaser__action-link elp-teaser_action" href="#digital-key" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Fermer'}).track( 'internal_link' );">Fermer</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'digital-key'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-chapter'; // <-- ADDED AS CLASS TO PRECEDING SECTION const fullScreen = true; const useBackgroundVideo = false; const mouseOver = false; const alreadyActive = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.classList.add(sectionClass); let prev = container.previousElementSibling; while(prev) { prev.classList.add(sectionClass); prev = prev.previousElementSibling; } container.closest('.columnControl.section').classList.add('k-chapter-collapsible'); container.closest('.columnControl.section').id = sectionID; container.parentElement.classList.add('k-grid'); container.previousElementSibling.querySelector('.column1 li').classList.add('k-grid'); modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); if(!fullScreen) { const picture = container.parentElement.querySelector('picture'); picture.parentElement.appendChild(picture.cloneNode(true)); } modifyChapters(container.previousElementSibling, alreadyActive); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2>Clé numérique Kia.</h2> <h2> </h2> <h3>Facile à activer et à utiliser.</h3> <h3> </h3> <p style="text-align: left;">Avec la clé numérique Kia, vous pouvez éviter les tracas liés au transport de clés physiques en déverrouillant et en démarrant votre Kia uniquement avec votre smartphone ou votre montre connectée. Partagez votre clé numérique Kia à distance avec qui vous voulez pour plus de commodité et un accès facile à votre Kia.</p> </div> </div> </div> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-video"> <!-- show video --> <div class="video-maincontainer"> <div class="eut_component_item" data-component='{"autoloop": "","videoLayout":"pop-up","sound": "","duration":"0","play":"true", "preview":"true", "title":"Kia Digital Key","button":"","type":"video","vendor":"interlake","path":[{"video":"https://cdnpg.ilcdn.net/streaming/20120113173806/EU/Kia_HowTo_DigitalKey.mp4","poster":"/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/digital-key-1-portrait.jpg"}],"disclaimerText":"Avec la clé numérique Kia, vous pouvez éviter les tracas liés au transport de clés physiques en déverrouillant et en démarrant votre Kia uniquement avec votre smartphone ou votre montre connectée. Partagez votre clé numérique Kia à distance avec qui vous voulez pour plus de commodité et un accès facile à votre Kia. Tous les véhicules ne sont présentés qu’à titre illustratif et peuvent différer des spécifications réelles du véhicule. Les performances et l’affichage de l’application peuvent varier ou changer. Le symbole Apple App Store et le logo Apple sont des marques déposées d&#39;Apple Inc. Google Play et le logo Google Play sont des marques déposées de Google LLC."}'> <!-- check for if video popup --> <a href="javascript:;" class="full_link"> <div class="visual-player-container"> <div class="btn-container"> <span class="btn-play" data-vendor="interlake"> <img src="/content/dam/kwcms/kme/global/en/assets/elp-icons/spr-btn-play.png" alt="play"/> </span> </div> <div class="trailer"></div> </div> </a> </div> </div> </div> <div class="disclaimer"> <!-- disclaimer --> <div class="visual-disclaimer"> <div class="light bottom-left"> <p>Avec la clé numérique Kia, vous pouvez éviter les tracas liés au transport de clés physiques en déverrouillant et en démarrant votre Kia uniquement avec votre smartphone ou votre montre connectée. Partagez votre clé numérique Kia à distance avec qui vous voulez pour plus de commodité et un accès facile à votre Kia. Tous les véhicules ne sont présentés qu’à titre illustratif et peuvent différer des spécifications réelles du véhicule. Les performances et l’affichage de l’application peuvent varier ou changer. Le symbole Apple App Store et le logo Apple sont des marques déposées d'Apple Inc. Google Play et le logo Google Play sont des marques déposées de Google LLC.</p> </div> </div> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'key-0'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = true; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.6857142857142857;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/digital-key-2-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h4 style="text-align: left;">Clé numérique Kia<br /> </h4> <p style="text-align: left;"> </p> <p>Verrouillage et déverrouillage.<br /> Vous n’avez plus besoin de fouiller les clés pour accéder à votre voiture. Pour verrouiller ou déverrouiller votre Kia, il vous suffit de garder votre smartphone dans votre poche et lorsque vous arrivez dans un rayon d’environ 1 mètre, votre Kia se déverrouille automatiquement.</p> <p> </p> <p>Démarrer votre Kia.<br /> Il vous suffit d’avoir votre smartphone dans le véhicule pour démarrer votre Kia. Commencez votre trajet en appuyant sur la pédale de frein, puis sur le bouton de démarrage comme d’habitude.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'key-1'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = false; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.6857142857142857;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/digital-key-4-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h4 style="text-align: left;">Comment activer la clé numérique Kia<br /> </h4> <p style="text-align: left;"> </p> <p style="text-align: left;">La clé numérique Kia peut être facilement activée via l’application Kia Connect, une URL d’activation ou en entrant un code d’activation.</p> <p style="text-align: left;"> </p> <p style="text-align: left;">Après l’activation de la connexion dans le véhicule, vous recevrez immédiatement des instructions complètes dans un e-mail séparé, y compris le lien et le code d’activation pour votre téléphone portable.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'key-2'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = false; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.6857142857142857;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/2/freecoding/assets/digital-key-3-portrait.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h4 style="text-align: left;">Comment partager et gérer votre clé numérique Kia<br /> </h4> <p style="text-align: left;"> </p> <p>Découvrez le plein potentiel de la clé numérique Kia en la partageant avec plusieurs appareils, y compris l’Apple Watch, les smartphones, en plus de votre propre appareil.</p> <p> </p> <p>Si vous souhaitez arrêter de partager votre véhicule, vous pouvez facilement supprimer les utilisateurs supplémentaires dans le menu de l’application Wallet ou directement dans le menu de configuration de votre véhicule.</p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'key-3'; // <-- ADDED AS ID TO PRECEDING SECTION const useBackgroundVideo = false; const mouseOver = false; const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); console.log('check here', container, container.previousElementSibling); if(container.previousElementSibling){ container.previousElementSibling.id = sectionID; modifyVisual(container.previousElementSibling, useBackgroundVideo, mouseOver); } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> </div></div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <div id="pairing"></div> </div></div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2>Guide de connection</h2> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- pairing-guide styling begin --> <script> { const scriptId = "pairing-guide"; document.currentScript.id = scriptId; window.addEventListener("DOMContentLoaded", (event) => { if (!parent.document.location.href.includes('editor.html')) { document.getElementById(scriptId).closest('.columnControl.section').classList.add(scriptId); $(".pairing-guide.columnControl .ncofb_area .slides").on( 'ixSlideMax:change', function(e) { console.log( 'index:' + e.currentIndex, ' total:' + e.totalLength ); Array.from(document.querySelectorAll('.pairing-guide.columnControl .column1 .column1 li > *')).forEach((element,index) => { if(index === e.currentIndex) element.classList.add('active'); else element.classList.remove('active'); }); }); Array.from(document.querySelectorAll('.pairing-guide.columnControl .column1 .column1 li > *')).forEach((element,index) => { if(index === 0) element.classList.add('active'); element.addEventListener('click', () => { $(".pairing-guide.columnControl .ncofb_area .slides").ixSlideMax('changeIndex', index); }); }); $(".pairing-guide.columnControl .ncofb_area .slides").ixSlideMax("resize"); } }); } </script> <!-- pairing-guide styling end --> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Intro</h3> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Étape 1</h3> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Étape 2</h3> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Étape 3</h3> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Étape 4</h3> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Étape 5</h3> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h3>Étape 6</h3> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="tabs section"> <!-- Tabs Component --> <div id="elp_container" class="elp-tap-container-component"> <div class="centerTabs"> <ul class="tabs"> <li class="tab-link selected" data-tab="item_1625135956291"> <span></span></li> </ul> </div> <div data-tab-content-id="item_1625135956291" class="tab-content selected"><div class="carousel"> <div class="ncofb_area" style="background-color: transparent"> <div class="eut_lb_slide slides ix-slide-max-apply js-carousel_ix_slide" data-ix-options="view-length:1;loop:false"> <div class="ix-list-viewport"> <ul class="ix-list-items"> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par1 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7514124293785311;"> <img alt="Kia EV6 GT designed to inspire" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/guide-intro@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Comment connecter votre téléphone avec votre Kia.</h3> </div> <div class="copy-text"> <p>Préparez-vous à une expérience de conduite améliorée vers l'ère numérique et connectez-vous à votre Kia comme jamais auparavant en suivant ces étapes.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par2 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7542372881355932;"> <img alt="800 volt charging technology" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/guide-1@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Téléchargez l&#39;application.</h3> </div> <div class="copy-text"> <p>Téléchargez Kia Connect depuis votre boutique d'applications préférée.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par3 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7542372881355932;"> <img alt="Kia EV6 GT intelligent lightning system" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/guide-2@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Créer un compte.</h3> </div> <div class="copy-text"> <p>Ouvrez les services Kia Connect In-App et connectez-vous ou créez un nouveau compte.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par4 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7570621468926553;"> <img alt="Unique LED taillight signature" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/guide-3@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Vérifiez votre identité.</h3> </div> <div class="copy-text"> <p>Entrez votre numéro de téléphone pour recevoir un code de vérification, que vous saisissez sur le tableau de bord pour vérifier votre identité.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par5 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7570621468926553;"> <img alt="Wing-type Roof Spoiler" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/guide-4@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Scanner le code QR</h3> </div> <div class="copy-text"> <p>Avec les véhicules compatibles, vous pouvez scanner directement code QR avec l'application Kia Connect pour ajouter un véhicule à votre compte. Le code QR se trouve sur votre écran de navigation. Vous pouvez également y encoder le numéro d'identification du véhicule. </p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par6 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7570621468926553;"> <img alt="Automatic Flush Handles" src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/guide-5@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Reliez votre appareil.</h3> </div> <div class="copy-text"> <p>Maintenant sélectionnez &quot;Code de vérification&quot; sur l'unité du tableau de bord électronique du véhicule, saisissez le code de vérification visible dans l'application de votre téléphone et cliquez sur &quot;ok&quot;.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> <li class="ix-list-item"> <div class="carousel_container"> <div class="carousel_container_child"> <div class="par7 visual image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7570621468926553;"> <img alt="EV6 GT rear bumper " src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/guide-6@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> <div class="title-text"> <h3>Vous êtes prêt.</h3> </div> <div class="copy-text"> <p>Votre téléphone mobile est maintenant couplé à votre voiture et vous pouvez accéder aux fonctions en appuyant sur &quot;votre véhicule&quot; dans l'application du téléphone.</p> </div> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </div> </div> <br/><br/> </li> </ul> </div> <div class="ix-controller"> <ul class="ix-thumbs controls"> <li class="ix-thumb"> <a class="ix-btn" href="#" title="<!--ix-index-->"> <!--ix-index--> </a> </li> </ul> <div class="slide_direction elp_arrow btype4"> <a class="ix-btn-prev prev" href="#"><span>Prev</span></a> <a class="ix-btn-next next" href="#"><span>Next</span></a> </div> </div> </div> </div> <script> var $slide = $('.ncofb_area .slides').ixSlideMax(); $(window).off('resize', resize_ixSlide); var resizeTimer; if(resize_ixSlide) $(window).off('resize', resize_ixSlide); var resize_ixSlide = function (e) { clearTimeout(resizeTimer); resizeTimer = setTimeout(function() { $slide.ixSlideMax("clear"); window.ixBand.ua.TOUCH_DEVICE = true; $slide.ixSlideMax(); }, 250); } $(window).on('resize', resize_ixSlide); function photoClickEvent() { window.dtmDataLayer.page.event = 'photo-view' eut.analytics.prop({ internal_link: 'elp|carousel|interaction}' }).track('internal_link') } </script> </div> </div> </div> <!-- Tabs Component Ends --></div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__content"> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/pdf/221206_Kia_Connect_Pairing_Guide.pdf" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Télécharger le pdf'}).track( 'internal_link' );">Télécharger le pdf</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- heroes styling begin --> <div id="range"></div> <br><br> <!-- heroes styling end --> </div></div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <div id="download-the-app"></div> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1.7765042979942693;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/download-the-app@2x.jpg"/> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- download styling begin --> <script> { const scriptId = "download"; document.currentScript.id = scriptId; window.addEventListener("DOMContentLoaded", (event) => { if (!parent.document.location.href.includes('editor.html')) document.getElementById(scriptId).closest('.columnControl.section').classList.add(scriptId); }); } </script> <!-- download styling end --> </div></div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2><b>Télécharger l'application</b></h2> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 3;"> <a href="https://apps.apple.com/de/app/kia-connect/id1577334573"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/app-store-badge@2x.png"/> </a> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <a href="https://apps.apple.com/de/app/kia-connect/id1577334573"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img/Kia_Connect_Apple_QR.png"/> </a> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- buttons styling begin --> <script> { const scriptId = "buttons"; document.currentScript.id = scriptId; window.addEventListener("DOMContentLoaded", (event) => { if (!parent.document.location.href.includes('editor.html')) document.getElementById(scriptId).closest('.columnControl.section').classList.add(scriptId); }); } </script> <!-- buttons styling end --> </div></div> </li> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 3.36;"> <a href="https://play.google.com/store/apps/details?id=com.kia.connect.eu"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img@2x/google-play-badge@2x.png"/> </a> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <a href="https://play.google.com/store/apps/details?id=com.kia.connect.eu"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img/Kia_Connect_Google_QR.png"/> </a> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> </ul> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <div id="support"></div> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="visual image section"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- check to display video or image component --> <div class="visual-container "> <div class="inner-container"> <div class="visual-media"> <!-- show image --> <div class="visual-media-image" style="--visual-aspect-ratio: 1;"> <a href="https://connect.kia.com/eu/customer-support/"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/img/customer-support-icon.png"/> </a> </div> <div class="visual-media-video"> <!-- show video --> </div> <div class="disclaimer"> <!-- disclaimer --> </div> </div> <div class="visual-description"> <!-- text --> </div> </div> </div> <!-- Commented for ticket - KWCMSLIVE-20949 --> </div> </li> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2>Assistance à la clientèle</h2> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p>Des questions ? Contactez-nous, nous sommes toujours prêts à vous aider.</p> <p> </p> <p><b>&gt; <a href="https://connect.kia.com/eu/customer-support/">Contactez-nous</a></b></p> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- customer support styling begin --> <script> { const scriptId = "customer-support"; document.currentScript.id = scriptId; window.addEventListener("DOMContentLoaded", (event) => { if (!parent.document.location.href.includes('editor.html')) document.getElementById(scriptId).closest('.columnControl.section').classList.add(scriptId); }); } </script> <!-- customer support styling end --> </div></div> </li> </ul> </div> </div> </div> </div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2><b>Commencez à conduire.</b></h2> </div> </div> </div> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><p>Maintenant que vous connaissez les faits, découvrez tous les modèles de la gamme Kia.</p> </div> </div> </div> </li> <li> </li> </ul> </div> </div> </div> </div> <div class="tabs section"> <!-- Tabs Component --> <div id="elp_container" class="elp-tap-container-component"> <div class="centerTabs"> <ul class="tabs"> <li class="tab-link selected" data-tab="item_1654261561988"> <span>Tout</span></li> <li class="tab-link " data-tab="item_1654273757196_c"> <span>Hybride</span></li> <li class="tab-link " data-tab="item_1654273712096_c"> <span>Plug‑in Hybride</span></li> <li class="tab-link " data-tab="item_1659816462712"> <span>Électrique</span></li> </ul> </div> <div data-tab-content-id="item_1654261561988" class="tab-content selected"><div class="columnControl"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column3"> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/be/nl/assets/contents/purchase-guide/ev3-electrifcation-page.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/ev3/premiere/">Kia EV3</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/ev3/premiere/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/acheter/car-configurator.9V-W5-*/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/fr/fr/assets/contents/service/wible-drive/EV9-picto-EV.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/ev9/decouvrir/">Kia EV9</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/ev9/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/acheter/car-configurator.DO-W7-*/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- tabs styling begin --> <script> { const scriptId = "range-tabs"; document.currentScript.id = scriptId; window.addEventListener("DOMContentLoaded", (event) => { if (!parent.document.location.href.includes('editor.html')){ document.getElementById(scriptId).closest('.freeCoding.section').classList.add(scriptId); document.getElementById(scriptId).closest('.tabs.section').classList.add(scriptId); const tabSection = document.querySelector('.tabs.section.range-tabs .centerTabs'); const animationDiv = document.createElement('div'); animationDiv.className = 'animation'; tabSection.appendChild(animationDiv); const animation = tabSection.querySelector(".animation"); const tabOptions = tabSection.querySelectorAll(".tab-link"); animation.style.left = 0; animation.style.width = tabOptions[0].offsetWidth + 25 + "px"; let finalLeftDistance, finalElementWidth; tabOptions.forEach(option => { option.addEventListener("mouseover", () => { animation.style.left = option.offsetLeft + "px"; animation.style.width = option.offsetWidth + "px"; }); }); tabOptions.forEach(option => { option.addEventListener("click", () => { finalLeftDistance = option.offsetLeft + "px"; finalElementWidth = option.offsetWidth + "px"; }); }); tabOptions.forEach(option => { option.addEventListener("mouseout", () => { animation.style.left = finalLeftDistance; animation.style.width = finalElementWidth; }); }); const resizeObserver = new ResizeObserver((entries) => { console.log('tabs resized'); for (item of tabOptions) { if (item.classList.contains('selected')) { finalLeftDistance = item.offsetLeft + "px"; finalElementWidth = item.offsetWidth + "px"; break; } } animation.style.left = finalLeftDistance; animation.style.width = finalElementWidth; }); resizeObserver.observe(tabOptions[0]); } }); } </script> <style> #eut_container .tabs.section.range-tabs .tabs .column3 { align-items: flex-start; } @media (min-width: 768px) { #eut_container .tabs.section.range-tabs .tabs .column3 { flex-wrap: nowrap; } } #eut_container .tabs.section.range-tabs ul.tabs { flex-wrap: nowrap; align-items: flex-start; } #eut_container .tabs.section.range-tabs ul.tabs > * { line-height: 1.2; } @media (max-width: 1024px) { #eut_container .tabs.section.range-tabs ul.tabs { width: 100%; } #eut_container .tabs.section.range-tabs ul.tabs > * { flex: 1 1 0px; } } #eut_container .tabs.section.range-tabs .tab-content { transition: opacity 1.2s cubic-bezier(0.16, 1, 0.8, 1); opacity: 0; } #eut_container .tabs.section.range-tabs .tab-content.selected { opacity: 1; } #eut_container .tabs.section.range-tabs .centerTabs { width: calc(100% - 160px); margin: auto; border-bottom: 4px solid #f7f7f8; position: relative; text-align: start; } @media (max-width: 1024px) { #eut_container .tabs.section.range-tabs .centerTabs { width: calc(100% - 80px); } } @media (min-width: 768px) and (max-device-width: 989px) { #eut_container .tabs.section.range-tabs .centerTabs { width: calc(100% - 110px); } } @media (max-width: 540px) { #eut_container .tabs.section.range-tabs .centerTabs { width: calc(100% - 30px); } } @media (max-width: 767px){ #eut_container .tabs.section.range-tabs .column_control ul.column2 li, #eut_container .tabs.section.range-tabs .column_control ul.column3 li { margin: 0 0 30px 0; width: 100%; } } @media (max-width: 1024px) { #eut_container .tabs.section.range-tabs .tab-link { font-size: 16px !important; } } @media (max-width: 480px) { #eut_container .tabs.section.range-tabs .tab-link { font-size: 12px !important; } } #eut_container .tabs.section.range-tabs ul.tabs li.selected > span { border: none; } #eut_container .tabs.section.range-tabs .animation { position: absolute; left: 0; border-bottom: 4px solid #05141F; transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1); } #eut_container .tabs.section.range-tabs .elp-teaser_action-container { flex-direction: row; gap: 20px; } #eut_container .tabs.section.range-tabs .elp-teaser_action-container > * { flex: 1 1 0px; text-align: center; } @media (max-width: 767px) { #eut_container .tabs.section.range-tabs .elp-teaser_action-container { flex-direction: column; gap: 0; } } @media (min-width: 768px) and (max-width: 1024px) { #eut_container .tabs.section.range-tabs .elp-teaser_action-container { flex-direction: column; gap: 0; } #eut_container .tabs.section.range-tabs .elp-teaser_action-container > * { width: 100%; box-sizing: border-box; } } #eut_container .tabs.section.range-tabs .elp-teaser_title { font: normal 24px/30px "kiab",sans-serif; margin: 0 0 20px 0; } #eut_container .tabs.section.range-tabs .elp-teaser_action:hover { text-decoration: none; } #eut_container .tabs.section.range-tabs .cmp-teaser__title.elp-teaser_title { min-height: 60px; } #eut_container .tabs.section.range-tabs .teaser.section { margin-bottom: 30px; } #eut_container .tabs.section.range-tabs .column3 { align-items: flex-start; } </style> <!-- tabs styling end --> </div></div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-niro-ev-sx-my23-swpsnowwhitepearlsteelgreygreycladding-17_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/niro/decouvrir/">Kia Niro EV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/niro/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.TO-W5-*/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-ceed-sportswagon-phev-my22-hw2deluxewhite-17b_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/ceed/decouvrir/">Kia Ceed Sportswagon PHEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/ceed/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.JM-W5-EV2/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-sorento-hev-gls-my23-swpsnowwhitepearl-19_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/new-cars/sorento-mq4/discover">Kia Sorento HEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/new-cars/sorento-mq4/discover" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.HC-W7-EV1/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-stonic-gtl-my22-mprperenialgreyyellowroof-17_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/stonic/decouvrir/">Kia Stonic</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/stonic/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Ontdekken'}).track( 'internal_link' );">Ontdekken</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.H8-W5-*/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configureren'}).track( 'internal_link' );">Configureren</a> </div> </div> </div> </div> </li> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-ev6-gt-my23-klmmoonscape-21_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/new-cars/ev6/discover">Kia EV6</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/new-cars/ev6/discover" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/acheter/car-configurator.AS-W5-*/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-xceed-gtl-my23-c6gceladonspiritgreen-18_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/xceed-phev/ontdekken/">Kia XCeed</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/xceed-phev/ontdekken/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.J7-S8-*/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-niro-hev-sx-my23-cgecityscapegreenblackpearl-18_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/niro/decouvrir/">Kia Niro HEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/niro/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.0T-W5-EV1/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-sportage-hev-gtl-my22-hbcexperiencegreenblackroof-18b_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/sportage/decouvrir/">Kia Sportage HEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/sportage/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.JY-W5-EV1/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-proceed-gtl-my22-b3lblueflame-18a_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/proceed/decouvrir/">Kia ProCeed</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/proceed/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.J7-Q1-*/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-picanto-gtl-my22-m7gastrogray-16c_00004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/picanto/decouvrir/">Kia Picanto</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/picanto/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Ontdekken'}).track( 'internal_link' );">Ontdekken</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.G6-S5-*/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configureren'}).track( 'internal_link' );">Configureren</a> </div> </div> </div> </div> </li> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/be/assets/electrification/ev6-gt.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/ev6-gt/decouvrir/">Kia EV6 GT</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/ev6-gt/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/acheter/car-configurator.AS-W5-*/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-xceed-phev-my23-hw2deluxewhite-18_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/xceed-phev/ontdekken/">Kia XCeed PHEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/xceed-phev/ontdekken/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.JM-S8-EV2/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-niro-phev-sx-my23-m4bmineralblueblackpearl-18_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/niro/decouvrir/">Kia Niro PHEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/niro/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.0T-W5-EV2/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-sportage-phev-gtl-my22-ha2deluxewhiteblackroof-19_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/sportage/decouvrir/">Kia Sportage PHEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/sportage/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.JY-W5-EV2/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-ceed-gtl-my22-h8gpentametal-18a_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/proceed/decouvrir/">Kia Ceed</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/proceed/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.J7-S6-*/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </div> <div data-tab-content-id="item_1654273757196_c" class="tab-content "><div class="columnControl"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column3"> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-niro-hev-sx-my23-cgecityscapegreenblackpearl-18_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/niro/decouvrir/">Kia Niro HEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/niro/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.0T-W5-EV1/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> </li> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-sportage-hev-gtl-my22-hbcexperiencegreenblackroof-18b_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/sportage/decouvrir/">Kia Sportage HEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/sportage/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.JY-W5-EV1/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> </li> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-sorento-hev-gls-my23-swpsnowwhitepearl-19_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/new-cars/sorento-mq4/discover">Kia Sorento HEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/new-cars/sorento-mq4/discover" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.HC-W7-EV1/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </div> <div data-tab-content-id="item_1654273712096_c" class="tab-content "><div class="columnControl"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column3"> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-niro-phev-sx-my23-m4bmineralblueblackpearl-18_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/niro/decouvrir/">Kia Niro PHEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/niro/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.0T-W5-EV2/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-ceed-sportswagon-phev-my22-hw2deluxewhite-17b_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/ceed-sw/decouvrir/">Kia Ceed Sportswagon PHEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/ceed-sw/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.JM-W5-EV2/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> </li> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-xceed-phev-my23-hw2deluxewhite-18_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/xceed-phev/ontdekken/">Kia XCeed PHEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/xceed-phev/ontdekken/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.JM-S8-EV2/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> </li> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-sportage-phev-gtl-my22-ha2deluxewhiteblackroof-19_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/sportage/decouvrir/">Kia Sportage PHEV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/sportage/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.JY-W5-EV2/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </div> <div data-tab-content-id="item_1659816462712" class="tab-content "><div class="columnControl"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column3"> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/be/nl/assets/contents/purchase-guide/ev3-electrifcation-page.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/ev3/premiere/">Kia EV3</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/ev3/premiere/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/acheter/car-configurator.9V-W5-*/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/fr/fr/assets/contents/service/wible-drive/EV9-picto-EV.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/ev9/decouvrir/">Kia EV9</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/ev9/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/acheter/car-configurator.DO-W6-*/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> </li> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/be/assets/electrification/ev6-gt.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/ev6-gt/decouvrir/">Kia EV6 GT</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/ev6-gt/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/acheter/car-configurator.AS-W5-*/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-niro-ev-sx-my23-swpsnowwhitepearlsteelgreygreycladding-17_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/modeles/niro/decouvrir/">Kia Niro EV</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/modeles/niro/decouvrir/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.TO-W5-*.html" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> </li> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 2;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/brand/range/1/freecoding/tabs/kia-ev6-gt-my23-klmmoonscape-21_0004@2x.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/new-cars/ev6/discover">Kia EV6</a> </h2> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/new-cars/ev6/discover" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Découvrir'}).track( 'internal_link' );">Découvrir</a> <a class="cmp-teaser__action-link elp-teaser_action" href="https://www.kia.com/lu/acheter/car-configurator.AS-W5-*.html" onclick="eut.analytics.prop({internal_link: 'elp|teaser|Configurer'}).track( 'internal_link' );">Configurer</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <!-- Tabs Component Ends --></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column2"> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1.249185667752443;"> <img src="/content/dam/kwcms/kme/be/nl/assets/contents/purchase-guide/openbaar-laden.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/decouvrir-kia/technologie-et-design/technologie/vehicules-electriques/recharge-publique/">Charge publique</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p> </p> <p>Tout sur la recharge publique pour les modèles Kia.</p> <p> </p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/decouvrir-kia/technologie-et-design/technologie/vehicules-electriques/recharge-publique/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> </li> <li> <div class="teaser section"> <div class="elp-teaser_wrapper cmp-teaser"> <div class="cmp-teaser__image elp-teaser_image " style="--teaser-aspect-ratio: 1.249185667752443;"> <img src="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/innovation/freecoding/sliders/connectivity-2.jpg "/> </div> <div class="cmp-teaser__content"> <h2 class="cmp-teaser__title elp-teaser_title"> <a class="cmp-teaser__title-link" href="/lu/decouvrir-kia/technologie-et-design/technologie/ev-route-planner/">Planificateur d’itinéraire pour les véhicules électriques</a> </h2> <div class="cmp-teaser__description elp-teaser_description"><p> </p> <p>Découvrez la simplicité de cartographier votre aventure en véhicule électrique.</p> <p> </p> </div> <div class="cmp-teaser__action-container elp-teaser_action-container"> <a class="cmp-teaser__action-link elp-teaser_action" href="/lu/decouvrir-kia/technologie-et-design/technologie/ev-route-planner/" onclick="eut.analytics.prop({internal_link: 'elp|teaser|En savoir plus'}).track( 'internal_link' );">En savoir plus</a> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <script> { const sectionID = 'k-crossref-1'; // <-- ADDED AS ID TO PRECEDING SECTION const sectionClass = 'k-crossref'; // <-- ADDED AS CLASS TO PRECEDING SECTION const scriptID = sectionID + '-freecoding'; document.currentScript.id = scriptID; console.log(sectionID, sectionClass, scriptID, document.currentScript) window.addEventListener('DOMContentLoaded', (event) => { const script=document.getElementById(scriptID); if (!parent.document.location.href.includes('editor.html')){ const container=script.closest('.freeCoding'); if(container.previousElementSibling){ container.previousElementSibling.classList.add(sectionClass); container.previousElementSibling.id = sectionID; } } else { const pre = document.createElement('pre'); pre.innerHTML = '<center>↳ TARGETING ABOVE FOR FREECODE MODIFICATION (ID: ' + sectionID + ')↵</center>'; script.before(pre); } }); } </script> <style> .k-crossref.columnControl.section { padding-top: 20px; padding-bottom: 1px; } .k-crossref.columnControl.section .column_control>ul { margin: 0; display: flex; flex-direction: row; align-items: normal; } .k-crossref.columnControl.section .column_control>ul>li{ width:100%; position: relative; display:block; } .k-crossref.columnControl.section .column_control>ul{ display: grid; grid-auto-rows: minmax(80px, auto); width:100%; position: relative; } @media (min-width: 1025px) { .k-crossref.columnControl.section .column_control>ul{ grid-template-columns: 80px repeat(11, 1fr 40px) 1fr 80px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13'; } } @media (min-width: 768px) and (max-width: 1024px) { .k-crossref.columnControl.section .column_control>ul{ grid-template-columns: 30px repeat(11, 1fr 20px) 1fr 30px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13'; } } @media (min-width: 481px) and (max-width: 767px) { .k-crossref.columnControl.section .column_control>ul{ grid-template-columns: 30px repeat(5, 1fr 20px) 1fr 30px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7'; } } @media (max-width: 480px) { .k-crossref.columnControl.section .column_control>ul{ grid-template-columns: 15px repeat(5, 1fr 20px) 1fr 15px; grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7'; } } @media (min-width: 768px) { .k-crossref .column_control>ul>li:nth-last-child(1){ grid-area: 1 / c5 / 1 / c8; } .k-crossref .column_control>ul>li:nth-last-child(2){ grid-area: 1 / c3 / 1 / c6; } .k-crossref .column_control>ul>li:nth-last-child(2)+li{ grid-area: 1 / c7 / 1 / c10; } .k-crossref .column_control>ul>li:nth-last-child(3){ grid-area: 1 / c1 / 1 / c4; } .k-crossref .column_control>ul>li:nth-last-child(3)+li{ grid-area: 1 / c5 / 1 / c8; } .k-crossref .column_control>ul>li:nth-last-child(3)+li+li{ grid-area: 1 / c9 / 1 / c12; } .k-crossref .column_control>ul>li .teaser.section, .k-crossref .column_control>ul>li .teaser.section>* { height: 100%; } .k-crossref .column_control>ul>li .teaser.section .cmp-teaser__content { flex-grow: 1; display: flex; flex-direction: column; } .k-crossref .column_control>ul>li .teaser.section .cmp-teaser__description { flex-grow: 1; } } @media (max-width: 767px) { .k-crossref .column_control>ul>li{ grid-area: auto / c1 / span 1 / c6; } } </style> </div></div> <div class="columnControl section"> <div class="kmuk_wrap"> <div class="inner_offer"> <div class="column_control"> <ul class="column1"> <li> <div class="text section"> <div class="elp-text"> <div class="link-reverse"><h2>Mentions légales</h2> <h2> </h2> <p>Toutes les caractéristiques techniques fournies restent provisoires, dans l'attente de nouvelles évolutions et de leur homologation. Tous les chiffres sont sujets à modification.</p> <p> </p> <p><b><sup>1</sup></b> Garantie Kia de 7 ans/150 000 km sur les véhicules neufs<br /> Garantie de max. 150 000 km sur le véhicule. Valable dans tous les États membres de l’UE (plus la Norvège, la Suisse, l’Islande et Gibraltar). Tout non-respect des dispositions de la garantie, par exemple concernant la teinte extérieure et l’équipement, est sous réserve des termes et conditions en vigueur.</p> <p> </p> <p><sup>2</sup> Mises à jour cartographiques durant 7 ans<br /> Ce programme s’applique uniquement aux véhicules Kia neufs achetés à compter du 28 février 2013 et équipés d’usine d’un système de navigation LG. Des frais de main-d’œuvre peuvent être facturés par le centre de service Kia pour le temps passé à réaliser la mise à jour. Le programme de mise à jour des cartes pendant 7 ans comprend six mises à jour car le véhicule est fourni d’usine avec les plus récentes cartes disponibles. La garantie du système de navigation n’est pas concernée par ce programme. Kia décline toute responsabilité quant à la qualité des données cartographiques fournies par le fournisseur HERE.</p> <p> </p> <p><sup>3</sup> Services embarqués Kia Connect Service d’information et de contrôle de votre Kia ; les services seront disponibles gratuitement pendant sept ans à compter de la vente du véhicule à son premier propriétaire, c.-à-d. au moment de l’entrée en vigueur du contrat d’achat initial, et sont soumis à des modifications durant cette période. Vous pouvez obtenir les détails concernant le fonctionnement et les conditions d’utilisation auprès de votre partenaire Kia et sur kia.com. Un smartphone doté d’un système d’exploitation iOS ou Android et un abonnement de téléphonie mobile avec forfait de données sont nécessaires, entraînant des frais additionnels.</p> <p> </p> <p><sup>4</sup> Toutes les fonctionnalités de la section ci-dessus sont disponibles dans la dernière version des Services compris dans l’application Kia Connect et des Services embarqués Kia Connect. En fonction de votre modèle et de votre finition Kia, vous n’aurez peut-être pas accès à tous les services.</p> <p> </p> <p><sup>5</sup> * Uniquement pour les véhicules électriques et les véhicules hybrides rechargeables.</p> <p> </p> <p><sup>6</sup> La mise à jour Boost peut être achetée et utilisée uniquement pour les véhicules vendus et immatriculés en Allemagne. Dans tous les autres cas, le véhicule nécessite une nouvelle certification après l’achat de la mise à jour Boost. Si ces conditions préalables sont remplies, vous pouvez également conduire votre véhicule dans d’autres pays de l’UE/hors UE.</p> <p> </p> <p><sup>7</sup> Le service de musique en streaming fait partie des services réguliers Kia Connect Live, mais sa période de gratuité est limitée à 3 ans. Seule la première activation du service de musique en streaming se fait via le Kia Connect Store.</p> <p> </p> <p>Pour les véhicules neufs vendus à partir de mai 2021, Kia propose, par véhicule, deux mises à jour gratuites des cartes du système de navigation du véhicule et du logiciel de l’unité principale en utilisant la méthode dite « over-the-air » (« OTA Updates »). Une fois que les deux Mises à jour OTA gratuites ont été téléchargées, vous pourrez obtenir des mises à jour gratuites des cartes du système de navigation du véhicule et du logiciel de l’Unité principale uniquement (i) en accédant à la page web suivante https://update.kia.com/EU/E1/Main ou (ii) chez un concessionnaire.</p> <p> </p> <p>Les images statiques et mobiles sont utilisées à des fins d’illustration uniquement. Le produit final peut présenter des différences par rapport aux images présentées.</p> <p> </p> <p>Les écrans Kia Connect affichés servent à des fins d’illustration et peuvent ne pas montrer le design actuel de l’application.</p> <p> </p> <p>Le symbole Apple App Store et le logo Apple sont des marques déposées d'Apple Inc.</p> <p> </p> <p>Google Play et le logo Google Play sont des marques déposées de Google LLC.</p> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <!-- legal styling begin --> <script> { const scriptId = "range-legal"; document.currentScript.id = scriptId; window.addEventListener("DOMContentLoaded", (event) => { document.getElementById(scriptId).closest('.columnControl.section').classList.add(scriptId); }); } </script> <style> .columnControl.section.range-legal { background-color: #F7F7F8; padding-bottom: 1px; padding-top: 1px; } </style> <!-- legal styling end --> </div></div> </li> </ul> </div> </div> </div> </div> <div class="freeCoding common section"> <div class="eut_cmly_section "> <link rel="stylesheet" type="text/css" href="/content/dam/kwcms/kme/global/en/assets/contents/about-kia/experience-kia/technology/kia-connect/1/freecoding/dev-kia-connect-2.css"/> <script> window.addEventListener("load", function (event) { featureComponentsContainer = document.querySelector( ".features-section .column_control ul" ); console.log('initializing features section', featureComponentsContainer); featureComponentsContainer.classList.add("feature-component"); }); let pgActiveSlideIndex = 1; function showPairGuideItem(index){ for (let i = 0; i < pairingGuideContentItem.length; i++) { pairingGuideContentItem[i].style.display = "none"; } pairingGuideContentItem[index].style.display = "block"; for (let i = 0; i < pairingGuideNavItem.length; i++) { pairingGuideNavItem[i].classList.remove('active-nav-item'); pairingGuideNavItem[i].classList.add('inactive-nav-item'); } pairingGuideNavItem[index].classList.remove('inactive-nav-item'); pairingGuideNavItem[index].classList.add('active-nav-item'); pgActiveSlideIndex = index + 1; setPgVisibility(); } function setPgVisibility(){ if (pgActiveSlideIndex == 1) { pgprev.style.visibility = "hidden"; } else { pgprev.style.visibility = "visible"; } if (pgActiveSlideIndex == 7) { pgnext.style.visibility = "hidden"; } else { pgnext.style.visibility = "visible"; } } function pgprevBtnAction() { if (pgActiveSlideIndex <= 1) return; --pgActiveSlideIndex; setPgVisibility(); showPairGuideItem(pgActiveSlideIndex - 1); } function pgnextBtnAction() { if (pgActiveSlideIndex >= 7) return; ++pgActiveSlideIndex; setPgVisibility(); showPairGuideItem(pgActiveSlideIndex - 1); } </script> </div></div> </div> </div> </div> <!-- //container --> <!-- footer// --> <div id="eut_footer"> <div class="f_logo"><img alt="Kia" src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/logo_kia_white-rbr.png"/> </div> <!-- facebookchatbot// --> <div class="facebookchatbot"> </div> <!-- //facebookchatbot --> <!-- //select language --> <!-- sitemap// --> <div class="sitemapComp"> <div class="sitemap active" title="sitemap"> <div class="inner"> <dl> <dt> Voitures </dt> <!-- logic for dd --> <dd> <a href="/lu/modeles/picanto/decouvrir/"> Picanto </a> </dd> <dd> <a href="/lu/modeles/stonic/decouvrir/" target="_self"> Stonic </a> </dd> <dd> <a href="/lu/modeles/ceed/decouvrir/"> Ceed </a> </dd> <dd> <a href="/lu/modeles/ceed-wgn/decouvrir/" target="_self"> Ceed SW PHEV </a> </dd> <dd> <a href="/lu/modeles/ceed-sw/decouvrir/" target="_self"> Ceed SW </a> </dd> <dd> <a href="/lu/modeles/xceed/decouvrir/"> XCeed </a> </dd> <dd> <a href="/lu/modeles/xceed-phev/ontdekken/"> XCeed PHEV </a> </dd> <dd> <a href="/lu/modeles/proceed/decouvrir/"> ProCeed </a> </dd> <dd> <a href="/lu/new-cars/niro-sg22/discover/"> Niro </a> </dd> <dd> <a href="/lu/modeles/niro/decouvrir/"> Niro PHEV </a> </dd> <dd> <a href="/lu/modeles/niro/decouvrir/"> Niro EV </a> </dd> <dd> <a href="/lu/modeles/sportage/decouvrir/"> Sportage </a> </dd> <dd> <a href="/lu/modeles/sportage/decouvrir/"> Sportage HEV </a> </dd> <dd> <a href="/lu/modeles/sportage/decouvrir/"> Sportage PHEV </a> </dd> <dd> <a href="/lu/modeles/sorento/decouvrir/"> Sorento </a> </dd> <dd> <a href="/lu/modeles/sorento/decouvrir/"> Sorento HEV </a> </dd> <dd> <a href="/lu/modeles/sorento/decouvrir/"> Sorento PHEV </a> </dd> <dd> <a href="/lu/modeles/ev6/decouvrir/"> EV6 </a> </dd> <dd> <a href="/lu/modeles/ev6-gt/decouvrir/"> EV6 GT </a> </dd> <dd> <a href="/lu/modeles/ev9/decouvrir/"> EV9 </a> </dd> <dd> <a href="/lu/modeles/ev3/decouvrir/"> EV3 </a> </dd> <dd> <a href="/lu/modeles/hybrides/"> Modèles hybrides de Kia </a> </dd> </dl> <dl> <dt> Acheter </dt> <!-- logic for dd --> <dd> <a href="https://www.kia-showroom.lu" target="_blank"> Promotions </a> </dd> <dd> <a href="https://www.kiastock.lu/" target="_blank"> Voitures en stock </a> </dd> <dd> <a href="/lu/acheter/car-configurator/"> Configurez votre Kia </a> </dd> <dd> <a href="/lu/acheter/comparer/"> Comparez des voitures </a> </dd> <dd> <a href="/lu/essai/"> Faites un essai </a> </dd> <dd> <a href="/lu/acheter/demander-une-offre/" target="_self"> Demandez une offre </a> </dd> <dd> <a href="/lu/acheter/estimer-une-reprise/" target="_self"> Estimez une reprise </a> </dd> <dd> <a href="/lu/acheter/financement/" target="_self"> Financement pour les particuliers </a> </dd> <dd> <a href="/lu/acheter/calculez-votre-financement/"> Calculez votre financement </a> </dd> <dd> <a href="/lu/acheter/kia-certified-used/"> Kia Certified Used </a> </dd> </dl> <dl> <dt> Business </dt> <!-- logic for dd --> <dd> <a href="/lu/acheter/financement-professionnels/" target="_self"> Financement pour les professionnels </a> </dd> <dd> <a href="https://b2b.kia-showroom.lu/" target="_self"> Showroom virtuel </a> </dd> <dd> <a href="/lu/fleet/contactez-nous/"> Contactez Kia Fleet </a> </dd> <dd> <a href="/lu/pbv/a-propos-de-pbv/" target="_self"> Platform Beyond Vehicle (PBV) </a> </dd> <dd> <a href="/lu/fleet/ev-leasing/"> EV leasing </a> </dd> </dl> <dl> <dt> Électrique </dt> <!-- logic for dd --> <dd> <a href="/lu/decouvrir-kia/technologie-et-design/technologie/vehicules-electriques/"> Conduite électrique </a> </dd> <dd> <a href="/lu/decouvrir-kia/technologie-et-design/technologie/vehicules-electriques/recharge-maison/"> Charger à la maison </a> </dd> <dd> <a href="/lu/decouvrir-kia/technologie-et-design/technologie/vehicules-electriques/recharge-publique/"> Charge publique </a> </dd> <dd> <a href="/lu/driving-electric/ev-range/"> EV range (redirection) </a> </dd> </dl> <dl> <dt> Services </dt> <!-- logic for dd --> <dd> <a href="/lu/services/contactez-partenaire/"> Contactez un partenaire de service </a> </dd> <dd> <a href="https://accessoires-kia.lu/" target="_blank"> Accessoires d'origine Kia </a> </dd> <dd> <a href="/lu/services/mykia/"> MyKia </a> </dd> <dd> <a href="/lu/services/kia-account/" target="_self"> Kia Account </a> </dd> <dd> <a href="/lu/services/"> Aperçu </a> </dd> </dl> <dl> <dt> Découvrir Kia </dt> <!-- logic for dd --> <dd> <a href="/lu/decouvrir-kia/futurs-modeles/"> Futurs modèles </a> </dd> <dd> <a href="/lu/services/valeurs-et-avantages/7-ans-garantie/"> Notre garantie 7 ans </a> </dd> <dd> <a href="/lu/decouvrir-kia/marque/"> Découvrez notre marque </a> </dd> <dd> <a href="/lu/decouvrir-kia/durabilite/"> Durabilité </a> </dd> <dd> <a href="/lu/decouvrir-kia/technologie-et-design/technologie/kia-connect/" target="_self"> Kia Connect </a> </dd> <dd> <a href="/lu/decouvrir-kia/travailler-chez-kia/" target="_self"> Travailler chez Kia </a> </dd> <dd> <a href="/lu/decouvrir-kia/press--redirect-/"> Actualités </a> </dd> </dl> <dl> <dt> MyKia </dt> <!-- logic for dd --> <dd> <a href="/lu/mykia/garage/"> Garage </a> </dd> <dd> <a href="/lu/mykia/schedule/"> Prendre rendez-vous </a> </dd> <dd> <a href="/lu/mykia/toolbox/"> Toolbox </a> </dd> <dd> <a href="/lu/mykia/dealer/"> Mon concessionnaire </a> </dd> <dd> <a href="/lu/mykia/profile/"> Mon profil </a> </dd> <dd> <a href="/lu/mykia/inbox/"> Boite de réception </a> </dd> </dl> <dl> <dt> PBV </dt> <!-- logic for dd --> <dd> <a href="/lu/pbv/iaa-2024/"> Meet Kia PBV at the IAA Transportation </a> </dd> <dd> <a href="/lu/pbv/modeles/lineup/"> Vehicles </a> </dd> <dd> <a href="/lu/pbv/avec-kia-pbv/a-propos-de-pbv/"> With Kia PBV </a> </dd> <dd> <a href="/lu/pbv/solutions/a-propos-de-pbv-solutions/"> Solutions </a> </dd> <dd> <a href="/lu/pbv/business/"> Kia PBV for businesses </a> </dd> </dl> </div> </div> </div> <!-- //sitemap --> <!-- links// --> <div class="footerContent"> <div class="site_info_container"> <div class="site_info"> <ul class="util_menu"> <li class="sns"> <a href="https://www.facebook.com/KiaBelux" target="_blank"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-sns-facebook-transparent-white.png" width="40" height="40" alt="Facebook" title="Facebook" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> <a href="https://www.instagram.com/kiabelux/" target="_blank"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-sns-instagram-transparent-white.png" width="40" height="40" alt="Instagram" title="Instagram" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> <a href="http://www.youtube.com/user/kiamotorsbelgium" target="_blank"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-sns-youtube-transparent-white.png" width="40" height="40" alt="Youtube" title="Youtube" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> <a href="https://www.linkedin.com/company/kia-belux" target="_blank"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-sns-linkedin-transparent-white.png" width="40" height="40" alt="Linkedin" title="Linkedin" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> <a href="https://www.tiktok.com/@kiabelux?lang=fr" target="_blank"> <img src="/content/dam/kwcms/kme/global/en/assets/common/icon-sns-tiktok-transparent-white.png" width="40" height="40" alt="TikTok" title="TikTok" onclick="eut.analytics.prop({external_link: 'sns|'+$(this).attr('title')}).track( 'external_link' );"/> </a> </li> </ul> <ul class="util_menu util_menu_right"> <li> <a href="https://www.kia.com/lu/services/mykia/mykia-privacy-notice/" target="_self">MyKia Privacy Notice</a> </li> <li> <a href="https://www.kia.com/lu/contactez-nous/">Contact</a> </li> <li> <a href="https://www.actito.be/wf/7276/51/fr/Start.act?source=website&Country=LU" target="_blank">Newsletter</a> </li> <li> <a href="https://www.kia.com/lu/gebruiksvoorwaarden/">Gebruiksvoorwaarden</a> </li> <li> <a href="https://www.kia.com/lu/privacy/">Privacy</a> </li> <li> <a href="https://www.kia.com/lu/cookies/">Cookies</a> </li> <li> <a href="https://www.kia.com/lu/coordonn%C3%A9es/">Coordonnées</a> </li> <li> <a href="https://www.kia.com/lu/mentions-legales/">Mentions légales</a> </li> <li> <a href="https://www.kia.com/content/dam/kwcms/kme/be/assets/general/100x70_KIA_PosterC02_1023_LUX_1.pdf" target="_blank">CO2</a> </li> <li class="last"> <a href="https://www.kia.com/lu/uvo-connect-legal-notice/" target="_self">KIA CONNECT - Documents légaux</a> </li> </ul> </div> </div> </div> <!-- //links --> <div class="disclaimer"> </div> <div class="copyright"> <div class="inner"> <div id='eut_breadcrumb'> <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://www.kia.com/lu/guestbooking/"> <span property="name">Home</span> </a> <meta property="position" content="0"/> </li> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://www.kia.com/lu/decouvrir-kia/decouvrir-kia/"> <span property="name">Découvrir Kia</span> </a> <meta property="position" content="1"/> </li> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://www.kia.com/lu/decouvrir-kia/technologie-et-design/"> <span property="name">Expérience Kia</span> </a> <meta property="position" content="2"/> </li> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://www.kia.com/lu/decouvrir-kia/technologie-et-design/technologie/"> <span property="name">Technologie</span> </a> <meta property="position" content="3"/> </li> </ol> </div> <!-- check for locale value--> <p><span>© 2024 KIA BELGIUM</span> <span class="footerRights">- TOUS DROITS RÉSERVÉS.</span> </p> </div> </div> </div> <div><!-- Javascript API --> <!-- youtube --> <script type="text/plain" src="https://www.youtube.com/iframe_api" class="optanon-category-4"></script> <!-- flowplayer --> <script type="text/javascript" src="//releases.flowplayer.org/7.2.7/commercial/flowplayer.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flowplayer/7.2.7/skin/skin.min.css" type="text/css"/> <!-- Google Map --> <!-- Google Short Url --> <script> /** */ function load() { if(window.eut && window.eut.COUNTRY && window.eut.COUNTRY.toLowerCase()==="gr"){ return; } gapi.client.setApiKey('AIzaSyBYEFgRCw_gh-nPdEWQyPRpL50KoCDysi4'); gapi.client.load('urlshortener', 'v1',function(){}); } </script> <script type="text/plain" src="https://apis.google.com/js/client.js?onload=load" class="optanon-category-4"></script> </div> <div> </div> <script type="text/javascript">var _actGoal = {'settings':{'value':'/g/encrypted/goal/txSgBAH7u5l5vCnRgwHyzcJfOv2RT1DM', 'type' : 'WEBSITE_VISIT','goalUrl':'https://www.actito.be:443/actg'}};(function() { var _head = document.head || document.getElementsByTagName("head")[0]; var sp = document.createElement('script'); sp.type = 'text/javascript'; sp.async = true; sp.defer = true; sp.src = ('https:' == document.location.protocol ? 'https://cdn.actito.be' : 'http://cdn.actito.be') + '/legacy/actito-goal/goal.js'; _head.appendChild(sp);})();</script> <!-- //footer --> <span class="eut_nav_dim"></span> <script src="/etc.clientlibs/settings/wcm/designs/eut/clientlib/libs/components.min.72d1bf7e48f3cdc04d7c32a2861d7571.js"></script> </html>

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