No notes defined.
<a href="#main" class="sds-skipNavigation sds-box -insetMd sds-scaleInteraction text-underline">
Skip navigation
</a>
<div class="sds-pageLayout">
<div class="sds-pageLayout__header" data-headroom-nav>
<header class="sds-header">
<div class="sds-header__nav">
<nav class="sds-nav">
<div class="sds-nav__inner">
<a href="#back" class="sds-nav__back flex-shrink-0">
<span class="sds-iconCircle sds-nav__backIcon" aria-hidden="true">
<span class="sds-icon sds-icon-chevronleft"></span>
</span>
<span class="sds-nav__backText sds-textHelper">Retour</span>
</a>
<div class="sds-nav__adaptiveLogo flex-shrink-0">
<svg width="214" height="40" viewBox="0 0 214 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1029_767)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M192.88 12.12C193.4 12.56 193.72 13.04 193.92 13.56L196.76 11.92C196.28 10.96 195.6 10.16 195 9.59998C194.28 8.95998 192.84 8.03998 190.36 8.03998C186 8.03998 183.6 11 183.6 14.12C183.6 17.6 186.4 19.16 188.4 20L190.6 20.92C192.16 21.52 193.96 22.56 193.96 24.88C193.96 27.2 192.24 28.76 190.12 28.76C188.68 28.76 187.72 28.24 187.08 27.4C186.52 26.64 186.12 25.56 186.12 24.44L182.6 25.2C182.72 26.8 183.28 28.36 184.52 29.72C185.68 31.04 187.28 32.04 189.96 32.04C194.28 32.04 197.4 29.04 197.4 24.64C197.4 22 196.24 19.56 191.96 17.84L189.64 16.92C187.36 15.96 187.12 14.76 187.12 14.08C187.12 12.56 188.28 11.28 190.4 11.28C191.4 11.28 192.16 11.52 192.88 12.12ZM145.72 8.39999L136.76 17.64V8.39999H133.24V31.52H136.76V21.96L137.44 21.24L145.72 31.52H150.44L139.92 18.88L150.36 8.39999H145.72ZM155.64 11.72H164.88V8.39999H152.08V31.52H164.88V28.2H155.64V20.92H164.6V17.6H155.64V11.72ZM180.76 11.72H171.52V17.6H180.52V20.92H171.52V28.2H180.76V31.52H168.04V8.39999H180.76V11.72ZM210 13.56C209.8 13.04 209.48 12.56 208.96 12.12C208.24 11.52 207.48 11.28 206.44 11.28C204.32 11.28 203.16 12.56 203.16 14.08C203.16 14.76 203.4 15.96 205.68 16.92L208 17.84C212.28 19.56 213.44 22 213.44 24.64C213.44 29.04 210.32 32.04 206 32.04C203.32 32.04 201.72 31.04 200.56 29.72C199.32 28.36 198.76 26.8 198.64 25.2L202.16 24.44C202.16 25.56 202.56 26.64 203.12 27.4C203.76 28.24 204.72 28.76 206.16 28.76C208.28 28.76 210 27.2 210 24.88C210 22.56 208.2 21.52 206.64 20.92L204.44 20C202.56 19.2 199.72 17.64 199.72 14.16C199.72 11.04 202.12 8.07997 206.48 8.07997C209 8.07997 210.4 8.99997 211.12 9.63997C211.72 10.2 212.4 11 212.88 11.96L210 13.56ZM57.56 12.12C58.08 12.56 58.4 13.04 58.6 13.56L61.48 11.96C61 11 60.32 10.2 59.72 9.63997C59 8.99997 57.56 8.07997 55.08 8.07997C50.72 8.07997 48.32 11.04 48.32 14.16C48.32 17.64 51.16 19.2 53.04 20L55.24 20.92C56.8 21.52 58.6 22.56 58.6 24.88C58.6 27.2 56.88 28.76 54.76 28.76C53.32 28.76 52.36 28.24 51.72 27.4C51.16 26.64 50.76 25.56 50.76 24.44L47.24 25.2C47.36 26.8 47.92 28.36 49.16 29.72C50.32 31.04 51.92 32.04 54.6 32.04C58.92 32.04 62.04 29.04 62.04 24.64C62.04 22 60.88 19.56 56.6 17.84L54.28 16.92C52.04 15.96 51.8 14.76 51.8 14.08C51.8 12.56 52.96 11.28 55.08 11.28C56.08 11.28 56.84 11.52 57.56 12.12ZM68.2 18.88H69.8C72.88 18.88 74.32 17.4 74.32 15.24C74.32 13.96 73.8 11.64 69.76 11.64H68.2V18.88ZM69.76 8.39999C71.16 8.39999 73.16 8.51999 74.84 9.63999C76.76 10.92 77.72 13.16 77.72 15.24C77.72 16.6 77.36 18.68 75.48 20.32C73.64 21.88 71.52 22.12 69.84 22.12H68.24V31.52H64.68V8.39999H69.76ZM83.4 22.36V8.39999H80V23.28C80 25.12 80.36 27.36 82.12 29.28C83.32 30.64 85.36 32 88.52 32C91.64 32 93.72 30.6 94.92 29.28C96.68 27.36 97.04 25.12 97.04 23.28V8.39999H93.48V22.36C93.48 23.6 93.44 25.16 92.76 26.36C92.08 27.52 90.48 28.72 88.44 28.72C86.36 28.72 84.8 27.52 84.12 26.36C83.44 25.16 83.4 23.6 83.4 22.36ZM113.24 11.72H104V17.6H112.96V20.92H104V28.2H113.24V31.52H100.44V8.39999H113.24V11.72ZM121.08 19.04H119.96V11.64H121.16C122.88 11.64 126 11.96 126 15.24C126 18.92 122.04 19.04 121.08 19.04ZM126.68 9.75999C125.16 8.75999 123.4 8.39999 120.56 8.39999H116.48V31.52H120.04V22.04H120.64L127.24 31.52H131.52L124.32 21.64C127.4 20.96 129.44 18.56 129.44 15.2C129.44 14.2 129.24 11.44 126.68 9.75999Z" fill="#003060" />
<path d="M40 0H0V40H40V0Z" fill="#DE0000" />
<path d="M27.28 15.84V9.95999L24.32 4.07999L21.36 9.95999V15.84H22.88V10.32L24.32 7.35999L25.8 10.32V15.84H27.28Z" fill="white" />
<path d="M32.04 17.72H8.03999V19.28H32.04V17.72Z" fill="white" />
<path d="M31.96 22.36C29.36 22.36 27.28 24.44 27.28 27.04V36.36C26.8 35.64 26.28 34.88 25.72 34.2V27.04C25.72 23.6 28.48 20.8 31.96 20.8V22.36Z" fill="white" />
<path d="M23.16 23.92C23.16 22.2 21.76 20.8 20 20.8C18.24 20.8 16.88 22.2 16.88 23.92V27.2C17.4 27.4 17.92 27.64 18.44 27.92V23.92C18.44 23.08 19.12 22.36 20 22.36C20.84 22.36 21.56 23.04 21.56 23.92V29.8L23.12 31L23.16 23.92Z" fill="white" />
<path d="M11.12 20.8C12.88 20.8 14.28 22.2 14.28 23.92H14.24V26.6C13.72 26.44 13.2 26.28 12.68 26.16V23.92C12.68 23.04 11.96 22.36 11.12 22.36C10.24 22.36 9.56 23.08 9.56 23.92V25.6L8 25.48V23.92C8 22.2 9.36 20.8 11.12 20.8Z" fill="white" />
</g>
<defs>
<clipPath id="clip0_1029_767">
<rect width="214" height="40" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div class="sds-nav__alignEnd flex-shrink-0">
<div class="sds-nav__stickyFooterContent -staticMd">
<button type="button" class="sds-btn -btnPrimary">
<span class="sds-btn__text">S'inscrire</span>
</button>
</div>
<div class="sds-nav__languageSwitcher">
<div class="sds-languageSwitcher dropdown">
<button class="sds-languageSwitcher__trigger sds-textHelper sds-textSemiBold dropdown-toggle" type="button" data-toggle="dropdown" data-display="static" aria-expanded="false">
Fr
<span class="sds-iconCircle sds-languageSwitcher__icon" aria-hidden="true">
<span class="sds-icon sds-icon-chevrondown"></span>
</span>
</button>
<div class="sds-languageSwitcher__menu sds-actionMenu dropdown-menu dropdown-menu-right">
<a class="sds-actionMenu__item dropdown-item" href="#">
De
</a>
<a class="sds-actionMenu__item dropdown-item" href="#">
En
</a>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
</div>
<main class="sds-pageLayout__main" id="main">
<div class="sds-pageLayout__mainTop">
<section class="sds-section">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-heroHeading">
<h1 class="sds-heroHeading__separator sds-heroHeading__main">Inscription</h1>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="sds-pageLayout__mainCenter">
<section class="sds-section -sectionSunken -noInsetBlockStart">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="row">
<div class="col-12 col-lg-5 col-xxl-4">
<div class="sds-box -insetLg -boxSunken position-sticky sticky-top" data-reacts-to-headroom>
<div class="sds-stackXxl">
<h2 class="h2">
Accroître la performance énergétique
<span class="sds-headingLight">Le potentiel solaire et la pompe à chaleur</span>
</h2>
<div class="sds-stackMd -stackBorder">
<div>
<img class="img-fluid rounded-lg" src="../../media/snet/components/page-cover/image-4-3.jpg" alt="">
</div>
<table class="sds-infoTable table -noBorder">
<tbody>
<tr>
<td class="">
<div class="sds-label">
Date
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg sds-textSemiBold">
Jeudi 01.01
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Heure
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg sds-textSemiBold">
20h00 - 23h00
</div>
</div>
</td>
</tr>
<tr>
<td class="">
<div class="sds-label">
Lieu
</div>
</td>
<td class="">
<div class="sds-infoTable__cellContent">
<div class="sds-textBodyLg sds-textSemiBold">
Liberté 19
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-7 offset-xxl-1">
<div class="sds-box -insetLg">
<div class="sds-stackXl">
<div class="sds-box -insetMd -boxSunken">
<div class="row row-xs align-items-center no-bottom-gutter">
<div class="col">
<div class="sds-staticStackXs">
<div class="h4">2 places réservées</div>
<p>Inscrivez-vous pour les bloquer</p>
</div>
</div>
<div class="col-auto">
<div class="sds-textBodyXxl sds-textSemiBold sds-headingColor sds-dangerColor">
09:55
</div>
</div>
</div>
</div>
<div class="form-group-xl">
<label for="subs-name" class="sds-label -large -noBottomSpacing">
Nom & prénom
</label>
<div class="sds-input">
<input id="subs-name" class="sds-input form-control" type="text" placeholder="Entrez une communication" value="Max Mustermann">
</div>
</div>
<div class="form-group-xl">
<label for="subs-date" class="sds-label -large -noBottomSpacing">
Date de naissance
</label>
<div class="sds-input -hasIcon -calendar">
<input class="sds-input form-control" type="text" placeholder="JJ.MM.AAAA" value="">
<div class="sds-input__iconRight">
<span class="sds-icon sds-icon-calendar"></span>
</div>
</div>
</div>
<div class="form-group-xl">
<fieldset class="sds-input -phone">
<label for="phone-number" class="sds-label -large -noBottomSpacing">
Numéro de téléphone
</label>
<div class="sds-input__phoneWrapper">
<div class="sds-input__phonePrefixWrapper">
<label for="phonePrefixSelect" class="sds-label sr-only">
Phone Prefix Selection
</label>
<div class="sds-select sds-input__phoneSelect">
<select id="phonePrefixSelect" class="sds-select form-control">
<option value="opt-0">+352</option>
<option value="opt-1">+33</option>
<option value="opt-2">+32</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
<label for="phonePrefixCustomInput" class="sds-label sr-only">
Phone Prefix Input
</label>
<div class="sds-input__phoneCustomPrefixWrapper">
<span class="sds-input__phoneNumberPrefix">+</span>
<input class="sds-input__phoneCustomPrefix form-control" id="phonePrefixCustomInput" type="tel" placeholder="" value="">
</div>
</div>
<input class="form-control" id="" type="tel" placeholder="Numéro de téléphone" value="">
</div>
</fieldset>
</div>
<div class="form-group-xl">
<label for="subs-mail" class="sds-label -large -noBottomSpacing">
E-mail
</label>
<div class="sds-input">
<input id="subs-mail" class="sds-input form-control" type="email" placeholder="E-mail" value="">
<div class="sds-input__hint">Format attendu: nom@domaine.com</div>
</div>
</div>
<div class="form-group-xl">
<label for="subs-others" class="sds-label -large -noBottomSpacing">
Autres participants
</label>
<div class="sds-input -hasShadow">
<input id="subs-others" class="sds-input form-control" type="number" placeholder="E-mail" value="2">
<div class="sds-input__shadowInput form-control" aria-hidden="true">
<div class="sds-input__shadowValue">
2
</div>
<div class="sds-input__shadowCurrency">
/2
</div>
</div>
<div class="sds-input__hint">Nombre maximal de participants autorisé: 2</div>
</div>
</div>
<div class="form-group-xl">
<div class="sds-alert alert alert-warning-30">
<div class="sds-alert__content sds-staticStackMd">
<p class="">Il reste seulement 2 places de libres. Que voulez-vous faire?</p>
<div class="row row-xs align-items-stretch-immediate">
<div class="col-12 col-md-6">
<div class="sds-spotSelect sds-showCustomIndicatorHover ">
<input type="radio" id="events-alert-choice-1" class="sds-spotSelect__radioInput sr-only" value="" name="radio-name">
<div data-scope-wrapper="box" data-scope="flat" class="sds-spotSelect__body">
<div class="sds-spotSelect__content">
<span class="sds-radioDot sds-spotSelect__checkItem" aria-hidden="true"></span>
<div class="sds-spotSelect__inner sds-stackMd">
<div class="sds-spotSelect__text">
<p><label class="sds-spotSelect__checkItemLabel" for="events-alert-choice-1">Inscrire 2 personnes</label></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="sds-spotSelect sds-showCustomIndicatorHover ">
<input type="radio" id="events-alert-choice-2" class="sds-spotSelect__radioInput sr-only" value="" name="radio-name">
<div data-scope-wrapper="box" data-scope="flat" class="sds-spotSelect__body">
<div class="sds-spotSelect__content">
<span class="sds-radioDot sds-spotSelect__checkItem" aria-hidden="true"></span>
<div class="sds-spotSelect__inner sds-stackMd">
<div class="sds-spotSelect__text">
<p><label class="sds-spotSelect__checkItemLabel" for="events-alert-choice-2">Inscrire 4 personnes sur la liste d’attente</label></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-group-xl">
<div class="sds-checkbox custom-control custom-checkbox -alert">
<input value="checkbox-value" type="checkbox" name="" class="sr-only custom-control-input " id="checkbox-alert-link"><span class="sds-checkboxDot sds-checkbox__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="checkbox-alert-link">Les données à caractère personnel collectées sont traitées dans le strict respect de la législation relative à la protection des personnes physiques à l'égard du traitement des données à caractère personnel. Vous disposez notamment d'un droit d'accès et de rectification de ces données en envoyant votre demande par message S-Net, e-mail ou courrier à l'<a href='https://www.spuerkeess.lu'>adresse suivante</a>.<br> Pour plus d'informations : <a href='https://www.spuerkeess.lu'>Data Protection Policy</a></label>
<div class="sds-checkbox__error invalid-feedback">Error message</div>
</div>
</div>
<div class="form-group-xl">
<button type="button" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Envoyer</span>
<span class="sds-icon sds-icon-arrownext"></span>
</button>
</div>
<div class="form-group-xl">
<p class="sds-formDisclaimer -small">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et eleifend orci. Nunc mollis lorem vitae leo molestie, in malesuada risus viverra. Phasellus ac ante eros. Fusce nunc enim, dictum et risus in, volutpat tincidunt nisl.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="sds-pageLayout__mainBottom">
</div>
</main>
<section class="sds-contactFooter">
<div class="container">
<div class="row">
<div class="col-12">
<div class="stackXs text-center">
<h3 class="h2">Avez-vous besoin de plus de renseignements ?</h3>
<p class="h3 sds-headingLight">Contactez-nous</p>
</div>
</div>
<div class="col-12 col-lg-6">
<a href="#" class="sds-iconLinkBox -row">
<span class="sds-iconLinkBox__icon sds-brandIconWrapper">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 18L6 24V40H23H25H42V24L46 18H26L24 21L22 18H2ZM25.737 22H40.9296L42.263 20H27.0704L25.737 22ZM22 24H8V38H23V24H22ZM25 24V38H40V24H26H25ZM22.263 22H7.07037L5.73703 20H20.9296L22.263 22Z" fill="#003060" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3328 15.2592C14.8426 11.4844 19.1314 9 24 9C28.8687 9 33.1575 11.4844 35.6673 15.2592C35.828 15.501 35.9815 15.748 36.1273 16H38.3913C38.0789 15.3588 37.7249 14.7415 37.3328 14.1518C34.468 9.84318 29.5663 7 24 7C18.4338 7 13.5321 9.84318 10.6673 14.1518C10.2752 14.7415 9.9212 15.3588 9.60876 16H11.8728C12.0186 15.748 12.172 15.501 12.3328 15.2592Z" fill="#DE0000" />
</svg>
</span>
<div class="sds-iconLinkBox__inner sds-stackXs">
<h4 class="h3">S-Net</h4>
<p class="sds-iconLinkBox__description">Gérez vos principales opérations bancaires via S-Net</p>
</div>
</a>
</div>
<div class="col-12 col-lg-6">
<a href="#" class="sds-iconLinkBox -row">
<span class="sds-iconLinkBox__icon sds-brandIconWrapper">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 18L6 24V40H23H25H42V24L46 18H26L24 21L22 18H2ZM25.737 22H40.9296L42.263 20H27.0704L25.737 22ZM22 24H8V38H23V24H22ZM25 24V38H40V24H26H25ZM22.263 22H7.07037L5.73703 20H20.9296L22.263 22Z" fill="#003060" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3328 15.2592C14.8426 11.4844 19.1314 9 24 9C28.8687 9 33.1575 11.4844 35.6673 15.2592C35.828 15.501 35.9815 15.748 36.1273 16H38.3913C38.0789 15.3588 37.7249 14.7415 37.3328 14.1518C34.468 9.84318 29.5663 7 24 7C18.4338 7 13.5321 9.84318 10.6673 14.1518C10.2752 14.7415 9.9212 15.3588 9.60876 16H11.8728C12.0186 15.748 12.172 15.501 12.3328 15.2592Z" fill="#DE0000" />
</svg>
</span>
<div class="sds-iconLinkBox__inner sds-stackXs">
<h4 class="h3">S-Net</h4>
<p class="sds-iconLinkBox__description">Gérez vos principales opérations bancaires via S-Net</p>
</div>
</a>
</div>
</div>
</div>
</section>
<footer class="sds-pageLayout__footer">
<div class="sds-footer ">
<div class="container">
<div class="row justify-content-between">
<div class="col-12 col-md-auto">
<div class="sds-footer__social sds-stackSm">
<p class="sds-textHelperSmall">Suivez-nous</p>
<ul class="sds-footer__socialIconsGroup sds-btnGroup list-unstyled">
<li>
<a href="" class="d-flex">
<span class="sds-iconCircle -secondary60 sds-footer__socialIcon" aria-hidden="true">
<span class="sds-icon sds-icon-socialfacebook"></span>
</span>
</a>
</li>
<li>
<a href="" class="d-flex">
<span class="sds-iconCircle -secondary60 sds-footer__socialIcon" aria-hidden="true">
<span class="sds-icon sds-icon-socialinstagram"></span>
</span>
</a>
</li>
<li>
<a href="" class="d-flex">
<span class="sds-iconCircle -secondary60 sds-footer__socialIcon" aria-hidden="true">
<span class="sds-icon sds-icon-sociallinkedin"></span>
</span>
</a>
</li>
<li>
<a href="" class="d-flex">
<span class="sds-iconCircle -secondary60 sds-footer__socialIcon" aria-hidden="true">
<span class="sds-icon sds-icon-socialyoutube"></span>
</span>
</a>
</li>
</ul>
<div class="sds-footer__logo sds-exceptionStackXxl">
<svg width="214" height="40" viewBox="0 0 214 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1029_767)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M192.88 12.12C193.4 12.56 193.72 13.04 193.92 13.56L196.76 11.92C196.28 10.96 195.6 10.16 195 9.59998C194.28 8.95998 192.84 8.03998 190.36 8.03998C186 8.03998 183.6 11 183.6 14.12C183.6 17.6 186.4 19.16 188.4 20L190.6 20.92C192.16 21.52 193.96 22.56 193.96 24.88C193.96 27.2 192.24 28.76 190.12 28.76C188.68 28.76 187.72 28.24 187.08 27.4C186.52 26.64 186.12 25.56 186.12 24.44L182.6 25.2C182.72 26.8 183.28 28.36 184.52 29.72C185.68 31.04 187.28 32.04 189.96 32.04C194.28 32.04 197.4 29.04 197.4 24.64C197.4 22 196.24 19.56 191.96 17.84L189.64 16.92C187.36 15.96 187.12 14.76 187.12 14.08C187.12 12.56 188.28 11.28 190.4 11.28C191.4 11.28 192.16 11.52 192.88 12.12ZM145.72 8.39999L136.76 17.64V8.39999H133.24V31.52H136.76V21.96L137.44 21.24L145.72 31.52H150.44L139.92 18.88L150.36 8.39999H145.72ZM155.64 11.72H164.88V8.39999H152.08V31.52H164.88V28.2H155.64V20.92H164.6V17.6H155.64V11.72ZM180.76 11.72H171.52V17.6H180.52V20.92H171.52V28.2H180.76V31.52H168.04V8.39999H180.76V11.72ZM210 13.56C209.8 13.04 209.48 12.56 208.96 12.12C208.24 11.52 207.48 11.28 206.44 11.28C204.32 11.28 203.16 12.56 203.16 14.08C203.16 14.76 203.4 15.96 205.68 16.92L208 17.84C212.28 19.56 213.44 22 213.44 24.64C213.44 29.04 210.32 32.04 206 32.04C203.32 32.04 201.72 31.04 200.56 29.72C199.32 28.36 198.76 26.8 198.64 25.2L202.16 24.44C202.16 25.56 202.56 26.64 203.12 27.4C203.76 28.24 204.72 28.76 206.16 28.76C208.28 28.76 210 27.2 210 24.88C210 22.56 208.2 21.52 206.64 20.92L204.44 20C202.56 19.2 199.72 17.64 199.72 14.16C199.72 11.04 202.12 8.07997 206.48 8.07997C209 8.07997 210.4 8.99997 211.12 9.63997C211.72 10.2 212.4 11 212.88 11.96L210 13.56ZM57.56 12.12C58.08 12.56 58.4 13.04 58.6 13.56L61.48 11.96C61 11 60.32 10.2 59.72 9.63997C59 8.99997 57.56 8.07997 55.08 8.07997C50.72 8.07997 48.32 11.04 48.32 14.16C48.32 17.64 51.16 19.2 53.04 20L55.24 20.92C56.8 21.52 58.6 22.56 58.6 24.88C58.6 27.2 56.88 28.76 54.76 28.76C53.32 28.76 52.36 28.24 51.72 27.4C51.16 26.64 50.76 25.56 50.76 24.44L47.24 25.2C47.36 26.8 47.92 28.36 49.16 29.72C50.32 31.04 51.92 32.04 54.6 32.04C58.92 32.04 62.04 29.04 62.04 24.64C62.04 22 60.88 19.56 56.6 17.84L54.28 16.92C52.04 15.96 51.8 14.76 51.8 14.08C51.8 12.56 52.96 11.28 55.08 11.28C56.08 11.28 56.84 11.52 57.56 12.12ZM68.2 18.88H69.8C72.88 18.88 74.32 17.4 74.32 15.24C74.32 13.96 73.8 11.64 69.76 11.64H68.2V18.88ZM69.76 8.39999C71.16 8.39999 73.16 8.51999 74.84 9.63999C76.76 10.92 77.72 13.16 77.72 15.24C77.72 16.6 77.36 18.68 75.48 20.32C73.64 21.88 71.52 22.12 69.84 22.12H68.24V31.52H64.68V8.39999H69.76ZM83.4 22.36V8.39999H80V23.28C80 25.12 80.36 27.36 82.12 29.28C83.32 30.64 85.36 32 88.52 32C91.64 32 93.72 30.6 94.92 29.28C96.68 27.36 97.04 25.12 97.04 23.28V8.39999H93.48V22.36C93.48 23.6 93.44 25.16 92.76 26.36C92.08 27.52 90.48 28.72 88.44 28.72C86.36 28.72 84.8 27.52 84.12 26.36C83.44 25.16 83.4 23.6 83.4 22.36ZM113.24 11.72H104V17.6H112.96V20.92H104V28.2H113.24V31.52H100.44V8.39999H113.24V11.72ZM121.08 19.04H119.96V11.64H121.16C122.88 11.64 126 11.96 126 15.24C126 18.92 122.04 19.04 121.08 19.04ZM126.68 9.75999C125.16 8.75999 123.4 8.39999 120.56 8.39999H116.48V31.52H120.04V22.04H120.64L127.24 31.52H131.52L124.32 21.64C127.4 20.96 129.44 18.56 129.44 15.2C129.44 14.2 129.24 11.44 126.68 9.75999Z" fill="#003060" />
<path d="M40 0H0V40H40V0Z" fill="#DE0000" />
<path d="M27.28 15.84V9.95999L24.32 4.07999L21.36 9.95999V15.84H22.88V10.32L24.32 7.35999L25.8 10.32V15.84H27.28Z" fill="white" />
<path d="M32.04 17.72H8.03999V19.28H32.04V17.72Z" fill="white" />
<path d="M31.96 22.36C29.36 22.36 27.28 24.44 27.28 27.04V36.36C26.8 35.64 26.28 34.88 25.72 34.2V27.04C25.72 23.6 28.48 20.8 31.96 20.8V22.36Z" fill="white" />
<path d="M23.16 23.92C23.16 22.2 21.76 20.8 20 20.8C18.24 20.8 16.88 22.2 16.88 23.92V27.2C17.4 27.4 17.92 27.64 18.44 27.92V23.92C18.44 23.08 19.12 22.36 20 22.36C20.84 22.36 21.56 23.04 21.56 23.92V29.8L23.12 31L23.16 23.92Z" fill="white" />
<path d="M11.12 20.8C12.88 20.8 14.28 22.2 14.28 23.92H14.24V26.6C13.72 26.44 13.2 26.28 12.68 26.16V23.92C12.68 23.04 11.96 22.36 11.12 22.36C10.24 22.36 9.56 23.08 9.56 23.92V25.6L8 25.48V23.92C8 22.2 9.36 20.8 11.12 20.8Z" fill="white" />
</g>
<defs>
<clipPath id="clip0_1029_767">
<rect width="214" height="40" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
<div class="sds-stackXxl col-12 col-md-auto">
<div class="sds-footer__links sds-stackLg sds-textHelperSmall">
<ul class="sds-stackXs list-unstyled">
<li>
<a href="">Notices légales</a>
</li>
<li>
<a href="">Réclamations</a>
</li>
<li>
<a href="">Tarification</a>
</li>
<li>
<a href="">Gérer mes cookies</a>
</li>
</ul>
<ul class="sds-stackXs list-unstyled">
<li>
<a href="">Copyright Spuerkeess</a>
</li>
<li>
<a href="">made by Apart</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
{% extends "@spk-page-layout" %}
{% block header %}
{% render "@spk-header--landing",{
navLabel: "",
ctaText: "S'inscrire"
},true %}
{% endblock %}
{% block mainTop %}
<section class="{{ namespace }}section">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
{% render "@hero-heading",{
title: "Inscription",
subEltType: false
},true %}
</div>
</div>
</div>
</section>
{% endblock %}
{% block main %}
<section class="{{ namespace }}section -sectionSunken -noInsetBlockStart">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="row">
<div class="col-12 col-lg-5 col-xxl-4">
<div class="{{ namespace }}box -insetLg -boxSunken position-sticky sticky-top" data-reacts-to-headroom>
<div class="{{ namespace }}stackXxl">
{% render "@heading--h2-subtext",{
text: "Accroître la performance énergétique",
subText: "Le potentiel solaire et la pompe à chaleur"
},true %}
<div class="{{ namespace }}stackMd -stackBorder">
<div>
<img class="img-fluid rounded-lg" src="{{ (mediaPath + "/snet/components/page-cover/image-4-3.jpg") | path }}" alt="">
</div>
<table class="{{ namespace }}infoTable table -noBorder">
<tbody>
<tr>
<td class="">
{% render "@label",{
eltType: "div",
text: "Date"
},true %}
</td>
<td class="">
<div class="{{ namespace }}infoTable__cellContent">
<div class="{{ namespace }}textBodyLg {{ namespace }}textSemiBold">
Jeudi 01.01
</div>
</div>
</td>
</tr>
<tr>
<td class="">
{% render "@label",{
eltType: "div",
text: "Heure"
},true %}
</td>
<td class="">
<div class="{{ namespace }}infoTable__cellContent">
<div class="{{ namespace }}textBodyLg {{ namespace }}textSemiBold">
20h00 - 23h00
</div>
</div>
</td>
</tr>
<tr>
<td class="">
{% render "@label",{
eltType: "div",
text: "Lieu"
},true %}
</td>
<td class="">
<div class="{{ namespace }}infoTable__cellContent">
<div class="{{ namespace }}textBodyLg {{ namespace }}textSemiBold">
Liberté 19
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-7 offset-xxl-1">
<div class="{{ namespace }}box -insetLg">
<div class="{{ namespace }}stackXl">
<div class="{{ namespace }}box -insetMd -boxSunken">
<div class="row row-xs align-items-center no-bottom-gutter">
<div class="col">
<div class="{{ namespace }}staticStackXs">
<div class="h4">2 places réservées</div>
<p>Inscrivez-vous pour les bloquer</p>
</div>
</div>
<div class="col-auto">
<div class="{{ namespace }}textBodyXxl {{ namespace}}textSemiBold {{ namespace }}headingColor {{ namespace }}dangerColor">
09:55
</div>
</div>
</div>
</div>
<div class="form-group-xl">
{% render "@label--form-large", {
modifiers: ["-large", "-noBottomSpacing"],
text: "Nom & prénom",
labelFor: "subs-name"
}, true %}
{% render "@input",{
id: "subs-name",
value: "Max Mustermann"
},true %}
</div>
<div class="form-group-xl">
{% render "@label--form-large", {
modifiers: ["-large", "-noBottomSpacing"],
text: "Date de naissance",
labelFor: "subs-date"
}, true %}
{% render "@input--calendar",{
id: "subs-date",
placeholder: "JJ.MM.AAAA"
},true %}
</div>
<div class="form-group-xl">
{% render "@input--phone",{
labelModifiers: ["-large", "-noBottomSpacing"],
labelText: "Numéro de téléphone",
id: "subs-phone",
placeholder: "Numéro de téléphone"
},true %}
</div>
<div class="form-group-xl">
{% render "@label--form-large", {
modifiers: ["-large", "-noBottomSpacing"],
text: "E-mail",
labelFor: "subs-mail"
}, true %}
{% render "@input",{
id: "subs-mail",
type: "email",
placeholder: "E-mail",
hint: {
feedback: "Format attendu: nom@domaine.com"
}
},true %}
</div>
<div class="form-group-xl">
{% render "@label--form-large", {
modifiers: ["-large", "-noBottomSpacing"],
text: "Autres participants",
labelFor: "subs-others"
}, true %}
{% render "@input--shadow",{
id: "subs-others",
value: "2",
placeholder: "E-mail",
valueType: "/2",
hint: {
feedback: "Nombre maximal de participants autorisé: 2"
}
},true %}
</div>
<div class="form-group-xl">
{% render "@snet-alert--spot-selects" %}
</div>
<div class="form-group-xl">
{% render "@checkbox--alert-link" %}
</div>
<div class="form-group-xl">
{% render "@btn-primary--icon-right",{
text: "Envoyer",
iconRight: true,
icon: "icon-arrownext"
},true %}
</div>
<div class="form-group-xl">
{% render "@form-disclaimer--small",{
text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et eleifend orci. Nunc mollis lorem vitae leo molestie, in malesuada risus viverra. Phasellus ac ante eros. Fusce nunc enim, dictum et risus in, volutpat tincidunt nisl."
},true %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block contactFooter %}
{% render "@spk-contact-footer" %}
{% endblock %}
{% block footer %}
{% render "@footer" %}
{% endblock %}