.holding-page .footer { margin-top: 0; } .cmp-holding__header { height: 55px; background-color: #BBCBE3; display: flex; justify-content: center; align-items: center; } .cmp-holding__header .cmp-holding__logo { height: 30px; } .cmp-holding__footer { height: 80px; background: linear-gradient(270deg, #DEC5D4 0%, #BBCBE3 100%); display: flex; justify-content: center; align-items: center; } .cmp-holding__footer .cmp-holding__logo { height: 24px; } .cmp-holding__sticker { width: 100px; height: 100px; position: absolute; top: 33px; left: 22px; z-index: 101; } .cmp-holding__section { position: relative; } .cmp-holding__content.top { position: relative; } .cmp-holding__content.top .cmp-holding__section:first-of-type { background: linear-gradient(180deg, #F5C1CA 0%, #BBCBE3 100%); height: 60vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } .cmp-holding__content.top .cmp-holding__section:last-of-type { background: #FDF0F0; display: flex; justify-content: center; align-items: center; } .cmp-holding__content.bottom .cmp-holding__section:first-of-type { background-color: #FDF0F0; } .cmp-holding__content.bottom .cmp-holding__section:last-of-type { background: linear-gradient(180deg, #93A7C5 0%, #BBCBE3 100%); } .cmp-holding__content.top .cmp-holding__section:last-of-type .content { margin: 40px 20px; } .cmp-holding__section .cmp-holding__logo { width: 60%; max-width: 350px; } .cmp-holding__content.bottom .cmp-holding__section { display: flex; justify-content: center; } .cmp-holding__content.bottom .cmp-holding__section:first-of-type .content { width: 90%; display: flex; flex-direction: column; align-items: center; } .cloud-1 { width: 226px; bottom: -60px; position: absolute; left: 50%; transform: translateX(-50%); } .cloud-2 { width: 246px; position: absolute; right: -60px; top: 25px; transform: scaleX(-1); } .cmp-holding__header-text.light { color: #FFF; font-size: 18px; font-weight: 300; letter-spacing: 2px; margin: 0; text-align: center; text-transform: uppercase; font-family: 'Campton', Helvetica, Arial, sans-serif; } .cmp-holding__subheader-text.light { color: #FDF0F0; font-family: 'Campton', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: 700; text-align: center; margin: 10px 0 40px; } .cmp-holding__header-text.dark { color: #9099A8; font-size: 14px; font-weight: 300; letter-spacing: 1px; font-family: 'Campton', Helvetica, Arial, sans-serif; text-transform: uppercase; } .cmp-holding__subheader-text.dark { color: #9099A8; font-size: 14px; font-weight: 300; font-family: 'Campton', Helvetica, Arial, sans-serif; } .cmp-holding__form { margin-top: 30px; position: relative; } .cmp-holding__form input[type=text] { border-radius: 20px; border: 1px solid #C1C0C8; color: #9099A8; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 20px; height: 40px; width: 100%; padding: 11px 26px 9px; background-color: transparent; } .cmp-holding__form .form-field { width: 100%; margin: 10px 0; } .checkbox-label { color: #9099A8; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 18px; padding-left: 25px; display: block; position: relative; } .checkbox-label a { color: #575C64 !important; } input[type=checkbox] { display: none; } input[type=checkbox] + label::before { content: ''; height: 15px; width: 15px; border: 1px solid #9099A8; display: block; position: absolute; left: 0; top: -1px; } input[type=checkbox] + label::after { content: ''; background: #000 url('/etc.clientlibs/webplatform/clientlibs/clientlib-kylie-beauty/resources/icons/CheckMark.svg') 2px 2px no-repeat; background-size: 11px 11px; left: 0; position: absolute; top: -1px; height: 15px; width: 15px; opacity: 0; } input[type=checkbox]:checked + label { border: none; } input[type=checkbox]:checked + label::after { opacity: 1; } .mt-15px { margin-top: 15px !important; } .cmp-holding__form-submit { color: #575C64; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 3px; line-height: 20px; text-align: center; background: none; border: none; text-transform: uppercase; position: relative; cursor: pointer; z-index: 2; } .cmp-holding__form-submit.disabled { cursor: unset; pointer-events: none; color: #9099A8; font-style: normal !important; } .cmp-action-buttons { display: flex; justify-content: center; align-items: center; margin-top: 50px; } .cmp-button { position: relative; display: inline-block; } .cmp-button--image { width: 70px; height: auto; position: absolute; right: -40px; top: -7px; z-index: 1; } .cmp-holding__header-text.dark-bold { color: #9099A8; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 2px; line-height: 25px; text-align: center; margin-bottom: 30px; text-transform: uppercase; } .cmp-holding__header-text.light-bold { color: #FFF; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 2px; line-height: 25px; text-align: center; margin-bottom: 30px; margin-top: 50px; text-transform: uppercase; } .cmp-holding__text { width: 100%; color: #9099A8; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 16px; margin-bottom: 15px; } .cmp-holding__signature { width: 120px; flex-grow: 0; display: inline-block; margin-bottom: 20px; } .cmp-holding__icons .row { display: flex; flex-wrap: wrap; } .cmp-holding__icon { margin: 30px 30px; width: calc(33% - 60px); display: flex; flex-direction: column; align-items: center; } .cmp-holding__icon.big-icon { margin-top: 10px; margin-bottom: 20px; } .cmp-holding__icon img { max-width: 37px; height: 37px; } .cmp-holding__icon.big-icon img { max-width: unset; height: 97px; } .cmp-holding__icon p { margin-top: 15px; margin-bottom: 0; color: #FFF; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 1px; line-height: 15px; text-align: center; text-transform: uppercase; } .cmp-holding__icon p + p { margin: 0; } .cmp-holding__carret-down { content: ""; position: absolute; top: calc(60vh - 13px); left: 50%; -webkit-transform: translateX(-50%) rotate( 180deg); transform: translateX(-50%) rotate( 180deg); width: 30px; height: 20px; z-index: 100; cursor: pointer; } .cmp-holding__form .invalid-feedback { flex-flow: nowrap; } .invalid-feedback.hidden { display: none; } .cmp-holding__form .form-field .checkbox-label.error::before { border: 1px solid #c70115; } .invalid-form-submit.hidden, .valid-form-submit.hidden { display: none; } .invalid-form-submit { margin: 0.625rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .invalid-form-submit::before { background: url(/etc.clientlibs/webplatform/clientlibs/clientlib-kylie-beauty/resources/icons/error.svg) no-repeat center; content: ''; height: 1.875rem; width: 1.875rem; -ms-flex-negative: 0; flex-shrink: 0; } .invalid-form-submit span { margin-left: 0.3125rem; color: #c70115; font-size: 0.75rem; font-weight: 700; } .valid-form-submit { margin: 0.625rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .valid-form-submit::before { background: url(/etc.clientlibs/webplatform/clientlibs/clientlib-kylie-beauty/resources/icons/check.svg) no-repeat center; content: ''; height: 1.875rem; width: 1.875rem; -ms-flex-negative: 0; flex-shrink: 0; } .valid-form-submit span { margin-left: 0.3125rem; color: #000000; font-size: 0.75rem; font-weight: 700; } /* Desktop Styling */ @media only screen and (min-width: 1024px) { .cmp-holding__header { height: 143px; } .cmp-holding__header .cmp-holding__logo { height: 67px; } .cmp-holding__sticker { width: 140px; height: 140px; top: 40px; left: 30px; } .cmp-holding__content { display: flex; position: relative; height: 100vh; } .editor .cmp-holding__content { height: 800px } .cmp-holding__section { width: 50%; } .cmp-holding__content.top .cmp-holding__section:first-of-type { height: auto; display: block; } .cloud-1 { bottom: unset; left: unset; width: 360px; right: -157px; top: 15%; transform: none; } .cloud-2 { right: unset; top: unset; width: 600px; left: -172px; bottom: -49px; z-index: 100; transform: scaleX(1); } .cmp-holding__content.top .cmp-holding__section:last-of-type { background: #FFF; } .cmp-holding__section .cmp-holding__logo { width: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .cmp-holding__section-header { position: absolute; top: 27%; left: 50%; transform: translateX(-50%); } .cmp-holding__subheader-text.light { margin: 15px 0; font-family: 'Univers', Helvetica, Arial, sans-serif; } .cmp-holding__content.top .cmp-holding__section:last-of-type .content { width: 70%; margin: 0; } .cmp-holding__form .row { display: flex; margin: -10px; } .cmp-holding__form { margin-top: 20px; } .cmp-holding__header-text.dark-bold { margin-top: 100px; } .cmp-holding__header-text.light-bold { margin-top: 100px; } .cmp-holding__form .form-field { margin: 10px; } .cmp-holding__carret-down { top: unset; bottom: 50px; } }

Coming soon!

Le 28 Septembre 2021

DÉCOUVREZ MES NOUVEAUX PRODUITS POUR BÉBÉS ET ENFANTS, DOUX ET TESTÉS PAR DES PÉDIATRES!

Inscrivez-vous ci-dessous pour être informé de l'arrivée de Kylie Baby le 28 septembre et recevez 5€ de réduction sur votre premier achat Kylie Baby de 35€ ou plus

De la part de Kylie:

Je suis ravie et fière de présenter ma nouvelle marque, Kylie Baby. Je travaille sur ce projet depuis plus de deux ans maintenant et il a été très difficile de le garder secret!

Lorsque ma fille est née, je travaillais sur l'élaboration de la ligne Kylie Skin et j’ai commencé à me pencher sur les produits et les ingrédients de soins pour bébés ; je voulais m’assurer que j’appliquais sur sa peau des produits doux et de haute tolérance qui respectaient les principes fondamentaux de ma ligne Kylie Skin. J’ai eu du mal à trouver des produits qui répondent à ces principes et qui conviennent également à la texture de ses cheveux et à ses boucles. Je me suis promise, ainsi qu’à Stormi, de commencer à mettre au point mes propres produits pour elle et pour vos tout-petits, aussi vite que possible.

Et voilà, nous y sommes ! Kylie Baby a constitué ma façon de créer des produits que je pouvais entièrement concevoir pour satisfaire pleinement les besoins de mon bébé, afin que vous puissiez bénéficier de nos formules préférées, qui ont fait leurs preuves, pour le vôtre!

Conçus pour les bébés et les enfants , mes produits sont des incontournables en matière de soins de la peau et des cheveux, testés par des pédiatres. En plus de satisfaire à tous mes principes clés en matière de soins clean, Kylie Baby est également hypoallergénique, testé par des pédiatres, ne pique pas les yeux et contient tous mes ingrédients préférés!

L'heure du bain a toujours été notre moment privilégié ensemble et mon moment préféré de la journée. C’est formidable pour nous de disposer désormais de ces produits, que ma fille m’a aidée à tester, afin de rendre l’heure du bain encore plus unique.

Je suis tellement fière de cette ligne que j'ai créé pour ma fille, et pour tous ces tout-petits qui méritent ce que nous pouvons leur offrir de mieux.

Xo Kylie

We Are:

TESTÉ PAR DES PÉDIATRES

SANS PARFUM AJOUTÉ

Vegan

HYPOALLERGENIQUE

NE PIQUE PAS LES YEUX

window.addEventListener('DOMContentLoaded', (event) => { document.getElementById('js-holding__carret-down').addEventListener('click', function () { window.scrollTo({ top: document.getElementById('js-holding__content--bottom').offsetTop, left: 0, behavior: 'smooth' }); }); document.getElementById('js-holding__form').elements.forEach(function(element) { if (element.type === 'text') { element.addEventListener('change', function() { if (element.name === 'firstName' && (!element.value || element.value.length >= 2)) { document.getElementById('js-holding__firstNameValidationError').classList.add("hidden"); } else if (element.name === 'firstName') { document.getElementById('js-holding__firstNameValidationError').classList.remove("hidden"); } if (element.name === 'lastName' && (!element.value || element.value.length >= 2)) { document.getElementById('js-holding__lastNameValidationError').classList.add("hidden"); } else if (element.name === 'lastName') { document.getElementById('js-holding__lastNameValidationError').classList.remove("hidden"); } if (element.name === 'email' && element.value && /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(element.value)) { document.getElementById('js-holding__emailValidationError').classList.add("hidden"); } else if (element.name === 'email') { document.getElementById('js-holding__emailValidationError').classList.remove("hidden"); } if (element.name === 'phone' && (!element.value || /^\+[0-9]{4,41}$/.test(element.value.replace(/[^+0-9]/g, "")))) { document.getElementById('js-holding__phoneValidationError').classList.add("hidden"); } else if (element.name === 'phone') { var countryCodePrefixes = { 'us': '1', 'gb': '44', 'fr': '33', 'de': '49' }; //Clean mobile phone number var updatedPhone = element.value.replace(/[^+0-9]/g, ""); var languageAndCountryCodes = window.location.pathname.match(/\/([a-zA-Z]{2})-([a-zA-Z]{2})/) || []; var countryCode = languageAndCountryCodes[2] || 'us'; if (countryCode === 'us') { updatedPhone = '+' + countryCodePrefixes['us'] + updatedPhone; } else { if (updatedPhone.indexOf('00' + countryCodePrefixes[countryCode]) === 0) { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone.substr(3); } else if (updatedPhone.indexOf('0') === 0) { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone.substr(1); } else { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone; } } if (/^\+[0-9]{4,41}$/.test(updatedPhone)) { document.getElementById('js-holding__phoneValidationError').classList.add("hidden"); } else { document.getElementById('js-holding__phoneValidationError').classList.remove("hidden"); } } }); } }) document.getElementById('js-holding__form').addEventListener('submit', function(e) { e.preventDefault(); var formData = {}; var form = e.target; for (var i = 0; i < form.elements.length; i++) { var element = form.elements[i]; if (element.name) { if (element.type === 'checkbox') { formData[element.name] = element.checked; } else { formData[element.name] = element.value; } } } if (formData.phone && !/^\+[0-9]{4,41}$/.test(formData.phone.replace(/[^+0-9]/g, ""))) { var countryCodePrefixes = { 'us': '1', 'gb': '44', 'fr': '33', 'de': '49' }; //Clean mobile phone number var updatedPhone = formData.phone.replace(/[^+0-9]/g, ""); var languageAndCountryCodes = window.location.pathname.match(/\/([a-zA-Z]{2})-([a-zA-Z]{2})/) || []; var countryCode = languageAndCountryCodes[2] || 'us'; if (countryCode === 'us') { updatedPhone = '+' + countryCodePrefixes['us'] + updatedPhone; } else { if (updatedPhone.indexOf('00' + countryCodePrefixes[countryCode]) === 0) { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone.substr(3); } else if (updatedPhone.indexOf('0') === 0) { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone.substr(1); } else { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone; } } formData.phone = updatedPhone; } var isFormDataValid = true; if (formData.firstName && formData.firstName.length < 2) { isFormDataValid = false; } else if (formData.lastName && formData.lastName.length < 2) { isFormDataValid = false; } else if (!formData.email || !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(formData.email)) { isFormDataValid = false; } else if (formData.phone && !/^\+[0-9]{4,41}$/.test(formData.phone.replace(/[^+0-9]/g, ""))) { isFormDataValid = false; } else if (!formData.marketingConsent || !formData.newsletterConsent) { isFormDataValid = false; } if (!formData.email || !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(formData.email)) { document.getElementById('js-holding__emailValidationError').classList.remove("hidden"); } else { document.getElementById('js-holding__emailValidationError').classList.add("hidden"); } if (!formData.marketingConsent) { document.getElementById('marketingConsentLabel').classList.add("error"); } else { document.getElementById('marketingConsentLabel').classList.remove("error"); } if (!formData.newsletterConsent) { document.getElementById('newsletterConsentLabel').classList.add("error"); } else { document.getElementById('newsletterConsentLabel').classList.remove("error"); } if (isFormDataValid) { document.getElementById('js-holding__form-send-error').classList.add('hidden'); //Array will look like ['/en-us', 'en', 'us'] var languageAndCountryCodes = window.location.pathname.match(/\/([a-zA-Z]{2})-([a-zA-Z]{2})/) || []; var language = languageAndCountryCodes[1] || 'en'; var countryCode = languageAndCountryCodes[2] || 'us'; var subscriptionData = { firstName: formData.firstName, lastName: formData.lastName, countryCode: countryCode && countryCode.toUpperCase(), email: formData.email, phone: formData.phone ? formData.phone.replace(/[^+0-9]/g, "") : null, language: language + '_' + countryCode, preferences: ['baby'], }; if (subscriptionData['phone'] === null || subscriptionData['phone'] === undefined) { delete subscriptionData['phone']; } var xmlHttpRequest = new XMLHttpRequest(); document.getElementById('js-holding__form-submit').classList.add('disabled'); xmlHttpRequest.open("POST", 'https://p28q8w4y93.execute-api.eu-central-1.amazonaws.com/prod/forms/newsletter-subscription', true); xmlHttpRequest.setRequestHeader('Content-Type', 'application/json'); xmlHttpRequest.setRequestHeader('x-api-key', '0pZ2yOLMkgvy7iw87lCyBzgvbOKN1FKuzVsIS6q0'); xmlHttpRequest.onreadystatechange = function() { if (xmlHttpRequest.readyState === 4) { var response = JSON.parse(xmlHttpRequest.responseText); if (xmlHttpRequest.status === 200) { document.getElementById('js-holding__form-send-success').classList.remove('hidden'); } else { document.getElementById('js-holding__form-send-error').classList.remove('hidden'); document.getElementById('js-holding__form-submit').classList.remove('disabled'); } } } xmlHttpRequest.send(JSON.stringify(subscriptionData)); } }); });