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">
<div class="sds-nav">
<nav class="sds-nav__inner navbar navbar-expand-xl">
<button type="button" class="sds-nav__fakeSearch" data-toggle="modal" data-target="#searchModal">
<span class="sds-icon sds-icon-search" aria-hidden="true"></span>
<span class="sds-nav__fakeSearchText">Recherche</span>
</button>
<div class="sds-nav__collapseContainer">
<button class="sds-nav__collapseToggler navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="sds-icon" aria-hidden="true"></span>
Menu
</button>
<div class="sds-nav__collapse collapse navbar-collapse text-nowrap" id="mainNav">
<ul class="sds-nav__collapseInner navbar-nav navbar-nav-scroll">
<li class="sds-nav__collapseItem nav-item active">
<a class="sds-nav__collapseLink nav-link" href="#">
<span class="sds-nav__collapseLinkImg 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="M28.3084 6.7139L26.8511 10.7828L24.9683 10.1085L26.4255 6.03955L28.3084 6.7139ZM18.4304 8.38098L20.2737 12.9326L18.42 13.6833L16.5767 9.13172L18.4304 8.38098ZM40.6674 14.3236L42.0812 13.3137L40.9188 11.6863L39.5049 12.6961C38.3177 13.5442 36.8952 14 35.4363 14H28.7854C28.182 14 27.5809 14.074 26.9955 14.2204C26.0197 14.4643 25.1215 14.9511 24.3844 15.6355L18.9586 20.6738C18.3473 21.2414 18 22.0379 18 22.8722V23C18 24.6569 19.3431 26 21 26H21.2268C21.9731 26 22.6926 25.7218 23.2448 25.2198L26.8017 21.9863C27.1885 21.6347 27.7808 21.6403 28.1608 21.9991L38.0054 31.2927C38.5378 31.8294 38.5353 32.6886 37.9977 33.2222C37.4534 33.7624 36.5693 33.7624 36.025 33.2222L35.1238 32.3276L35.1218 32.3256L31.4263 28.6574L30.0173 30.0769L33.7128 33.7451C34.253 34.2812 34.253 35.1461 33.7128 35.6823C33.1686 36.2225 32.2844 36.2225 31.7402 35.6823L30.8973 34.8457L30.8944 34.8427L27.1989 31.1746L25.7899 32.594L29.4854 36.2622C30.0256 36.7984 30.0256 37.6632 29.4854 38.1994C28.9412 38.7396 28.057 38.7396 27.5127 38.1994L22.9715 33.6917L21.5625 35.1111L25.258 38.7793C25.7982 39.3155 25.7982 40.1803 25.258 40.7165C24.7137 41.2568 23.8296 41.2568 23.2853 40.7165L15.4526 33.0102C14.1433 31.722 12.3801 31 10.5433 31H6V33H10.5433C11.8553 33 13.1147 33.5157 14.0499 34.4358L21.8764 42.136L21.8778 42.1374C23.202 43.4503 25.3433 43.4498 26.667 42.136C27.1425 41.664 27.4478 41.0867 27.5828 40.4797C28.7228 40.7969 29.9966 40.5099 30.8944 39.6188C31.3699 39.1468 31.6752 38.5696 31.8102 37.9625C32.9502 38.2798 34.2241 37.9928 35.1218 37.1017C35.5874 36.6396 35.8898 36.0765 36.0289 35.4833C37.1855 35.8306 38.4915 35.55 39.4067 34.6416C40.7349 33.3232 40.7349 31.1839 39.4067 29.8655L39.3978 29.8567L29.5338 20.5448C28.3935 19.4683 26.6166 19.4516 25.4564 20.5064L21.8995 23.74C21.7154 23.9073 21.4756 24 21.2268 24H21C20.4477 24 20 23.5523 20 23V22.8722C20 22.5941 20.1158 22.3286 20.3195 22.1394L25.7453 17.1011C26.2351 16.6463 26.8321 16.3228 27.4805 16.1607C27.9073 16.054 28.3455 16 28.7854 16H35.4363C37.3121 16 39.141 15.4139 40.6674 14.3236Z" fill="#003060" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 4L24 12.0003L22 12.0003L22 4L24 4Z" fill="#DE0000" />
</svg>
</span> Particuliers
<span class="sr-only">Current Page</span></a>
</li>
<li class="sds-nav__collapseItem nav-item dropdown">
<button type="button" class="sds-nav__collapseLink nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<span class="sds-nav__collapseLinkImg sds-brandIconWrapper">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.0002 38C19.3402 38 15.0002 34.6631 15.0002 30V26.0007L13.0002 25V30C13.0002 35.7638 18.2402 40 24.0002 40C29.7602 40 35.0002 35.7638 35.0002 30H33.0002C33.0002 34.6631 28.6602 38 24.0002 38Z" fill="#DE0000" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M39 27.126C37.2748 27.5701 36 29.1362 36 31C36 33.2091 37.7909 35 40 35C42.2091 35 44 33.2091 44 31C44 29.1362 42.7252 27.5701 41 27.126V19.72L44.19 18.08L24.09 8L4 18.08L24.09 28.16L39 20.62V27.126ZM24.09 10.24L8.46 18.08L24.09 25.92L39.72 18.08L24.09 10.24ZM42 31C42 32.1046 41.1046 33 40 33C38.8954 33 38 32.1046 38 31C38 29.8954 38.8954 29 40 29C41.1046 29 42 29.8954 42 31Z" fill="#003060" />
</svg>
</span>
Jeunes
<span class="sds-icon sds-icon-chevrondown"></span>
</button>
<ul class="sds-nav__collapseDropdownMenu dropdown-menu">
<li class="active">
<a class="sds-nav__collapseDropdownItem dropdown-item" href="#!">Tweenz (0 - 12)</a>
</li>
<li>
<a class="sds-nav__collapseDropdownItem dropdown-item" href="#!">Axxess (12 - 30)</a>
</li>
</ul>
</li>
<li class="sds-nav__collapseItem nav-item">
<a class="sds-nav__collapseLink nav-link" href="#">
<span class="sds-nav__collapseLinkImg 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="M21 5C19.3431 5 18 6.34315 18 8V10H4C2.34315 10 1 11.3431 1 13V40C1 41.6569 2.34315 43 4 43H32V41H4C3.44772 41 3 40.5523 3 40V13C3 12.8989 3.015 12.8014 3.04288 12.7094L12.3837 25H15.9998V23H13.3758L5.0158 12H42.9842L34.6242 23H32.0002V25H35.6162L44.9571 12.7094C44.985 12.8014 45 12.8989 45 13V36H47V13C47 11.3431 45.6569 10 44 10H31V8C31 6.34315 29.6569 5 28 5H21ZM29 10V8C29 7.44772 28.5523 7 28 7H21C20.4477 7 20 7.44772 20 8V10H29Z" fill="#003060" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 18V25C22 26.1046 22.8954 27 24 27C25.1046 27 26 26.1046 26 25V18H28V25C28 27.2091 26.2091 29 24 29C21.7909 29 20 27.2091 20 25V18H22Z" fill="#DE0000" />
</svg>
</span> Professionnels
</a>
</li>
<li class="sds-nav__collapseItem nav-item">
<a class="sds-nav__collapseLink nav-link" href="#">
<span class="sds-nav__collapseLinkImg 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="M25 2H23V9H25V2ZM22.5891 15H13L6.92523 24H14.1235L22.5891 15ZM7.92919 26L15.3239 34.2157L18.746 41L4 24.6047L11.9816 13H34.9286L43 24.6047L28.254 41L31.6761 34.2157L39.0708 26H7.92919ZM40.0748 24H33.8671L25.4096 15H34L40.0748 24ZM31.1395 24L24 16.5L16.86 24H31.1395ZM28.0273 9.48219L30.7816 4.4804L32.5336 5.44514L29.7793 10.4469L28.0273 9.48219ZM16.3068 4.47715L14.5547 5.44157L17.3081 10.4438L19.0602 9.47942L16.3068 4.47715Z" fill="#003060" />
<path d="M23.54 41.85L16.7401 28H14.5001L23.54 46.31L32.7398 28H30.4998L23.54 41.85Z" fill="#DE0000" />
</svg>
</span> Private Banking
</a>
</li>
<li class="sds-nav__collapseItem nav-item">
<a class="sds-nav__collapseLink nav-link" href="#">
<span class="sds-nav__collapseLinkImg sds-brandIconWrapper">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 26C14.3411 26 13 24.649 13 23C13 21.351 14.351 20 16 20C17.649 20 19 21.351 19 23C19 24.649 17.649 26 16 26ZM16 21.9768C15.4437 21.9768 14.9868 22.4338 14.9868 22.9901C14.9868 23.5464 15.4437 24.0033 16 24.0033C16.5563 24.0033 17.0132 23.5464 17.0132 22.9901C17.0132 22.4338 16.5563 21.9768 16 21.9768Z" fill="#DE0000" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 44H19H21H25H27V42V29.5011C27.5756 29.8004 28.1844 30 28.8 30H38H38.01V28H28.81C27.9977 28 27.2047 27.3199 26.5807 26.7847C26.5762 26.7809 26.5717 26.777 26.5673 26.7732L23 19.38L22 21.4525V15.85L16 4L10 15.85V44ZM20 25.5975V19H12V42H19V27.67L20 25.5975ZM25 42V28.13L23 23.98L21 28.13V42H25ZM12 17V16.34L16 8.36L20 16.34V17H12ZM38 43H36V37.04C36 36.04 35 35 34 35C33 35 32 36.04 32 37.04V41H30V37.04C30 34.94 31.9 33 34 33C36.1 33 38 34.94 38 37.04V43Z" fill="#003060" />
</svg>
</span> À propos de nous
</a>
</li>
<li class="sds-nav__collapseItem nav-item">
<a class="sds-nav__collapseLink nav-link" href="#">
<span class="sds-nav__collapseLinkImg 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="M25 19.5875V10H23V23.8294L18.7264 19.3127L17.2737 20.6873L21.6773 25.3414C22.4848 26.1949 22.9935 27.3799 23 28.7017V31V40H23.0001V44H25.0001V28.7276L25 28.6972V24.0715C25 22.8385 25.5926 21.682 26.63 20.8115L32.6428 15.7661L31.3572 14.234L25.3444 19.2794C25.2261 19.3787 25.1112 19.4815 25 19.5875Z" fill="#003060" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 3C16.4846 3 10 9.5434 10 17.6001H12C12 10.634 17.6031 5 24.5 5C31.3969 5 37 10.634 37 17.6001C37 22.1623 34.5963 26.1544 31 28.3657V30.6553C35.747 28.2545 39 23.3082 39 17.6001C39 9.5434 32.5154 3 24.5 3Z" fill="#DE0000" />
</svg>
</span> Sustainability
</a>
</li>
</ul>
</div>
</div>
<div class="sds-btnGroup">
<div class="d-none d-lg-flex">
<a href="" class="sds-btn -btnPrimary flex-shrink-0">
<span class="sds-btn__text">S-Net</span>
</a>
</div>
<div class="d-lg-none">
<a href="" class="sds-btn -btnPrimary flex-shrink-0">
<span class="sds-btn__text">Devenir Client</span>
</a>
</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>
</nav>
</div>
</div>
<div class="sds-header__subNav">
<div class="sds-header__subNavContainer">
<nav class="sds-overflowNav">
<div class="sds-overflowNav__logo 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-overflowNav__menuWrapper" data-sds-gradient-overflow-h>
<div class="sds-overflowNav__menu" data-sds-gradient-overflow-h-wrapper>
<div class="sds-overflowNav__menuInner" data-sds-gradient-overflow-h-inner>
<ul class="sds-overflowNav__list list-unstyled">
<li class="sds-overflowNav__item -isActive">
<a href="" class="sds-overflowNav__link">
Gérer le quotidien
<span class="sr-only">Current Page</span>
</a>
</li>
<li class="sds-overflowNav__item">
<a href="" class="sds-overflowNav__link">
Financer
</a>
</li>
<li class="sds-overflowNav__item">
<a href="" class="sds-overflowNav__link">
Epargner & Investir
</a>
</li>
</ul>
<ul class="sds-overflowNav__list list-unstyled">
<li class="sds-overflowNav__item">
<a href="" class="sds-overflowNav__link">
Infos & aide
</a>
</li>
<li class="sds-overflowNav__item">
<a href="" class="sds-overflowNav__link">
Outils
</a>
</li>
<li class="sds-overflowNav__item">
<a href="" class="sds-overflowNav__link">
Luxfunds
</a>
</li>
</ul>
</div>
</div>
</div>
<a href="" class="sds-btn -btnSecondary sds-overflowNav__cta">
<span class="sds-btn__text">Devenir client</span>
</a>
</nav>
</div>
</div>
</header>
</div>
<main class="sds-pageLayout__main" id="main">
<div class="sds-pageLayout__mainTop">
<section class="sds-section -sectionSunken">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stackXl">
<div class="sds-comparisonTable">
<div class="sds-comparisonTable__stickyHeader d-flex sds-staticInlineSm position-sticky sds-stickySm d-md-none" data-reacts-to-headroom>
<div class="flex-grow-1">
<div class="sds-box -insetMd sds-shadowInteraction">
<button class="w-100 d-flex sds-staticInlineSm align-items-center justify-content-between text-left" type="button" data-toggle="modal" data-target="#comparisonTableModal">
<div class="sds-label">
Zebra
</div>
<span class="sds-btn -iconBtn -btnSecondary -btnSmall stretched-link">
<span class="sds-icon sds-icon-chevrondown"></span>
</span>
</button>
</div>
</div>
<div class="flex-grow-1">
<div class="sds-box -insetMd sds-shadowInteraction">
<button class="w-100 d-flex sds-staticInlineSm align-items-center justify-content-between text-left" type="button" data-toggle="modal" data-target="#comparisonTableModal">
<div class="sds-label">
Zebra Premium
</div>
<span class="sds-btn -iconBtn -btnSecondary -btnSmall stretched-link">
<span class="sds-icon sds-icon-chevrondown"></span>
</span>
</button>
</div>
</div>
</div>
<div data-sds-gradient-overflow-h>
<div data-sds-gradient-overflow-h-wrapper>
<div data-sds-gradient-overflow-h-inner>
<div class="table-responsive">
<table class="table table-borderless">
<thead class="sds-comparisonTable__header">
<tr>
<th class="align-bottom" rowspan="2">
<div class="h3">Caractéristiques</div>
</th>
<th class="sds-box -boxSunken sds-comparisonTable__dimensionCell align-top text-center" id="product-1">
<div class="sds-comparisonTable__img sds-box__outOfBoundsMd">
<img src="../../media/spuerkeess-site/components/product/cards/sdsillu-product-card-classic.png" alt="" class="img-fluid">
</div>
<div class="sds-stackXs">
<div class="d-none d-md-block h4">Visa Classic</div>
<div class="sds-fontBase">
<div class="sds-amount -amountSm">
<span class="sds-amount__value">24,00</span>
<span class="sds-amount__currency">€</span>
</div>
<div class="sds-amount -amountSm sds-comparisonTable__meta">
<span class="sds-amount__value">/ année</span>
</div>
<div class="sds-comparisonTable__meta sds-textHelperSmall">
0 € avec package Zebra Premium
</div>
</div>
</div>
</th>
<th class="sds-box -boxSunken sds-comparisonTable__dimensionCell align-top text-center" id="product-2">
<div class="sds-comparisonTable__img sds-box__outOfBoundsMd">
<img src="../../media/spuerkeess-site/components/product/cards/sdsillu-product-card-classic.png" alt="" class="img-fluid">
</div>
<div class="sds-stackXs">
<div class="d-none d-md-block h4">Visa Premier</div>
<div class="sds-fontBase">
<div class="sds-amount -amountSm">
<span class="sds-amount__value">70,00</span>
<span class="sds-amount__currency">€</span>
</div>
<div class="sds-amount -amountSm sds-comparisonTable__meta">
<span class="sds-amount__value">/ année</span>
</div>
<div class="sds-comparisonTable__meta sds-textHelperSmall">
0 € avec package Zebra Premium
</div>
</div>
</div>
</th>
<th class="sds-box -boxSunken sds-comparisonTable__dimensionCell align-top text-center -hidden" id="product-3">
<div class="sds-comparisonTable__img sds-box__outOfBoundsMd">
<img src="../../media/spuerkeess-site/components/product/cards/sdsillu-product-card-classic.png" alt="" class="img-fluid">
</div>
<div class="sds-stackXs">
<div class="d-none d-md-block h4">Miles & More Luxair Visa</div>
<div class="sds-fontBase">
<div class="sds-amount -amountSm">
<span class="sds-amount__value">230,00</span>
<span class="sds-amount__currency">€</span>
</div>
<div class="sds-amount -amountSm sds-comparisonTable__meta">
<span class="sds-amount__value">/ année</span>
</div>
<div class="sds-comparisonTable__meta sds-textHelperSmall">
140 € avec package Zebra Premium
</div>
</div>
</div>
</th>
<th class="sds-box -boxSunken sds-comparisonTable__dimensionCell align-top text-center -hidden" id="product-3">
<div class="sds-comparisonTable__img sds-box__outOfBoundsMd">
<img src="../../media/spuerkeess-site/components/product/cards/sdsillu-product-card-classic.png" alt="" class="img-fluid">
</div>
<div class="sds-stackXs">
<div class="d-none d-md-block h4">Visa Infinite</div>
<div class="sds-fontBase">
<div class="sds-amount -amountSm">
<span class="sds-amount__value">350,00</span>
<span class="sds-amount__currency">€</span>
</div>
<div class="sds-amount -amountSm sds-comparisonTable__meta">
<span class="sds-amount__value">/ année</span>
</div>
<div class="sds-comparisonTable__meta sds-textHelperSmall">
-
</div>
</div>
</div>
</th>
</tr>
<tr>
<th class="sds-box -boxSunken sds-comparisonTable__dimensionCell text-center">
<a href="" class="sds-btn -btnPrimary -btnSmall -block">
<span class="sds-btn__text">Cartes de crédit</span>
</a>
</th>
<th class="sds-box -boxSunken sds-comparisonTable__dimensionCell text-center">
<a href="" class="sds-btn -btnPrimary -btnSmall -block">
<span class="sds-btn__text">Cartes de crédit</span>
</a>
</th>
<th class="sds-box -boxSunken sds-comparisonTable__dimensionCell text-center -hidden">
<a href="" class="sds-btn -btnPrimary -btnSmall -block">
<span class="sds-btn__text">Miles & More</span>
</a>
</th>
<th class="sds-box -boxSunken sds-comparisonTable__dimensionCell text-center -hidden">
<a href="" class="sds-btn -btnPrimary -btnSmall -block">
<span class="sds-btn__text">Visa infinite</span>
</a>
</th>
</tr>
</thead>
<tbody class="sds-comparisonTable__body">
<tr class="sds-comparisonTable__hoveredRow">
<th>
<div class="sds-comparisonTable__rowTitle d-flex">
<span class="sds-icon sds-icon-transaction"></span> <span>Virements (Eurotransfert) gratuits</span>
</div>
</th>
<td class="sds-comparisonTable__dimensionCell" headers="product-1" data-th-content="Virements (Eurotransfert) gratuits"><span class="sds-circle -valid"></span> <sup><a href="#comparison-table-footnote-disclaimer-1"> 1 </a></sup> <span class="sr-only">Disponible</span></td>
<td class="sds-comparisonTable__dimensionCell" headers="product-2" data-th-content="Virements (Eurotransfert) gratuits"><span class="sds-circle -valid"></span> <sup><a href="#comparison-table-footnote-disclaimer-2"> 2 </a></sup><span class="sr-only">Disponible</span></td>
<td class="sds-comparisonTable__dimensionCell -hidden" headers="product-3" data-th-content="Virements (Eurotransfert) gratuits"><span class="sds-circle -valid"></span> <span class="sr-only">Disponible</span></td>
<td class="sds-comparisonTable__dimensionCell -hidden" headers="product-3" data-th-content="Virements (Eurotransfert) gratuits"><span class="sds-circle -valid"></span> <span class="sr-only">Disponible</span></td>
</tr>
<tr class="sds-comparisonTable__hoveredRow">
<th>
<div class="sds-comparisonTable__rowTitle d-flex">
<span class="sds-icon sds-icon-sbank"></span> <span>Cartes de débit</span>
</div>
</th>
<td class="sds-comparisonTable__dimensionCell" headers="product-1" data-th-content="Cartes de débit"><span class="sds-circle -valid"></span> <sup><a href="#comparison-table-footnote-disclaimer-3"> 3 </a></sup> <span class="sr-only">Disponible</span></td>
<td class="sds-comparisonTable__dimensionCell" headers="product-2" data-th-content="Cartes de débit"><span class="sds-circle -valid"></span> <span class="sr-only">Disponible</span></td>
<td class="sds-comparisonTable__dimensionCell -hidden" headers="product-3" data-th-content="Cartes de débit"><span class="sds-circle -valid"></span> <span class="sr-only">Disponible</span></td>
<td class="sds-comparisonTable__dimensionCell -hidden" headers="product-3" data-th-content="Cartes de débit"><span class="sds-circle -valid"></span> <span class="sr-only">Disponible</span></td>
</tr>
<tr class="sds-comparisonTable__hoveredRow">
<th>
<div class="sds-comparisonTable__rowTitle d-flex">
<span class="sds-icon sds-icon-sbank"></span> <span>Cartes de crédit</span>
</div>
</th>
<td class="sds-comparisonTable__dimensionCell sds-comparisonTable__disabled" headers="product-1" data-th-content="Cartes de crédit">
<s>Not available</s>
</td>
<td class="sds-comparisonTable__dimensionCell" headers="product-2" data-th-content="Cartes de crédit"><span class="sds-circle -disabled"></span> <span class="sr-only">Non disponible</span></td>
<td class="sds-comparisonTable__dimensionCell -hidden" headers="product-3" data-th-content="Cartes de crédit">{ Label }</td>
<td class="sds-comparisonTable__dimensionCell -hidden" headers="product-3" data-th-content="Cartes de crédit">{ Label }</td>
</tr>
<tr>
<td class="sds-comparisonTable__nestedCell" colspan="5">
<div class="sds-outOfBounds">
<div id="collapse_section_two" class="collapse">
<table class="table table-borderless">
<tbody class="sds-comparisonTable__body">
<tr class="sds-comparisonTable__hoveredRow">
<th>
<div class="sds-comparisonTable__rowTitle d-flex">
<span class="sds-icon sds-icon-graphgauge"></span> <span>Retrait d'espèces en EUR/mois sur distributeurs tiers en UE sans application de frais Spuerkeess</span>
</div>
</th>
<td class="sds-comparisonTable__dimensionCell" headers="product-1" data-th-content="Retrait d'espèces en EUR/mois sur distributeurs tiers en UE sans application de frais Spuerkeess"><span class="sds-circle -valid"></span> <span class="sr-only">Disponible</span></td>
<td class="sds-comparisonTable__dimensionCell" headers="product-2" data-th-content="Retrait d'espèces en EUR/mois sur distributeurs tiers en UE sans application de frais Spuerkeess"><span class="sds-circle -valid"></span> <span class="sr-only">Disponible</span></td>
<td class="sds-comparisonTable__dimensionCell -hidden" headers="product-3" data-th-content="Retrait d'espèces en EUR/mois sur distributeurs tiers en UE sans application de frais Spuerkeess"><span class="sds-circle -valid"></span> <span class="sr-only">Disponible</span></td>
<td class="sds-comparisonTable__dimensionCell -hidden" headers="product-3" data-th-content="Retrait d'espèces en EUR/mois sur distributeurs tiers en UE sans application de frais Spuerkeess"><span class="sds-circle -valid"></span> <span class="sr-only">Disponible</span></td>
</tr>
<tr class="sds-comparisonTable__hoveredRow">
<th>
<div class="sds-comparisonTable__rowTitle d-flex">
<span class="sds-icon sds-icon-vacation"></span> <span>Traitements automatisés TUP gratuit/mois</span>
</div>
</th>
<td class="sds-comparisonTable__dimensionCell" headers="product-1" data-th-content="Traitements automatisés TUP gratuit/mois">{ Label }</td>
<td class="sds-comparisonTable__dimensionCell" headers="product-2" data-th-content="Traitements automatisés TUP gratuit/mois">{ Multi line label Multi line label }</td>
<td class="sds-comparisonTable__dimensionCell -hidden" headers="product-3" data-th-content="Traitements automatisés TUP gratuit/mois">Retard > 4 h. : 500 € | Prolongation > 24 h. : 150 € / jour pendant 7 jours avec max. 1.050 € </td>
<td class="sds-comparisonTable__dimensionCell -hidden" headers="product-3" data-th-content="Traitements automatisés TUP gratuit/mois">advanced 5</td>
</tr>
<tr class="sds-comparisonTable__hoveredRow">
<th>
<div class="sds-comparisonTable__rowTitle d-flex">
<span class="sds-icon sds-icon-business"></span> <span>Conditions préférentielles sur crédits et garanties</span>
</div>
</th>
<td class="sds-comparisonTable__dimensionCell" headers="product-1" data-th-content="Conditions préférentielles sur crédits et garanties">Free 6</td>
<td class="sds-comparisonTable__dimensionCell" headers="product-2" data-th-content="Conditions préférentielles sur crédits et garanties">Basic 6</td>
<td class="sds-comparisonTable__dimensionCell -hidden" headers="product-3" data-th-content="Conditions préférentielles sur crédits et garanties">advanced 6</td>
<td class="sds-comparisonTable__dimensionCell -hidden" headers="product-3" data-th-content="Conditions préférentielles sur crédits et garanties">advanced 6</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="sds-comparisonTable__footer text-center">
<button type="button" class="sds-btn -iconBtn -btnSecondary -ghost sds-comparisonTable__toggle" data-toggle="collapse" data-target="#collapse_section_two">
<span class="sds-icon sds-icon-chevrondown"></span>
</button>
</div>
</div>
</div>
<div class="sds-stackMd">
<p class="sds-formDisclaimer -insetHorizLg" id="comparison-table-footnote-disclaimer-1">
<sup>1</sup> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<p class="sds-formDisclaimer -insetHorizLg" id="comparison-table-footnote-disclaimer-2">
<sup>2</sup> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</p>
<p class="sds-formDisclaimer -insetHorizLg" id="comparison-table-footnote-disclaimer-3">
<sup>3</sup> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt
</p>
</div>
</div>
<div class="sds-modal modal fade" id="comparisonTableModal" aria-hidden="true" tabindex="-1">
<div class="sds-modal__dialog modal-dialog modal-dialog-centered">
<div class="sds-modal__content modal-content">
<div class="sds-modal__header modal-header">
<div class="sds-modal__title modal-title">Comparer produits</div>
<button type="button" class="sds-btn -iconBtn -btnSecondary -ghost sds-modal__close" data-dismiss="modal" aria-label="Close">
<span class="sds-icon sds-icon-close"></span>
</button>
</div>
<div class="sds-modal__body modal-body">
<div class="row row-sm">
<div class="col-6">
<button type="button" class="sds-navigationTile sds-box -justifyInlineStart" aria-pressed="false">
<div class="sds-media -mediaSm -mediaHasBg -mediaRounded">
<img src="../../media/spuerkeess-site/components/product/cards/sdsillu-product-card-premier.png" alt="">
</div>
<div class="sds-label sds-textHelperSmall">
Visa Débit
</div>
</button>
</div>
<div class="col-6">
<button type="button" class="sds-navigationTile sds-box -justifyInlineStart" aria-pressed="true">
<div class="sds-media -mediaSm -mediaHasBg -mediaRounded">
<img src="../../media/spuerkeess-site/components/product/cards/sdsillu-product-card-classic.png" alt="">
</div>
<div class="sds-label sds-textHelperSmall">
Visa Classic
</div>
</button>
</div>
<div class="col-6">
<button type="button" class="sds-navigationTile sds-box -justifyInlineStart" aria-pressed="false">
<div class="sds-media -mediaSm -mediaHasBg -mediaRounded">
<img src="../../media/spuerkeess-site/components/product/cards/sdsillu-product-card-premier.png" alt="">
</div>
<div class="sds-label sds-textHelperSmall">
Visa Premier
</div>
</button>
</div>
<div class="col-6">
<button type="button" class="sds-navigationTile sds-box -justifyInlineStart" aria-pressed="false">
<div class="sds-media -mediaSm -mediaHasBg -mediaRounded">
<img src="../../media/spuerkeess-site/components/product/cards/sdsillu-product-card-miles&more.png" alt="">
</div>
<div class="sds-label sds-textHelperSmall">
Miles & More
</div>
</button>
</div>
<div class="col-6">
<button type="button" class="sds-navigationTile sds-box -justifyInlineStart" aria-pressed="true">
<div class="sds-media -mediaSm -mediaHasBg -mediaRounded">
<img src="../../media/spuerkeess-site/components/product/cards/sdsillu-product-card-infinite.png" alt="">
</div>
<div class="sds-label sds-textHelperSmall">
Visa Infinite
</div>
</button>
</div>
</div>
</div>
<div class="sds-modal__footer modal-footer">
<button type="button" class="sds-btn -btnPrimary -block" data-dismiss="modal">
<span class="sds-btn__text">Comparer</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -sectionSunken -sectionInverted">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container sds-stackLg">
<ul class="sds-contextualList list-unstyled" id="contextualListAccordion">
<li class="sds-contextualList__item" id="contextualListItem-1">
<button type="button" data-scope-wrapper="box" data-scope="sunken" class="sds-contextualList__action" data-toggle="collapse" data-target="#contextualListCollapse-1" aria-controls="contextualListCollapse-1" aria-expanded="true">
<span class="sds-btn -iconBtn -btnSecondary -btnSmall sds-contextualList__actionIcon" aria-hidden="true">
<span class="sds-icon sds-icon-plus"></span>
</span>
<span class="sds-contextualList__actionText">Accordion collapse item</span>
</button>
<div data-scope-wrapper="box" data-scope="flat" class="sds-contextualList__collapse collapse show" id="contextualListCollapse-1" data-parent="#contextualListAccordion" aria-labelledby="contextualListItem-11">
<div class="sds-contextualList__collapseInner sds-stripContainerPadding">
<div class="container">
collapse content
</div>
</div>
</div>
</li>
<li class="sds-contextualList__item" id="contextualListItem-2">
<button type="button" data-scope-wrapper="box" data-scope="sunken" class="sds-contextualList__action" data-toggle="collapse" data-target="#contextualListCollapse-2" aria-controls="contextualListCollapse-2" aria-expanded="false">
<span class="sds-btn -iconBtn -btnSecondary -btnSmall sds-contextualList__actionIcon" aria-hidden="true">
<span class="sds-icon sds-icon-plus"></span>
</span>
<span class="sds-contextualList__actionText">Que faire si je ne connais plus le code PIN de ma carte bancaire ?</span>
</button>
<div data-scope-wrapper="box" data-scope="flat" class="sds-contextualList__collapse collapse" id="contextualListCollapse-2" data-parent="#contextualListAccordion" aria-labelledby="contextualListItem-22">
<div class="sds-contextualList__collapseInner sds-stripContainerPadding">
<div class="container">
collapse content
</div>
</div>
</div>
</li>
<li class="sds-contextualList__item" id="contextualListItem-3">
<button type="button" data-scope-wrapper="box" data-scope="sunken" class="sds-contextualList__action" data-toggle="collapse" data-target="#contextualListCollapse-3" aria-controls="contextualListCollapse-3" aria-expanded="false">
<span class="sds-btn -iconBtn -btnSecondary -btnSmall sds-contextualList__actionIcon" aria-hidden="true">
<span class="sds-icon sds-icon-plus"></span>
</span>
<span class="sds-contextualList__actionText">Quelle est la limite mensuelle de ma carte de crédit et comment l'augmenter ?</span>
</button>
<div data-scope-wrapper="box" data-scope="flat" class="sds-contextualList__collapse collapse" id="contextualListCollapse-3" data-parent="#contextualListAccordion" aria-labelledby="contextualListItem-33">
<div class="sds-contextualList__collapseInner sds-stripContainerPadding">
<div class="container">
collapse content
</div>
</div>
</div>
</li>
<li class="sds-contextualList__item" id="contextualListItem-4">
<button type="button" data-scope-wrapper="box" data-scope="sunken" class="sds-contextualList__action" data-toggle="collapse" data-target="#contextualListCollapse-4" aria-controls="contextualListCollapse-4" aria-expanded="false">
<span class="sds-btn -iconBtn -btnSecondary -btnSmall sds-contextualList__actionIcon" aria-hidden="true">
<span class="sds-icon sds-icon-plus"></span>
</span>
<span class="sds-contextualList__actionText">Que faire en cas d’oubli du code secret de ma carte de paiement ?</span>
</button>
<div data-scope-wrapper="box" data-scope="flat" class="sds-contextualList__collapse collapse" id="contextualListCollapse-4" data-parent="#contextualListAccordion" aria-labelledby="contextualListItem-44">
<div class="sds-contextualList__collapseInner sds-stripContainerPadding">
<div class="container">
collapse content
</div>
</div>
</div>
</li>
<li class="sds-contextualList__item" id="contextualListItem-5">
<button type="button" data-scope-wrapper="box" data-scope="sunken" class="sds-contextualList__action" data-toggle="collapse" data-target="#contextualListCollapse-5" aria-controls="contextualListCollapse-5" aria-expanded="false">
<span class="sds-btn -iconBtn -btnSecondary -btnSmall sds-contextualList__actionIcon" aria-hidden="true">
<span class="sds-icon sds-icon-plus"></span>
</span>
<span class="sds-contextualList__actionText">Recommandations en matière de sécurité des cartes de paiements</span>
</button>
<div data-scope-wrapper="box" data-scope="flat" class="sds-contextualList__collapse collapse" id="contextualListCollapse-5" data-parent="#contextualListAccordion" aria-labelledby="contextualListItem-55">
<div class="sds-contextualList__collapseInner sds-stripContainerPadding">
<div class="container">
collapse content
</div>
</div>
</div>
</li>
</ul>
<ul class="sds-contextualList list-unstyled">
<li class="sds-contextualList__item">
<a data-scope-wrapper="box" data-scope="sunken" href="" class="sds-contextualList__action">
<span class="sds-btn -iconBtn -btnSecondary -btnSmall sds-contextualList__actionIcon" aria-hidden="true">
<span class="sds-icon sds-icon-arrownext"></span>
</span>
<span class="sds-contextualList__actionText">Que faire en cas de perte ou de vol de ma carte de paiement ?</span>
</a>
</li>
<li class="sds-contextualList__item">
<a data-scope-wrapper="box" data-scope="sunken" href="" class="sds-contextualList__action">
<span class="sds-btn -iconBtn -btnSecondary -btnSmall sds-contextualList__actionIcon" aria-hidden="true">
<span class="sds-icon sds-icon-arrownext"></span>
</span>
<span class="sds-contextualList__actionText">Que faire si je ne connais plus le code PIN de ma carte bancaire ?</span>
</a>
</li>
<li class="sds-contextualList__item">
<a data-scope-wrapper="box" data-scope="sunken" href="" class="sds-contextualList__action">
<span class="sds-btn -iconBtn -btnSecondary -btnSmall sds-contextualList__actionIcon" aria-hidden="true">
<span class="sds-icon sds-icon-arrownext"></span>
</span>
<span class="sds-contextualList__actionText">Quelle est la limite mensuelle de ma carte de crédit et comment l'augmenter ?</span>
</a>
</li>
<li class="sds-contextualList__item">
<a data-scope-wrapper="box" data-scope="sunken" href="" class="sds-contextualList__action">
<span class="sds-btn -iconBtn -btnSecondary -btnSmall sds-contextualList__actionIcon" aria-hidden="true">
<span class="sds-icon sds-icon-arrownext"></span>
</span>
<span class="sds-contextualList__actionText">Que faire en cas d’oubli du code secret de ma carte de paiement ?</span>
</a>
</li>
<li class="sds-contextualList__item">
<a data-scope-wrapper="box" data-scope="sunken" href="" class="sds-contextualList__action">
<span class="sds-btn -iconBtn -btnSecondary -btnSmall sds-contextualList__actionIcon" aria-hidden="true">
<span class="sds-icon sds-icon-arrownext"></span>
</span>
<span class="sds-contextualList__actionText">Recommandations en matière de sécurité des cartes de paiements</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="sds-section">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-checkbox custom-control custom-checkbox">
<input value="checkbox-value" type="checkbox" name="" class="sr-only custom-control-input " id="default"><span class="sds-checkboxDot sds-checkbox__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="default">Check this custom checkbox</label>
<div class="sds-checkbox__error invalid-feedback">Error message</div>
</div>
<div class="sds-stackLg">
<div class="h4">La société est-elle domiciliée?</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-1-soc-dom" class="sr-only custom-control-input " id="radio-step-1-soc-dom-1" checked><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-1-soc-dom-1">
Oui
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-1-soc-dom" class="sr-only custom-control-input " id="radio-step-1-soc-dom-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-1-soc-dom-2">
Non
</label>
</div>
</li>
</ul>
</div>
<div class="sds-section__textColor">
<p>text inside content section</p>
<div class="sds-input">
<input id="" class="sds-input form-control" type="text" placeholder="Entrez une communication" value="">
<div class="sds-input__hint">Votre plage horaire est comprise entre 7:00 et 19:00</div>
</div>
<div class="sds-select">
<select id="" class="sds-select form-control">
<option value="opt-0">Option 1</option>
<option value="opt-1">Option 2</option>
<option value="opt-2">Option 3</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
<div class="sds-advancedSelectItem">
<span class="sds-advancedSelectItem__img">
<img src="https://cdn.imagin.studio/getImage?&=&customer=spuerkeess&make=opel&modelFamily=mokka-e&modelRange=mokka-e&modelVariant=od&modelYear=2021&powerTrain=fossil&transmission=0&bodySize=5&trim=0&paintId=pspc0068&angle=23&width=120&zoomType=fullscreen" alt="">
</span>
<div class="sds-advancedSelectItem__content">
<p>Jeep</p>
<p class="sds-advancedSelectItem__meta sds-textHelper">Cooper SE</p>
</div>
</div>
<div class="sds-advancedSelect">
<div class="dropdown">
<button type="button" class="sds-advancedSelectItem" data-toggle="dropdown" data-offset="0,8" data-display="static">
<span class="sds-advancedSelectItem__img">
<img src="https://cdn.imagin.studio/getImage?&=&customer=spuerkeess&make=opel&modelFamily=mokka-e&modelRange=mokka-e&modelVariant=od&modelYear=2021&powerTrain=fossil&transmission=0&bodySize=5&trim=0&paintId=pspc0068&angle=23&width=120&zoomType=fullscreen" alt="">
</span>
<div class="sds-advancedSelectItem__content">
<p>Jeep</p>
<p class="sds-advancedSelectItem__meta sds-textHelper">Cooper SE</p>
</div>
<span class="sds-advancedSelectItem__icon sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</button>
<div class="w-100 dropdown-menu dropdown-menu-inset-md dropdown-scroll-height-md">
<ul class="list-unstyled sds-stackSm -stackBorder">
<li>
<div class="sds-outOfBounds">
<button type="button" class="sds-advancedSelectItem">
<span class="sds-advancedSelectItem__img">
<img src="https://cdn.imagin.studio/getImage?&=&customer=spuerkeess&make=opel&modelFamily=mokka-e&modelRange=mokka-e&modelVariant=od&modelYear=2021&powerTrain=fossil&transmission=0&bodySize=5&trim=0&paintId=pspc0068&angle=23&width=120&zoomType=fullscreen" alt="">
</span>
<div class="sds-advancedSelectItem__content">
<p>Jeep</p>
<p class="sds-advancedSelectItem__meta sds-textHelper">Cooper SE</p>
</div>
</button>
</div>
</li>
<li>
<div class="sds-outOfBounds">
<button type="button" class="sds-advancedSelectItem" disabled="true">
<span class="sds-advancedSelectItem__img">
<img src="https://cdn.imagin.studio/getImage?&=&customer=spuerkeess&make=opel&modelFamily=mokka-e&modelRange=mokka-e&modelVariant=od&modelYear=2021&powerTrain=fossil&transmission=0&bodySize=5&trim=0&paintId=pspc0068&angle=23&width=120&zoomType=fullscreen" alt="">
</span>
<div class="sds-advancedSelectItem__content">
<p>Jeep</p>
<p class="sds-advancedSelectItem__meta sds-textHelper">Cooper SE</p>
</div>
</button>
</div>
</li>
<li>
<div class="sds-outOfBounds">
<button type="button" class="sds-advancedSelectItem">
<span class="sds-advancedSelectItem__img">
<img src="https://cdn.imagin.studio/getImage?&=&customer=spuerkeess&make=opel&modelFamily=mokka-e&modelRange=mokka-e&modelVariant=od&modelYear=2021&powerTrain=fossil&transmission=0&bodySize=5&trim=0&paintId=pspc0068&angle=23&width=120&zoomType=fullscreen" alt="">
</span>
<div class="sds-advancedSelectItem__content">
<p>Jeep</p>
<p class="sds-advancedSelectItem__meta sds-textHelper">Cooper SE</p>
</div>
</button>
</div>
</li>
<li>
<div class="sds-outOfBounds">
<button type="button" class="sds-advancedSelectItem">
<span class="sds-advancedSelectItem__img">
<img src="https://cdn.imagin.studio/getImage?&=&customer=spuerkeess&make=opel&modelFamily=mokka-e&modelRange=mokka-e&modelVariant=od&modelYear=2021&powerTrain=fossil&transmission=0&bodySize=5&trim=0&paintId=pspc0068&angle=23&width=120&zoomType=fullscreen" alt="">
</span>
<div class="sds-advancedSelectItem__content">
<p>Jeep</p>
<p class="sds-advancedSelectItem__meta sds-textHelper">Cooper SE</p>
</div>
</button>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="sds-stackLg">
<button type="button" class="sds-btn -btnSecondary">
<span class="sds-btn__text">button text</span>
</button>
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">button text</span>
</button>
<div class="sds-box -insetLg sds-stackLg">
<p>text inside box</p>
<button type="button" class="sds-btn -btnSecondary">
<span class="sds-btn__text">button text</span>
</button>
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">button text</span>
</button>
<button type="button" class="sds-btn -btnPrimary">
<span class="sds-btn__text">button text</span>
</button>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="frame-type-apartbcee_highlightedarticles">
<section class="sds-section">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="sds-stack3xl">
<div class="container">
<div class="sds-heroHeading">
<h1 class="sds-heroHeading__separator sds-heroHeading__main">Logement</h1>
<p class="sds-heroHeading__sub h1">Heading subtext</p>
</div>
</div>
<div class="container">
<div class="sds-highlightedArticleList">
<ul class="sds-highlightedArticleList__row list-unstyled row -gap align-items-stretch-immediate flex-nowrap">
<li class="sds-highlightedArticleList__item col">
<div class="sds-highlightedArticle sds-box -shapeBridge">
<img src="../../media/spuerkeess-site/components/contextual-page-block/article-highlight-sitting-dude.jpg" alt="" class="sds-highlightedArticle__img">
<div class="sds-highlightedArticle__box">
<div class="sds-highlightedArticle__shape" data-shape-bridge aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="1675" height="2709" viewBox="0 0 1675 2709" fill="none">
<g clip-path="url(#a)">
<path fill="#fff" fill-rule="evenodd" d="M1673.38 826.705C1673.38 370.449 1299.03 0 836.263 0 374.563 0 0 370.449 0 826.705l.642 872.365c141.197 57.62 280.896 120.23 418.56 188.13l-1.606-1060.495c0-228.711 187.549-414.2 418.667-414.2 231.757 0 419.097 185.489 419.097 414.2l1.5 1560.185c143.98 101.81 283.78 209.33 417.91 321.72l-1.39-1881.905Z" clip-rule="evenodd" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h1675v2709H0z" />
</clipPath>
</defs>
</svg>
</div>
<div class="sds-highlightedArticle__text sds-stackXl">
<h2 class="sds-highlightedArticle__title h2">Financez votre projet écologiquement responsable à un taux avantageux</h2>
<p class="sds-highlightedArticle__description sds-textEllipsisSm">Bénéficiez d'un taux avantageux pour financer votre projet.Bénéficiez d'un taux avantageux pour financer votre projet.Bénéficiez d'un taux avantageux pour financer votre projet.</p>
<a href="" class="sds-btn -btnSecondary stretched-link">
<span class="sds-btn__text">Découvrir ecoprêt</span>
<span class="sds-icon sds-icon-arrownext"></span>
</a>
</div>
</div>
</div>
</li>
<li class="sds-highlightedArticleList__item col">
<div class="sds-highlightedArticle sds-box">
<img src="../../media/spuerkeess-site/components/contextual-page-block/article-highlight-sitting-dude.jpg" alt="" class="sds-highlightedArticle__img">
<div class="sds-highlightedArticle__box">
<div class="sds-highlightedArticle__text sds-stackXl">
<h2 class="sds-highlightedArticle__title h4">Financez votre projet écologiquement responsable à un taux avantageux</h2>
<p class="sds-highlightedArticle__description sds-textEllipsisSm">Bénéficiez d'un taux avantageux pour financer votre projet.Bénéficiez d'un taux avantageux pour financer votre projet.Bénéficiez d'un taux avantageux pour financer votre projet.</p>
</div>
<a href="" class="sds-btn -iconBtn -btnSecondary stretched-link">
<span class="sds-icon sds-icon-arrownext"></span>
<div class="sr-only">Découvrir écoprêt</div>
</a>
</div>
</div>
</li>
<li class="sds-highlightedArticleList__item col">
<div class="sds-highlightedArticle sds-box">
<img src="../../media/spuerkeess-site/components/contextual-page-block/article-highlight-sitting-dude.jpg" alt="" class="sds-highlightedArticle__img">
<div class="sds-highlightedArticle__box">
<div class="sds-highlightedArticle__text sds-stackXl">
<h2 class="sds-highlightedArticle__title h4">Financez votre projet écologiquement responsable à un taux avantageux</h2>
<p class="sds-highlightedArticle__description sds-textEllipsisSm">Bénéficiez d'un taux avantageux pour financer votre projet.Bénéficiez d'un taux avantageux pour financer votre projet.Bénéficiez d'un taux avantageux pour financer votre projet.</p>
</div>
<a href="" class="sds-btn -iconBtn -btnSecondary stretched-link">
<span class="sds-icon sds-icon-arrownext"></span>
<div class="sr-only">Découvrir écoprêt</div>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<section class="sds-section -sectionSunken -sectionInverted">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="sds-stack3xl">
<div class="container">
<div class="sds-spotSelectListWrapper">
<ul class="sds-spotSelectList list-unstyled row">
<li class="col">
<div class="sds-spotSelect sds-showCustomIndicatorHover ">
<input type="radio" id="spotSelect-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>
<img src="../../media/illustrative-icons/sdsillu-differentcardsb.svg" alt="">
<div class="sds-spotSelect__inner sds-stackMd">
<div class="sds-spotSelect__text">
<div class="sds-spotSelect__title">
<div class="sds-textSemiBold">
<label class="sds-spotSelect__checkItemLabel" for="spotSelect-1">Gérer le quotidien</label>
</div>
</div>
<p><label class="sds-spotSelect__checkItemLabel" for="spotSelect-1">Ouvrir un compte courant et epargne ou obtenir une nouvelle carte bancaire.</label></p>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="col">
<div class="sds-spotSelect sds-showCustomIndicatorHover ">
<input type="radio" id="spotSelect-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>
<img src="../../media/illustrative-icons/sdsillu-differentcardsb.svg" alt="">
<div class="sds-spotSelect__inner sds-stackMd">
<div class="sds-spotSelect__text">
<div class="sds-spotSelect__title">
<div class="sds-textSemiBold">
<label class="sds-spotSelect__checkItemLabel" for="spotSelect-1">Gérer le quotidien</label>
</div>
</div>
<p><label class="sds-spotSelect__checkItemLabel" for="spotSelect-1">Ouvrir un compte courant et epargne ou obtenir une nouvelle carte bancaire.</label></p>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="col">
<div class="sds-spotSelect sds-showCustomIndicatorHover ">
<input type="radio" id="spotSelect-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>
<img src="../../media/illustrative-icons/sdsillu-differentcardsb.svg" alt="">
<div class="sds-spotSelect__inner sds-stackMd">
<div class="sds-spotSelect__text">
<div class="sds-spotSelect__title">
<div class="sds-textSemiBold">
<label class="sds-spotSelect__checkItemLabel" for="spotSelect-1">Gérer le quotidien</label>
</div>
</div>
<p><label class="sds-spotSelect__checkItemLabel" for="spotSelect-1">Ouvrir un compte courant et epargne ou obtenir une nouvelle carte bancaire.</label></p>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="col">
<div class="sds-spotSelect sds-showCustomIndicatorHover ">
<input type="radio" id="spotSelect-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>
<img src="../../media/illustrative-icons/sdsillu-differentcardsb.svg" alt="">
<div class="sds-spotSelect__inner sds-stackMd">
<div class="sds-spotSelect__text">
<div class="sds-spotSelect__title">
<div class="sds-textSemiBold">
<label class="sds-spotSelect__checkItemLabel" for="spotSelect-1">Gérer le quotidien</label>
</div>
</div>
<p><label class="sds-spotSelect__checkItemLabel" for="spotSelect-1">Ouvrir un compte courant et epargne ou obtenir une nouvelle carte bancaire.</label></p>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="col">
<div class="sds-spotSelect sds-showCustomIndicatorHover ">
<input type="radio" id="spotSelect-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>
<img src="../../media/illustrative-icons/sdsillu-differentcardsb.svg" alt="">
<div class="sds-spotSelect__inner sds-stackMd">
<div class="sds-spotSelect__text">
<div class="sds-spotSelect__title">
<div class="sds-textSemiBold">
<label class="sds-spotSelect__checkItemLabel" for="spotSelect-1">Gérer le quotidien</label>
</div>
</div>
<p><label class="sds-spotSelect__checkItemLabel" for="spotSelect-1">Ouvrir un compte courant et epargne ou obtenir une nouvelle carte bancaire.</label></p>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="sds-spotSelectListWrapper__errorMessage invalid-feedback">
error message
</div>
</div>
</div>
<div class="container">
<div class="sds-range">
<div class="sds-range__body">
<input type="range" class="custom-range" id="range-input-1" value="12" min="10" max="24">
</div>
<div class="sds-range__footer">
<span class="sds-range__min">
<span>10</span>
</span>
<span class="sds-range__max">
<span>24</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-contentBox -info -outline">
<div class="sds-contentBox__text sds-stackSm">
<div class="h4">Pour ce type de rendez-vous, seule votre d’agence d’affectation est disponible.</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stackXl">
<h2 class="h2">
Vous souhaitez effectuer une simulation, prendre un rendez-vous ou consulter un document ?
<span class="sds-headingLight">Spuerkeess vous propose un éventail d'outils digitaux.</span>
</h2>
<div class="row">
<div class="col-12 col-md-6 col-lg-3">
<a href="#" class="sds-iconLinkBox">
<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 class="sds-iconLinkBox__badge">
<div class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</div>
</div>
</div>
</a>
</div>
<div class="col-12 col-md-6 col-lg-3">
<a href="#" class="sds-iconLinkBox">
<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 class="sds-iconLinkBox__badge">
<div class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</div>
</div>
</div>
</a>
</div>
<div class="col-12 col-md-6 col-lg-3">
<a href="#" class="sds-iconLinkBox">
<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 class="sds-iconLinkBox__badge">
<div class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</div>
</div>
</div>
</a>
</div>
<div class="col-12 col-md-6 col-lg-3">
<a href="#" class="sds-iconLinkBox">
<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 class="sds-iconLinkBox__badge">
<div class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -sectionSunken">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
</div>
</div>
</div>
</section>
<section class="sds-section -sectionSunken">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-quote">
<blockquote class="sds-quote__textContent">
<p class="sds-quote__text">Donc, avec mon client, il s’agit de bien analyser quelle partie de son capital il pourra investir sans qu’il se retrouve dans la situation de devoir y recourir aux moments d’imprévus.</p>
<cite class="sds-quote__author">Claude Folschette</cite>
</blockquote>
<a href="" class="sds-btn -btnSecondary">
<span class="sds-icon sds-icon-socialtwitter"></span>
<span class="sds-btn__text">Tweet</span>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -sectionSunken">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stackXl">
<div class="h2">Comment pouvons-nous vous accompagner ?</div>
<nav class="sds-decisionHelp" data-js-decision-help-nav>
<div class="sds-decisionHelp__collapse collapse fade show">
<div class="sds-decisionHelp__stepLabel">
<div class="sds-label -large -noBottomSpacing">
Je suis
</div>
</div>
<div class="sds-scrollToNav sds-slider" data-js-scroll-to-nav>
<!-- adjust row class for spacing between slides here -->
<div class="row row-xs no-bottom-gutter align-items-start">
<div class="sds-decisionHelp__inner sds-slider__inner swiper sds-scrollToNav__inner" data-js-scroll-to-nav-swiper>
<!-- Additional required wrapper -->
<!-- adjust row class for spacing between slides here -->
<ul class="sds-scrollToNav__innerWrapper swiper-wrapper list-unstyled row row-xs align-items-stretch-immediate no-bottom-gutter flex-nowrap" data-js-decision-help-button-row>
<li class="swiper-slide col">
<button type="button" class="sds-decisionHelp__item sds-scrollToNav__item" aria-pressed="false" data-toggle="collapse" data-target=".sds-decisionHelp__collapse">
<div class="sds-navigationTile sds-box -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img 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="M47 12L35 12L35 10L47 10L47 12Z" fill="#DE0000" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M27 12L1 12V10H27V12ZM31.4 16H27.2267L22.3161 24.3866L25.073 23.2374C25.4889 23.064 25.9461 22.9677 26.4284 22.9677C28.3744 22.9677 29.95 24.5431 29.95 26.4839C29.95 28.4247 28.3744 30 26.4284 30C25.0608 30 23.874 29.2218 23.2901 28.0811L21.5098 28.9923C22.4227 30.776 24.2819 32 26.4284 32C29.4768 32 31.95 29.5315 31.95 26.4839C31.95 23.5049 29.5868 21.0791 26.6333 20.9715L28.3732 18H31.4V16ZM1 38H47V36H1V38ZM40.3185 15.4462L35.5952 22.5484C34.8454 23.5332 34.4 24.7576 34.4 26.0895C34.4 29.3709 37.1038 32 40.4007 32C43.6975 32 46.4014 29.3709 46.4014 26.0895C46.4014 22.8082 43.6975 20.179 40.4007 20.179C40.1058 20.179 39.8157 20.2 39.5319 20.2407L41.9839 16.5538L40.3185 15.4462ZM40.4007 30C42.6274 30 44.4014 28.2322 44.4014 26.0895C44.4014 23.9469 42.6274 22.179 40.4007 22.179C38.1739 22.179 36.4 23.9469 36.4 26.0895C36.4 28.2322 38.1739 30 40.4007 30ZM7.00014 16H5.01071L2.21045 19.6045L3.78984 20.8315L5.00014 19.2736V32H7.00014V16ZM14.1999 30.0001C15.9672 30.0001 17.3999 28.5674 17.3999 26.8C17.3999 25.0354 15.9716 23.6044 14.2079 23.6C14.2053 23.6 14.2026 23.6 14.2 23.6C14.1973 23.6 14.1946 23.6 14.1919 23.6C12.4283 23.6043 10.9999 25.0354 10.9999 26.8C10.9999 28.5674 12.4326 30.0001 14.1999 30.0001ZM11.4282 22.3995C10.7905 21.7198 10.4 20.8055 10.4 19.8C10.4 17.7013 12.1013 16 14.2 16C16.2987 16 18 17.7013 18 19.8C18 20.8056 17.6094 21.7199 16.9717 22.3996C18.4308 23.3205 19.3999 24.9471 19.3999 26.8C19.3999 29.6719 17.0718 32.0001 14.1999 32.0001C11.328 32.0001 8.99986 29.6719 8.99986 26.8C8.99986 24.9471 9.96906 23.3204 11.4282 22.3995ZM14.1929 21.6C13.202 21.5962 12.4 20.7918 12.4 19.8C12.4 18.8059 13.2059 18 14.2 18C15.1941 18 16 18.8059 16 19.8C16 20.7918 15.1979 21.5962 14.207 21.6C14.2046 21.6 14.2023 21.6 14.1999 21.6C14.1976 21.6 14.1952 21.6 14.1929 21.6Z" fill="#003060" />
</svg>
</span>
<div class="sds-label sds-textHelperSmall">
Pour l'environnement
</div>
</div>
</button>
</li>
<li class="swiper-slide col">
<button type="button" class="sds-decisionHelp__item sds-scrollToNav__item" aria-pressed="false" data-toggle="collapse" data-target=".sds-decisionHelp__collapse">
<div class="sds-navigationTile sds-box -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img 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="M47 12L35 12L35 10L47 10L47 12Z" fill="#DE0000" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M27 12L1 12V10H27V12ZM31.4 16H27.2267L22.3161 24.3866L25.073 23.2374C25.4889 23.064 25.9461 22.9677 26.4284 22.9677C28.3744 22.9677 29.95 24.5431 29.95 26.4839C29.95 28.4247 28.3744 30 26.4284 30C25.0608 30 23.874 29.2218 23.2901 28.0811L21.5098 28.9923C22.4227 30.776 24.2819 32 26.4284 32C29.4768 32 31.95 29.5315 31.95 26.4839C31.95 23.5049 29.5868 21.0791 26.6333 20.9715L28.3732 18H31.4V16ZM1 38H47V36H1V38ZM40.3185 15.4462L35.5952 22.5484C34.8454 23.5332 34.4 24.7576 34.4 26.0895C34.4 29.3709 37.1038 32 40.4007 32C43.6975 32 46.4014 29.3709 46.4014 26.0895C46.4014 22.8082 43.6975 20.179 40.4007 20.179C40.1058 20.179 39.8157 20.2 39.5319 20.2407L41.9839 16.5538L40.3185 15.4462ZM40.4007 30C42.6274 30 44.4014 28.2322 44.4014 26.0895C44.4014 23.9469 42.6274 22.179 40.4007 22.179C38.1739 22.179 36.4 23.9469 36.4 26.0895C36.4 28.2322 38.1739 30 40.4007 30ZM7.00014 16H5.01071L2.21045 19.6045L3.78984 20.8315L5.00014 19.2736V32H7.00014V16ZM14.1999 30.0001C15.9672 30.0001 17.3999 28.5674 17.3999 26.8C17.3999 25.0354 15.9716 23.6044 14.2079 23.6C14.2053 23.6 14.2026 23.6 14.2 23.6C14.1973 23.6 14.1946 23.6 14.1919 23.6C12.4283 23.6043 10.9999 25.0354 10.9999 26.8C10.9999 28.5674 12.4326 30.0001 14.1999 30.0001ZM11.4282 22.3995C10.7905 21.7198 10.4 20.8055 10.4 19.8C10.4 17.7013 12.1013 16 14.2 16C16.2987 16 18 17.7013 18 19.8C18 20.8056 17.6094 21.7199 16.9717 22.3996C18.4308 23.3205 19.3999 24.9471 19.3999 26.8C19.3999 29.6719 17.0718 32.0001 14.1999 32.0001C11.328 32.0001 8.99986 29.6719 8.99986 26.8C8.99986 24.9471 9.96906 23.3204 11.4282 22.3995ZM14.1929 21.6C13.202 21.5962 12.4 20.7918 12.4 19.8C12.4 18.8059 13.2059 18 14.2 18C15.1941 18 16 18.8059 16 19.8C16 20.7918 15.1979 21.5962 14.207 21.6C14.2046 21.6 14.2023 21.6 14.1999 21.6C14.1976 21.6 14.1952 21.6 14.1929 21.6Z" fill="#003060" />
</svg>
</span>
<div class="sds-label sds-textHelperSmall">
Pour l'environnement
</div>
</div>
</button>
</li>
<li class="swiper-slide col">
<button type="button" class="sds-decisionHelp__item sds-scrollToNav__item" aria-pressed="false" data-toggle="collapse" data-target=".sds-decisionHelp__collapse">
<div class="sds-navigationTile sds-box -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img 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="M47 12L35 12L35 10L47 10L47 12Z" fill="#DE0000" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M27 12L1 12V10H27V12ZM31.4 16H27.2267L22.3161 24.3866L25.073 23.2374C25.4889 23.064 25.9461 22.9677 26.4284 22.9677C28.3744 22.9677 29.95 24.5431 29.95 26.4839C29.95 28.4247 28.3744 30 26.4284 30C25.0608 30 23.874 29.2218 23.2901 28.0811L21.5098 28.9923C22.4227 30.776 24.2819 32 26.4284 32C29.4768 32 31.95 29.5315 31.95 26.4839C31.95 23.5049 29.5868 21.0791 26.6333 20.9715L28.3732 18H31.4V16ZM1 38H47V36H1V38ZM40.3185 15.4462L35.5952 22.5484C34.8454 23.5332 34.4 24.7576 34.4 26.0895C34.4 29.3709 37.1038 32 40.4007 32C43.6975 32 46.4014 29.3709 46.4014 26.0895C46.4014 22.8082 43.6975 20.179 40.4007 20.179C40.1058 20.179 39.8157 20.2 39.5319 20.2407L41.9839 16.5538L40.3185 15.4462ZM40.4007 30C42.6274 30 44.4014 28.2322 44.4014 26.0895C44.4014 23.9469 42.6274 22.179 40.4007 22.179C38.1739 22.179 36.4 23.9469 36.4 26.0895C36.4 28.2322 38.1739 30 40.4007 30ZM7.00014 16H5.01071L2.21045 19.6045L3.78984 20.8315L5.00014 19.2736V32H7.00014V16ZM14.1999 30.0001C15.9672 30.0001 17.3999 28.5674 17.3999 26.8C17.3999 25.0354 15.9716 23.6044 14.2079 23.6C14.2053 23.6 14.2026 23.6 14.2 23.6C14.1973 23.6 14.1946 23.6 14.1919 23.6C12.4283 23.6043 10.9999 25.0354 10.9999 26.8C10.9999 28.5674 12.4326 30.0001 14.1999 30.0001ZM11.4282 22.3995C10.7905 21.7198 10.4 20.8055 10.4 19.8C10.4 17.7013 12.1013 16 14.2 16C16.2987 16 18 17.7013 18 19.8C18 20.8056 17.6094 21.7199 16.9717 22.3996C18.4308 23.3205 19.3999 24.9471 19.3999 26.8C19.3999 29.6719 17.0718 32.0001 14.1999 32.0001C11.328 32.0001 8.99986 29.6719 8.99986 26.8C8.99986 24.9471 9.96906 23.3204 11.4282 22.3995ZM14.1929 21.6C13.202 21.5962 12.4 20.7918 12.4 19.8C12.4 18.8059 13.2059 18 14.2 18C15.1941 18 16 18.8059 16 19.8C16 20.7918 15.1979 21.5962 14.207 21.6C14.2046 21.6 14.2023 21.6 14.1999 21.6C14.1976 21.6 14.1952 21.6 14.1929 21.6Z" fill="#003060" />
</svg>
</span>
<div class="sds-label sds-textHelperSmall">
Pour l'environnement
</div>
</div>
</button>
</li>
<li class="swiper-slide col">
<button type="button" class="sds-decisionHelp__item sds-scrollToNav__item" aria-pressed="false" data-toggle="collapse" data-target=".sds-decisionHelp__collapse">
<div class="sds-navigationTile sds-box -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img 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="M47 12L35 12L35 10L47 10L47 12Z" fill="#DE0000" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M27 12L1 12V10H27V12ZM31.4 16H27.2267L22.3161 24.3866L25.073 23.2374C25.4889 23.064 25.9461 22.9677 26.4284 22.9677C28.3744 22.9677 29.95 24.5431 29.95 26.4839C29.95 28.4247 28.3744 30 26.4284 30C25.0608 30 23.874 29.2218 23.2901 28.0811L21.5098 28.9923C22.4227 30.776 24.2819 32 26.4284 32C29.4768 32 31.95 29.5315 31.95 26.4839C31.95 23.5049 29.5868 21.0791 26.6333 20.9715L28.3732 18H31.4V16ZM1 38H47V36H1V38ZM40.3185 15.4462L35.5952 22.5484C34.8454 23.5332 34.4 24.7576 34.4 26.0895C34.4 29.3709 37.1038 32 40.4007 32C43.6975 32 46.4014 29.3709 46.4014 26.0895C46.4014 22.8082 43.6975 20.179 40.4007 20.179C40.1058 20.179 39.8157 20.2 39.5319 20.2407L41.9839 16.5538L40.3185 15.4462ZM40.4007 30C42.6274 30 44.4014 28.2322 44.4014 26.0895C44.4014 23.9469 42.6274 22.179 40.4007 22.179C38.1739 22.179 36.4 23.9469 36.4 26.0895C36.4 28.2322 38.1739 30 40.4007 30ZM7.00014 16H5.01071L2.21045 19.6045L3.78984 20.8315L5.00014 19.2736V32H7.00014V16ZM14.1999 30.0001C15.9672 30.0001 17.3999 28.5674 17.3999 26.8C17.3999 25.0354 15.9716 23.6044 14.2079 23.6C14.2053 23.6 14.2026 23.6 14.2 23.6C14.1973 23.6 14.1946 23.6 14.1919 23.6C12.4283 23.6043 10.9999 25.0354 10.9999 26.8C10.9999 28.5674 12.4326 30.0001 14.1999 30.0001ZM11.4282 22.3995C10.7905 21.7198 10.4 20.8055 10.4 19.8C10.4 17.7013 12.1013 16 14.2 16C16.2987 16 18 17.7013 18 19.8C18 20.8056 17.6094 21.7199 16.9717 22.3996C18.4308 23.3205 19.3999 24.9471 19.3999 26.8C19.3999 29.6719 17.0718 32.0001 14.1999 32.0001C11.328 32.0001 8.99986 29.6719 8.99986 26.8C8.99986 24.9471 9.96906 23.3204 11.4282 22.3995ZM14.1929 21.6C13.202 21.5962 12.4 20.7918 12.4 19.8C12.4 18.8059 13.2059 18 14.2 18C15.1941 18 16 18.8059 16 19.8C16 20.7918 15.1979 21.5962 14.207 21.6C14.2046 21.6 14.2023 21.6 14.1999 21.6C14.1976 21.6 14.1952 21.6 14.1929 21.6Z" fill="#003060" />
</svg>
</span>
<div class="sds-label sds-textHelperSmall">
Pour l'environnement
</div>
</div>
</button>
</li>
</ul>
<div class="sds-scrollToNav__prev swiper-button-prev"></div>
<div class="sds-scrollToNav__next swiper-button-next"></div>
</div>
</div>
<div class="sds-scrollToNav__fakeInteraction" aria-hidden="true"></div>
</div>
</div>
<div class="sds-decisionHelp__collapse collapse fade">
<div class="sds-decisionHelp__stepLabel">
<div class="position-relative sds-btnGroup -medium align-items-stretch d-inline-flex">
<button type="button" class="sds-btn -iconBtn -btnSecondary stretched-link" data-toggle="collapse" data-target=".sds-decisionHelp__collapse">
<span class="sds-icon sds-icon-arrowprevious"></span>
<div class="sr-only">Retour à l'étape précédente</div>
</button>
<div class="d-flex align-items-center">
<div class="sds-label -large -noBottomSpacing">
Je suis <strong class=sds-label__underlined>Jeune et Actif</strong> et je recherche
</div>
</div>
</div>
</div>
<div class="sds-scrollToNav sds-slider" data-js-scroll-to-nav>
<!-- adjust row class for spacing between slides here -->
<div class="row row-xs no-bottom-gutter align-items-start">
<div class="sds-decisionHelp__inner sds-slider__inner swiper sds-scrollToNav__inner" data-js-scroll-to-nav-swiper>
<!-- Additional required wrapper -->
<!-- adjust row class for spacing between slides here -->
<ul class="sds-scrollToNav__innerWrapper swiper-wrapper list-unstyled row row-xs align-items-stretch-immediate no-bottom-gutter flex-nowrap">
<li class="swiper-slide col">
<div class="sds-decisionHelp__item sds-scrollToNav__item">
<a href="" class="sds-navigationTile sds-box -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img 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="M47 12L35 12L35 10L47 10L47 12Z" fill="#DE0000" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M27 12L1 12V10H27V12ZM31.4 16H27.2267L22.3161 24.3866L25.073 23.2374C25.4889 23.064 25.9461 22.9677 26.4284 22.9677C28.3744 22.9677 29.95 24.5431 29.95 26.4839C29.95 28.4247 28.3744 30 26.4284 30C25.0608 30 23.874 29.2218 23.2901 28.0811L21.5098 28.9923C22.4227 30.776 24.2819 32 26.4284 32C29.4768 32 31.95 29.5315 31.95 26.4839C31.95 23.5049 29.5868 21.0791 26.6333 20.9715L28.3732 18H31.4V16ZM1 38H47V36H1V38ZM40.3185 15.4462L35.5952 22.5484C34.8454 23.5332 34.4 24.7576 34.4 26.0895C34.4 29.3709 37.1038 32 40.4007 32C43.6975 32 46.4014 29.3709 46.4014 26.0895C46.4014 22.8082 43.6975 20.179 40.4007 20.179C40.1058 20.179 39.8157 20.2 39.5319 20.2407L41.9839 16.5538L40.3185 15.4462ZM40.4007 30C42.6274 30 44.4014 28.2322 44.4014 26.0895C44.4014 23.9469 42.6274 22.179 40.4007 22.179C38.1739 22.179 36.4 23.9469 36.4 26.0895C36.4 28.2322 38.1739 30 40.4007 30ZM7.00014 16H5.01071L2.21045 19.6045L3.78984 20.8315L5.00014 19.2736V32H7.00014V16ZM14.1999 30.0001C15.9672 30.0001 17.3999 28.5674 17.3999 26.8C17.3999 25.0354 15.9716 23.6044 14.2079 23.6C14.2053 23.6 14.2026 23.6 14.2 23.6C14.1973 23.6 14.1946 23.6 14.1919 23.6C12.4283 23.6043 10.9999 25.0354 10.9999 26.8C10.9999 28.5674 12.4326 30.0001 14.1999 30.0001ZM11.4282 22.3995C10.7905 21.7198 10.4 20.8055 10.4 19.8C10.4 17.7013 12.1013 16 14.2 16C16.2987 16 18 17.7013 18 19.8C18 20.8056 17.6094 21.7199 16.9717 22.3996C18.4308 23.3205 19.3999 24.9471 19.3999 26.8C19.3999 29.6719 17.0718 32.0001 14.1999 32.0001C11.328 32.0001 8.99986 29.6719 8.99986 26.8C8.99986 24.9471 9.96906 23.3204 11.4282 22.3995ZM14.1929 21.6C13.202 21.5962 12.4 20.7918 12.4 19.8C12.4 18.8059 13.2059 18 14.2 18C15.1941 18 16 18.8059 16 19.8C16 20.7918 15.1979 21.5962 14.207 21.6C14.2046 21.6 14.2023 21.6 14.1999 21.6C14.1976 21.6 14.1952 21.6 14.1929 21.6Z" fill="#003060" />
</svg>
</span>
<div class="sds-label sds-textHelperSmall">
Pour l'environnement
</div>
</a>
</div>
</li>
<li class="swiper-slide col">
<div class="sds-decisionHelp__item sds-scrollToNav__item">
<a href="" class="sds-navigationTile sds-box -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img 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="M47 12L35 12L35 10L47 10L47 12Z" fill="#DE0000" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M27 12L1 12V10H27V12ZM31.4 16H27.2267L22.3161 24.3866L25.073 23.2374C25.4889 23.064 25.9461 22.9677 26.4284 22.9677C28.3744 22.9677 29.95 24.5431 29.95 26.4839C29.95 28.4247 28.3744 30 26.4284 30C25.0608 30 23.874 29.2218 23.2901 28.0811L21.5098 28.9923C22.4227 30.776 24.2819 32 26.4284 32C29.4768 32 31.95 29.5315 31.95 26.4839C31.95 23.5049 29.5868 21.0791 26.6333 20.9715L28.3732 18H31.4V16ZM1 38H47V36H1V38ZM40.3185 15.4462L35.5952 22.5484C34.8454 23.5332 34.4 24.7576 34.4 26.0895C34.4 29.3709 37.1038 32 40.4007 32C43.6975 32 46.4014 29.3709 46.4014 26.0895C46.4014 22.8082 43.6975 20.179 40.4007 20.179C40.1058 20.179 39.8157 20.2 39.5319 20.2407L41.9839 16.5538L40.3185 15.4462ZM40.4007 30C42.6274 30 44.4014 28.2322 44.4014 26.0895C44.4014 23.9469 42.6274 22.179 40.4007 22.179C38.1739 22.179 36.4 23.9469 36.4 26.0895C36.4 28.2322 38.1739 30 40.4007 30ZM7.00014 16H5.01071L2.21045 19.6045L3.78984 20.8315L5.00014 19.2736V32H7.00014V16ZM14.1999 30.0001C15.9672 30.0001 17.3999 28.5674 17.3999 26.8C17.3999 25.0354 15.9716 23.6044 14.2079 23.6C14.2053 23.6 14.2026 23.6 14.2 23.6C14.1973 23.6 14.1946 23.6 14.1919 23.6C12.4283 23.6043 10.9999 25.0354 10.9999 26.8C10.9999 28.5674 12.4326 30.0001 14.1999 30.0001ZM11.4282 22.3995C10.7905 21.7198 10.4 20.8055 10.4 19.8C10.4 17.7013 12.1013 16 14.2 16C16.2987 16 18 17.7013 18 19.8C18 20.8056 17.6094 21.7199 16.9717 22.3996C18.4308 23.3205 19.3999 24.9471 19.3999 26.8C19.3999 29.6719 17.0718 32.0001 14.1999 32.0001C11.328 32.0001 8.99986 29.6719 8.99986 26.8C8.99986 24.9471 9.96906 23.3204 11.4282 22.3995ZM14.1929 21.6C13.202 21.5962 12.4 20.7918 12.4 19.8C12.4 18.8059 13.2059 18 14.2 18C15.1941 18 16 18.8059 16 19.8C16 20.7918 15.1979 21.5962 14.207 21.6C14.2046 21.6 14.2023 21.6 14.1999 21.6C14.1976 21.6 14.1952 21.6 14.1929 21.6Z" fill="#003060" />
</svg>
</span>
<div class="sds-label sds-textHelperSmall">
Pour l'environnement
</div>
</a>
</div>
</li>
<li class="swiper-slide col">
<div class="sds-decisionHelp__item sds-scrollToNav__item">
<a href="" class="sds-navigationTile sds-box -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img 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="M47 12L35 12L35 10L47 10L47 12Z" fill="#DE0000" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M27 12L1 12V10H27V12ZM31.4 16H27.2267L22.3161 24.3866L25.073 23.2374C25.4889 23.064 25.9461 22.9677 26.4284 22.9677C28.3744 22.9677 29.95 24.5431 29.95 26.4839C29.95 28.4247 28.3744 30 26.4284 30C25.0608 30 23.874 29.2218 23.2901 28.0811L21.5098 28.9923C22.4227 30.776 24.2819 32 26.4284 32C29.4768 32 31.95 29.5315 31.95 26.4839C31.95 23.5049 29.5868 21.0791 26.6333 20.9715L28.3732 18H31.4V16ZM1 38H47V36H1V38ZM40.3185 15.4462L35.5952 22.5484C34.8454 23.5332 34.4 24.7576 34.4 26.0895C34.4 29.3709 37.1038 32 40.4007 32C43.6975 32 46.4014 29.3709 46.4014 26.0895C46.4014 22.8082 43.6975 20.179 40.4007 20.179C40.1058 20.179 39.8157 20.2 39.5319 20.2407L41.9839 16.5538L40.3185 15.4462ZM40.4007 30C42.6274 30 44.4014 28.2322 44.4014 26.0895C44.4014 23.9469 42.6274 22.179 40.4007 22.179C38.1739 22.179 36.4 23.9469 36.4 26.0895C36.4 28.2322 38.1739 30 40.4007 30ZM7.00014 16H5.01071L2.21045 19.6045L3.78984 20.8315L5.00014 19.2736V32H7.00014V16ZM14.1999 30.0001C15.9672 30.0001 17.3999 28.5674 17.3999 26.8C17.3999 25.0354 15.9716 23.6044 14.2079 23.6C14.2053 23.6 14.2026 23.6 14.2 23.6C14.1973 23.6 14.1946 23.6 14.1919 23.6C12.4283 23.6043 10.9999 25.0354 10.9999 26.8C10.9999 28.5674 12.4326 30.0001 14.1999 30.0001ZM11.4282 22.3995C10.7905 21.7198 10.4 20.8055 10.4 19.8C10.4 17.7013 12.1013 16 14.2 16C16.2987 16 18 17.7013 18 19.8C18 20.8056 17.6094 21.7199 16.9717 22.3996C18.4308 23.3205 19.3999 24.9471 19.3999 26.8C19.3999 29.6719 17.0718 32.0001 14.1999 32.0001C11.328 32.0001 8.99986 29.6719 8.99986 26.8C8.99986 24.9471 9.96906 23.3204 11.4282 22.3995ZM14.1929 21.6C13.202 21.5962 12.4 20.7918 12.4 19.8C12.4 18.8059 13.2059 18 14.2 18C15.1941 18 16 18.8059 16 19.8C16 20.7918 15.1979 21.5962 14.207 21.6C14.2046 21.6 14.2023 21.6 14.1999 21.6C14.1976 21.6 14.1952 21.6 14.1929 21.6Z" fill="#003060" />
</svg>
</span>
<div class="sds-label sds-textHelperSmall">
Pour l'environnement
</div>
</a>
</div>
</li>
<li class="swiper-slide col">
<div class="sds-decisionHelp__item sds-scrollToNav__item">
<a href="" class="sds-navigationTile sds-box -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img 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="M47 12L35 12L35 10L47 10L47 12Z" fill="#DE0000" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M27 12L1 12V10H27V12ZM31.4 16H27.2267L22.3161 24.3866L25.073 23.2374C25.4889 23.064 25.9461 22.9677 26.4284 22.9677C28.3744 22.9677 29.95 24.5431 29.95 26.4839C29.95 28.4247 28.3744 30 26.4284 30C25.0608 30 23.874 29.2218 23.2901 28.0811L21.5098 28.9923C22.4227 30.776 24.2819 32 26.4284 32C29.4768 32 31.95 29.5315 31.95 26.4839C31.95 23.5049 29.5868 21.0791 26.6333 20.9715L28.3732 18H31.4V16ZM1 38H47V36H1V38ZM40.3185 15.4462L35.5952 22.5484C34.8454 23.5332 34.4 24.7576 34.4 26.0895C34.4 29.3709 37.1038 32 40.4007 32C43.6975 32 46.4014 29.3709 46.4014 26.0895C46.4014 22.8082 43.6975 20.179 40.4007 20.179C40.1058 20.179 39.8157 20.2 39.5319 20.2407L41.9839 16.5538L40.3185 15.4462ZM40.4007 30C42.6274 30 44.4014 28.2322 44.4014 26.0895C44.4014 23.9469 42.6274 22.179 40.4007 22.179C38.1739 22.179 36.4 23.9469 36.4 26.0895C36.4 28.2322 38.1739 30 40.4007 30ZM7.00014 16H5.01071L2.21045 19.6045L3.78984 20.8315L5.00014 19.2736V32H7.00014V16ZM14.1999 30.0001C15.9672 30.0001 17.3999 28.5674 17.3999 26.8C17.3999 25.0354 15.9716 23.6044 14.2079 23.6C14.2053 23.6 14.2026 23.6 14.2 23.6C14.1973 23.6 14.1946 23.6 14.1919 23.6C12.4283 23.6043 10.9999 25.0354 10.9999 26.8C10.9999 28.5674 12.4326 30.0001 14.1999 30.0001ZM11.4282 22.3995C10.7905 21.7198 10.4 20.8055 10.4 19.8C10.4 17.7013 12.1013 16 14.2 16C16.2987 16 18 17.7013 18 19.8C18 20.8056 17.6094 21.7199 16.9717 22.3996C18.4308 23.3205 19.3999 24.9471 19.3999 26.8C19.3999 29.6719 17.0718 32.0001 14.1999 32.0001C11.328 32.0001 8.99986 29.6719 8.99986 26.8C8.99986 24.9471 9.96906 23.3204 11.4282 22.3995ZM14.1929 21.6C13.202 21.5962 12.4 20.7918 12.4 19.8C12.4 18.8059 13.2059 18 14.2 18C15.1941 18 16 18.8059 16 19.8C16 20.7918 15.1979 21.5962 14.207 21.6C14.2046 21.6 14.2023 21.6 14.1999 21.6C14.1976 21.6 14.1952 21.6 14.1929 21.6Z" fill="#003060" />
</svg>
</span>
<div class="sds-label sds-textHelperSmall">
Pour l'environnement
</div>
</a>
</div>
</li>
</ul>
<div class="sds-scrollToNav__prev swiper-button-prev"></div>
<div class="sds-scrollToNav__next swiper-button-next"></div>
</div>
</div>
<div class="sds-scrollToNav__fakeInteraction" aria-hidden="true"></div>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-sm-6">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-relaxingsofa.svg" alt="">
</div>
<div class="col-12 col-sm-6">
<div class="sds-stackXxl">
<div class="sds-stackXl">
<div class="h3">Trois raisons pour devenir client</div>
<div class="sds-featureIconBoxList">
<ul class="sds-featureIconBoxList__inner list-unstyled row row-cols-1">
<li class="sds-featureIconBoxList__col col">
<div class="sds-featureIconBox">
<div class="sds-featureIconBox__inner">
<div class="sds-featureIconBox__innerContent">
<div class="sds-featureIconBox__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="M34.4431 7.38786C33.7562 6.42917 32.5247 5.90539 31.268 6.22159L8.26798 12.0087C6.93463 12.3442 6 13.5431 6 14.918V14.9994C6.83566 14.3717 7.87439 13.9998 9 13.9998H35V9.30902L25.2631 11.9645L24.7368 10.035L34.4431 7.38786ZM4 14.918V18.9998V35.9998C4 38.7612 6.23858 40.9998 9 40.9998H37C39.7614 40.9998 42 38.7612 42 35.9998V34.9998H40V35.9998C40 37.6566 38.6569 38.9998 37 38.9998H9C7.34315 38.9998 6 37.6566 6 35.9998V18.9998C6 17.3429 7.34315 15.9998 9 15.9998H37C38.6569 15.9998 40 17.3429 40 18.9998V19.9998H42V18.9998C42 16.2384 39.7614 13.9998 37 13.9998V9.13091C37 5.87492 33.9375 3.48755 30.78 4.28204L7.77996 10.0691C5.55772 10.6283 4 12.6265 4 14.918Z" fill="#003060" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.5 24H36V22H41.5C44.5376 22 47 24.4624 47 27.5C47 30.5376 44.5376 33 41.5 33H36V31H41.5C43.433 31 45 29.433 45 27.5C45 25.567 43.433 24 41.5 24Z" fill="#DE0000" />
</svg>
</div>
<div class="sds-featureIconBox__text sds-stackXs">
<h4 class="h4">Virements</h4>
<p class="sds-featureIconBox__description">Transactions "Eurotransfert" illimitées et sans frais</p>
</div>
</div>
</div>
</div>
</li>
<li class="sds-featureIconBoxList__col col">
<div class="sds-featureIconBox">
<div class="sds-featureIconBox__inner">
<div class="sds-featureIconBox__innerContent">
<div class="sds-featureIconBox__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="M34.4431 7.38786C33.7562 6.42917 32.5247 5.90539 31.268 6.22159L8.26798 12.0087C6.93463 12.3442 6 13.5431 6 14.918V14.9994C6.83566 14.3717 7.87439 13.9998 9 13.9998H35V9.30902L25.2631 11.9645L24.7368 10.035L34.4431 7.38786ZM4 14.918V18.9998V35.9998C4 38.7612 6.23858 40.9998 9 40.9998H37C39.7614 40.9998 42 38.7612 42 35.9998V34.9998H40V35.9998C40 37.6566 38.6569 38.9998 37 38.9998H9C7.34315 38.9998 6 37.6566 6 35.9998V18.9998C6 17.3429 7.34315 15.9998 9 15.9998H37C38.6569 15.9998 40 17.3429 40 18.9998V19.9998H42V18.9998C42 16.2384 39.7614 13.9998 37 13.9998V9.13091C37 5.87492 33.9375 3.48755 30.78 4.28204L7.77996 10.0691C5.55772 10.6283 4 12.6265 4 14.918Z" fill="#003060" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.5 24H36V22H41.5C44.5376 22 47 24.4624 47 27.5C47 30.5376 44.5376 33 41.5 33H36V31H41.5C43.433 31 45 29.433 45 27.5C45 25.567 43.433 24 41.5 24Z" fill="#DE0000" />
</svg>
</div>
<div class="sds-featureIconBox__text sds-stackXs">
<h4 class="h4">Virements</h4>
<p class="sds-featureIconBox__description">Transactions "Eurotransfert" illimitées et sans frais</p>
</div>
</div>
</div>
</div>
</li>
<li class="sds-featureIconBoxList__col col">
<div class="sds-featureIconBox">
<div class="sds-featureIconBox__inner">
<div class="sds-featureIconBox__innerContent">
<div class="sds-featureIconBox__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="M34.4431 7.38786C33.7562 6.42917 32.5247 5.90539 31.268 6.22159L8.26798 12.0087C6.93463 12.3442 6 13.5431 6 14.918V14.9994C6.83566 14.3717 7.87439 13.9998 9 13.9998H35V9.30902L25.2631 11.9645L24.7368 10.035L34.4431 7.38786ZM4 14.918V18.9998V35.9998C4 38.7612 6.23858 40.9998 9 40.9998H37C39.7614 40.9998 42 38.7612 42 35.9998V34.9998H40V35.9998C40 37.6566 38.6569 38.9998 37 38.9998H9C7.34315 38.9998 6 37.6566 6 35.9998V18.9998C6 17.3429 7.34315 15.9998 9 15.9998H37C38.6569 15.9998 40 17.3429 40 18.9998V19.9998H42V18.9998C42 16.2384 39.7614 13.9998 37 13.9998V9.13091C37 5.87492 33.9375 3.48755 30.78 4.28204L7.77996 10.0691C5.55772 10.6283 4 12.6265 4 14.918Z" fill="#003060" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.5 24H36V22H41.5C44.5376 22 47 24.4624 47 27.5C47 30.5376 44.5376 33 41.5 33H36V31H41.5C43.433 31 45 29.433 45 27.5C45 25.567 43.433 24 41.5 24Z" fill="#DE0000" />
</svg>
</div>
<div class="sds-featureIconBox__text sds-stackXs">
<h4 class="h4">Virements</h4>
<p class="sds-featureIconBox__description">Transactions "Eurotransfert" illimitées et sans frais</p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="sds-btnGroup">
<a href="" class="sds-btn -btnSecondary">
<span class="sds-btn__text">Je centralise mes finances</span>
</a>
<a href="" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Je deviens client</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stackXl">
<h2 class="h2">
Optez pour l’expertise de Spuerkeess
<span class="sds-headingLight">Devenez client depuis votre smartphone - c’est facile et rapide</span>
</h2>
<div class="sds-newMobileVersion">
<div class="row flex-md-row-reverse align-items-center">
<div class="col-12 col-md-7 offset-lg-1">
<img src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-ratingstars.svg" alt="" class="img-fluid">
</div>
<div class="col-12 col-md-5 col-lg-4">
<div class="sds-newMobileVersion__info">
<div class="sds-newMobileVersion__title h3">S-Net Mobile</div>
<div class="sds-newMobileVersion__description sds-textBodyLg sds-wysiwyg">
<p>Emmenez votre banque avec vous et effectuez vos principales opérations bancaires 24h/24 partout dans le monde :</p>
<ul>
<li>
item
</li>
<li>
item
</li>
<li>
item
</li>
<li>
item
</li>
</ul>
</div>
<ul class="sds-newMobileVersion__platforms sds-btnGroup -small -wrap -hasVerticalSpacing list-unstyled">
<li>
<img src="../../media/snet/new-mobile-version/app-store-badge-fr.svg" alt="">
</li>
<li>
<img src="../../media/snet/new-mobile-version/google-play-badge-fr.svg" alt="">
</li>
</ul>
<div class="sds-newMobileVersion__link">
<a href="" class="sds-btnLabelOutside">
<span class="sds-btn -iconBtn -btnPrimary sds-btnLabelOutside__icon stretched-link" aria-labelledby="btn-label">
<span class="sds-icon sds-icon-arrownext"></span>
</span>
<span class="sds-btnLabelOutside__text" id="btn-label">Prendre rendez-vous</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container-fluid">
<div class="sds-pageCover">
<div class="row flex-md-row-reverse align-items-center">
<div class="col-12 col-md-5 col-lg-6">
<div class="sds-pageCover__img">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-packagefull.svg" alt="" aria-hidden="true">
</div>
</div>
<div class="col-12 col-md-7 col-lg-6 d-flex">
<div class="sds-pageCover__textContainer sds-stackXl container-half-xl">
<div class="sds-heroHeading">
<h1 class="sds-heroHeading__separator sds-heroHeading__main">Zebra Premium</h1>
<p class="sds-heroHeading__sub h1">Découvrez l'incontournable compte courant tout compris</p>
</div>
<div class="sds-btnGroup -medium">
<a href="" class="sds-btn -btnSecondary">
<span class="sds-btn__text">Découvrez</span>
</a>
<a href="" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Souscrivez</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -sectionSunken">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="row align-items-stretch-immediate-typo3">
<div class="col-12 col-lg-4">
<div class="frame-default">
<a href="" class="sds-pictureLinkBox sds-box sds-shadowInteraction -isVertical">
<div class="sds-pictureLinkBox__img">
<img class="img-fluid" src="../../media/snet/components/picture-link-box/picture-link-box.jpg" alt="">
</div>
<div class="sds-pictureLinkBox__body">
<div class="sds-pictureLinkBox__text sds-stackMd">
<h3 class="sds-pictureLinkBox__title">Spuerkeess recrute !</h3>
<p class="sds-pictureLinkBox__description">Spuerkeess recherche continuellement des collaborateurs dynamiques et motivés ! Consultez nos offres d'emploi sur mylittlebigstep.lu.</p>
</div>
<div class="sds-pictureLinkBox__action">
<span class="sds-btn -btnSecondary stretched-link">
<span class="sds-btn__text">Postuler</span>
<span class="sds-icon sds-icon-arrownext"></span>
</span>
</div>
</div>
</a>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="frame-default">
<a href="" class="sds-pictureLinkBox sds-box sds-shadowInteraction -isVertical">
<div class="sds-pictureLinkBox__img">
<img class="img-fluid" src="../../media/snet/components/picture-link-box/picture-link-box.jpg" alt="">
</div>
<div class="sds-pictureLinkBox__body">
<div class="sds-pictureLinkBox__text sds-stackMd">
<h3 class="sds-pictureLinkBox__title">Spuerkeess recrute !</h3>
<p class="sds-pictureLinkBox__description">Spuerkeess recherche continuellement des collaborateurs dynamiques et motivés ! Consultez nos offres d'emploi sur mylittlebigstep.lu.</p>
</div>
<div class="sds-pictureLinkBox__action">
<span class="sds-btn -btnSecondary stretched-link">
<span class="sds-btn__text">Postuler</span>
<span class="sds-icon sds-icon-arrownext"></span>
</span>
</div>
</div>
</a>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="frame-default">
<a href="" class="sds-pictureLinkBox sds-box sds-shadowInteraction -isVertical">
<div class="sds-pictureLinkBox__img">
<img class="img-fluid" src="../../media/snet/components/picture-link-box/picture-link-box.jpg" alt="">
</div>
<div class="sds-pictureLinkBox__body">
<div class="sds-pictureLinkBox__text sds-stackMd">
<h3 class="sds-pictureLinkBox__title">Spuerkeess recrute !</h3>
<p class="sds-pictureLinkBox__description">Spuerkeess recherche continuellement des collaborateurs dynamiques et motivés ! Consultez nos offres d'emploi sur mylittlebigstep.lu.</p>
</div>
<div class="sds-pictureLinkBox__action">
<span class="sds-btn -btnSecondary stretched-link">
<span class="sds-btn__text">Postuler</span>
<span class="sds-icon sds-icon-arrownext"></span>
</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -sectionSunken -sectionInverted -overflowHidden">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stack3xl">
<div class="row no-bottom-gutter justify-content-between">
<div class="col col-lg-8 col-xl-6">
<div class="sds-section__textColor sds-stack3xl">
<h2 class="h2">Le blog autour de vos finances</h2>
<p class="sds-textBodyLg">Est-ce que vous souhaitez rester informés en termes de gestion financière ou recevoir de nouvelles idées pour optimiser votre patrimoine ? Découvrez tous nos articles dédiés à l’univers financier !</p>
</div>
</div>
<div class="col-auto sds-relatedArticles__headerBtn">
<a href="" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">Découvrez tous nos articles</span>
<span class="sds-icon sds-icon-arrownext"></span>
</a>
</div>
</div>
<div class="sds-slider -inverted -overflowVisible">
<!-- adjust row class for spacing between slides here -->
<div class="row row-xs no-bottom-gutter align-items-start">
<div class="sds-slider__inner swiper" data-swiper>
<!-- Additional required wrapper -->
<!-- adjust row class for spacing between slides here -->
<ul class="swiper-wrapper row row-xs flex-nowrap align-items-stretch-immediate no-bottom-gutter list-unstyled">
<!-- Slides -->
<li class="swiper-slide col-11 col-sm-8 col-md-5 col-lg-5">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Slide 1</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</li>
<li class="swiper-slide col-11 col-sm-8 col-md-5 col-lg-5">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Slide 2</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</li>
<li class="swiper-slide col-11 col-sm-8 col-md-5 col-lg-5">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Slide 3</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</li>
<li class="swiper-slide col-11 col-sm-8 col-md-5 col-lg-5">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Slide 4</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</li>
<li class="swiper-slide col-11 col-sm-8 col-md-5 col-lg-5">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Slide 5</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</li>
<li class="swiper-slide col-11 col-sm-8 col-md-5 col-lg-5">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Slide 6</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</li>
<li class="swiper-slide col-11 col-sm-8 col-md-5 col-lg-5">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Slide 7</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</li>
<li class="swiper-slide col-11 col-sm-8 col-md-5 col-lg-5">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Slide 8</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</li>
<li class="swiper-slide col-11 col-sm-8 col-md-5 col-lg-5">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Slide 9</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</li>
<li class="swiper-slide col-11 col-sm-8 col-md-5 col-lg-5">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Slide 10</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</li>
<li class="swiper-slide col-11 col-sm-8 col-md-5 col-lg-5">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Slide 11</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</li>
<li class="swiper-slide col-11 col-sm-8 col-md-5 col-lg-5">
<article class="sds-blogArticle sds-box">
<a href="#" class="sds-blogArticle__inner d-flex flex-column flex-grow-1">
<header class="sds-blogArticle__header text-center">
<img class="sds-blogArticle__img" src="../../media/illustrations/images/myTax.jpg" alt="">
<div class="sds-blogArticle__icon">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-rocketship.svg" alt="">
</div>
</header>
<div class="sds-blogArticle__content sds-stackMd text-center">
<div class="sds-stackSm">
<span class="sds-blogArticle__helper sds-textHelperSmall">Aujourd'hui</span>
<div class="sds-blogArticle__subTitle">Entrepreneuriat</div>
<div class="h4 sds-textEllipsisSm">Slide 12</div>
</div>
<p class="sds-blogArticle__text sds-textEllipsisLg">Certains d’entre vous ne se souviennent même pas qu’il existait un temps où il fallait planifier le retrait de devises avant un voyage. Depuis plus de deux décennies, la zone euro nous permet de voyager spontanément. Pour la plupart des destinations européennes, plus besoin de passer à la banque préalablement pour retirer des devises !</p>
</div>
</a>
</article>
</li>
</ul>
<!-- adjust row class for spacing between slides here -->
<nav class="sds-slider__navigation row row-xs">
<div class="col">
<div class="sds-slider__pagination swiper-pagination"></div>
</div>
<div class="col-auto">
<div class="sds-btnGroup">
<button type="button" class="sds-slider__prev swiper-button-prev">
<span class="sds-icon sds-icon-arrowprevious"></span>
</button>
<button type="button" class="sds-slider__next swiper-button-next">
<span class="sds-icon sds-icon-arrownext"></span>
</button>
</div>
</div>
</nav>
</div>
</div>
</div>
<div class="sds-relatedArticles__footerBtn sds-exceptionStackXxl">
<a href="" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">Découvrez tous nos articles</span>
<span class="sds-icon sds-icon-arrownext"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -sectionSunken">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-section__textColor">
<p>text inside content section</p>
</div>
<div class="sds-stackLg">
<button type="button" class="sds-btn -btnSecondary">
<span class="sds-btn__text">button text</span>
</button>
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">button text</span>
</button>
<div class="sds-box -insetLg sds-stackLg">
<p>text inside box</p>
<button type="button" class="sds-btn -btnSecondary">
<span class="sds-btn__text">button text</span>
</button>
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">button text</span>
</button>
</div>
<div class="sds-box -insetLg -boxSunken sds-stackLg">
<p>text inside box</p>
<button type="button" class="sds-btn -btnSecondary">
<span class="sds-btn__text">button text</span>
</button>
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">button text</span>
</button>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -sectionSunken -sectionInverted">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-section__textColor">
<p>text inside content section</p>
</div>
<div class="sds-stackLg">
<button type="button" class="sds-btn -btnSecondary">
<span class="sds-btn__text">button text</span>
</button>
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">button text</span>
</button>
<div class="sds-box -insetLg sds-stackLg">
<p>text inside box</p>
<button type="button" class="sds-btn -btnSecondary">
<span class="sds-btn__text">button text</span>
</button>
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">button text</span>
</button>
</div>
</div>
<div class="sds-contentBox">
<div class="sds-contentBox__text sds-stackSm">
<div class="h3">Pour ce type de rendez-vous, seule votre d’agence d’affectation est disponible.</div>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
</div>
</div>
<a href="" class="sds-contentBox">
<span class="sds-btn -iconBtn -btnSecondary -btnInverse -btnSmall">
<span class="sds-icon sds-icon-arrownext"></span>
</span>
<div class="sds-contentBox__text sds-stackSm">
<div class="h4">Pour ce type de rendez-vous, seule votre d’agence d’affectation est disponible.</div>
</div>
</a>
<div class="sds-contentBox -info">
<div class="sds-contentBox__text sds-stackSm">
<div class="h3">Pour ce type de rendez-vous, seule votre d’agence d’affectation est disponible.</div>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
</div>
</div>
<div class="sds-contentBox -important">
<div class="sds-contentBox__text sds-stackSm">
<div class="h3">Pour ce type de rendez-vous, seule votre d’agence d’affectation est disponible.</div>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
</div>
</div>
<div class="sds-contentBox -success">
<div class="sds-contentBox__text sds-stackSm">
<div class="h3">Pour ce type de rendez-vous, seule votre d’agence d’affectation est disponible.</div>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
</div>
</div>
<div class="sds-contentBox -warning">
<div class="sds-contentBox__text sds-stackSm">
<div class="h3">Pour ce type de rendez-vous, seule votre d’agence d’affectation est disponible.</div>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
</div>
</div>
<a href="" class="sds-contentBox">
<span class="sds-btn -iconBtn -btnSecondary -btnInverse -btnSmall">
<span class="sds-icon sds-icon-arrownext"></span>
</span>
<div class="sds-contentBox__text sds-stackSm">
<div class="h4">Pour ce type de rendez-vous, seule votre d’agence d’affectation est disponible.</div>
</div>
</a>
<a href="" class="sds-document -inverted">
<h3 class="h4">Brochure 'Guide du Prêt au Logement'</h3>
<div class="sds-document__actionZone">
<span class="sds-btn -iconBtn -btnSecondary -btnInverse">
<span class="sds-icon sds-icon-download"></span>
</span>
</div>
</a>
<div class="sds-box -insetLg">
<form action="">
<label class="sds-label" for="">Test</label>
</form>
</div>
</div>
</div>
</div>
</section>
<div data-theme="retail-light">
<section class="sds-section -sectionSunken -overflowHidden">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stackLg">
<div class="sds-leaseSlider sds-slider -overflowVisible -navigationVisible -overflowVisible -inverted">
<!-- adjust row class for spacing between slides here -->
<div class="row row-xs no-bottom-gutter align-items-start">
<div class="sds-slider__inner swiper" data-swiper>
<!-- Additional required wrapper -->
<!-- adjust row class for spacing between slides here -->
<ul class="swiper-wrapper row row-xs flex-nowrap align-items-stretch-immediate no-bottom-gutter list-unstyled">
<!-- Slides -->
<li class="sds-leaseSlider__slide swiper-slide col-10 col-md-8 col-xxl-9">
<div>
<img class="img-fluid" src="https://cdn.imagin.studio/getImage?&=&customer=spuerkeess&make=opel&modelFamily=mokka-e&modelRange=mokka-e&modelVariant=od&modelYear=2021&powerTrain=fossil&transmission=0&bodySize=5&trim=0&paintId=pspc0068&angle=23&width=1200&zoomType=fullscreen" alt="">
</div>
</li>
<li class="sds-leaseSlider__slide swiper-slide col-10 col-md-8 col-xxl-9">
<div>
<img class="img-fluid" src="https://cdn.imagin.studio/getImage?&=&customer=spuerkeess&make=opel&modelFamily=mokka-e&modelRange=mokka-e&modelVariant=od&modelYear=2021&powerTrain=fossil&transmission=0&bodySize=5&trim=0&paintId=pspc0068&angle=21&width=1200&zoomType=fullscreen" alt="">
</div>
</li>
<li class="sds-leaseSlider__slide swiper-slide col-10 col-md-8 col-xxl-9">
<div>
<img class="img-fluid" src="https://cdn.imagin.studio/getImage?&=&customer=spuerkeess&make=opel&modelFamily=mokka-e&modelRange=mokka-e&modelVariant=od&modelYear=2021&powerTrain=fossil&transmission=0&bodySize=5&trim=0&paintId=pspc0068&angle=19&width=1200&zoomType=fullscreen" alt="">
</div>
</li>
<li class="sds-leaseSlider__slide swiper-slide col-10 col-md-8 col-xxl-9">
<div>
<img class="img-fluid" src="https://cdn.imagin.studio/getImage?&=&customer=spuerkeess&make=opel&modelFamily=mokka-e&modelRange=mokka-e&modelVariant=od&modelYear=2021&powerTrain=fossil&transmission=0&bodySize=5&trim=0&paintId=pspc0068&angle=17&width=1200&zoomType=fullscreen" alt="">
</div>
</li>
</ul>
<div class="sds-leaseSlider__navigation">
<div class="row row-xs">
<div class="col-12 position-static">
<p class="sds-formDisclaimer sds-leaseSlider__disclaimer">
Photos non contractuelles
</p>
</div>
</div>
</div>
<!-- adjust row class for spacing between slides here -->
<nav class="sds-leaseSlider__navigation sds-slider__navigation row row-xs flex-nowrap align-items-center">
<div class="col-auto d-none d-md-flex">
<div class="sds-slider__pagination swiper-pagination"></div>
</div>
<div class="sds-leaseSlider__colorOptionsWrapper col">
<div class="sds-leaseSlider__colorNav" data-sds-gradient-overflow-h>
<div class="sds-leaseSlider__colorNavWrapper" data-sds-gradient-overflow-h-wrapper>
<div class="sds-leaseSlider__colorNavInner" data-sds-gradient-overflow-h-inner>
<button type="button" class="sds-badgeSelector sds-leaseSlider__colorSelector -colorOption -labelHiddenMobile" aria-pressed="false">
<span class="sds-colorOption" style="background-color: #000000"></span>
<span class="sds-badgeSelector__text">Noir</span>
</button>
<button type="button" class="sds-badgeSelector sds-leaseSlider__colorSelector -colorOption -labelHiddenMobile" aria-pressed="false">
<span class="sds-colorOption" style="background-color: #E9DB5C"></span>
<span class="sds-badgeSelector__text">Jaune</span>
</button>
<button type="button" class="sds-badgeSelector sds-leaseSlider__colorSelector -colorOption -labelHiddenMobile" aria-pressed="true">
<span class="sds-colorOption" style="background-color: #4D6E90"></span>
<span class="sds-badgeSelector__text">Bleu</span>
</button>
<button type="button" class="sds-badgeSelector sds-leaseSlider__colorSelector -colorOption -labelHiddenMobile" aria-pressed="false">
<span class="sds-colorOption" style="background-color: #22AA77"></span>
<span class="sds-badgeSelector__text">Vert</span>
</button>
</div>
</div>
</div>
</div>
<div class="col col-md-auto">
<div class="row row-xs flex-md-row-reverse flex-nowrap">
<div class="col col-md-auto">
<button type="button" class="sds-btn -btnPrimary -block sds-leaseSlider__action">
<span class="sds-btn__text">Configurer</span>
</button>
</div>
<div class="col-auto">
<div class="sds-btnGroup">
<button type="button" class="sds-btn -iconBtn -btnSecondary swiper-button-prev">
<span class="sds-icon sds-icon-arrowprevious"></span>
</button>
<button type="button" class="sds-btn -iconBtn -btnSecondary swiper-button-next">
<span class="sds-icon sds-icon-arrownext"></span>
</button>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="sds-pageLayout__mainCenter">
<section class="sds-section" id="couponGrid">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="row justify-content-between">
<div class="col-12 col-md-6">
<div class="sds-stackXl">
<div class="sds-coupon sds-stackXl -stackBorder">
<div class="sds-stackXl">
<img class="img-fluid" src="../../media/spuerkeess-site/components/coupons/coupon-logo.png" alt="">
<div class="sds-stackXs">
<div class="sds-textHelperSmall sds-metaColor">Restaurants & Sorties</div>
<div class="h3">Restaurants Pizza Hut</div>
</div>
</div>
<div>
<div class="h1">5%</div>
<div class="h4 sds-headingLight">jusqu'au 29 Février 2024</div>
</div>
<div class="d-flex sds-staticInlineMd">
<span class="sds-circle -valid d-none d-md-flex"></span>
<p class="sds-textBodyLg">- 5% sur le tarif standard des formations individuelles et en groupe</p>
</div>
<div class="sds-stackMd">
<p class="sds-formDisclaimer -medium">
La présente simulation est uniquement fournie à titre indicatif et n'engage nullement la Spuerkeess. Pour une proposition concrète, nous vous prions de vous adresser à une de nos agences, respectivement de présenter une demande en ligne.
</p>
<button type="button" class="sds-helperAction sds-textHelper sds-metaColor sds-staticInlineSm" data-toggle="modal" data-target="#modalID">
<span class="sds-helperAction__icon sds-icon sds-icon-infocircleborder"></span>
<span>Modal link</span>
</button>
</div>
</div>
<div class="sds-coupon sds-stackXl -stackBorder">
<div class="sds-stackXl">
<img class="img-fluid" src="../../media/spuerkeess-site/components/coupons/coupon-logo.png" alt="">
<div class="sds-stackXs">
<div class="sds-textHelperSmall sds-metaColor">Restaurants & Sorties</div>
<div class="h3">Restaurants Pizza Hut</div>
</div>
</div>
<div>
<div class="h1">5%</div>
<div class="h4 sds-headingLight">jusqu'au 29 Février 2024</div>
</div>
<div class="d-flex sds-staticInlineMd">
<span class="sds-circle -valid d-none d-md-flex"></span>
<p class="sds-textBodyLg">- 5% sur le tarif standard des formations individuelles et en groupe</p>
</div>
<div class="sds-stackMd">
<p class="sds-formDisclaimer -medium">
La présente simulation est uniquement fournie à titre indicatif et n'engage nullement la Spuerkeess. Pour une proposition concrète, nous vous prions de vous adresser à une de nos agences, respectivement de présenter une demande en ligne.
</p>
<button type="button" class="sds-helperAction sds-textHelper sds-metaColor sds-staticInlineSm" data-toggle="modal" data-target="#modalID">
<span class="sds-helperAction__icon sds-icon sds-icon-infocircleborder"></span>
<span>Modal link</span>
</button>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-5">
<div class="position-sticky sds-stickyMd" data-reacts-to-headroom>
<div class="sds-couponPartner sds-box -insetLg sds-scaleInteraction sds-stackLg">
<div>
<img src="../../media/spuerkeess-site/components/coupons/coupon-partner.jpg" alt="" class="sds-couponPartner__img img-fluid">
</div>
<div class="sds-exceptionStackXl">
<img src="../../media/spuerkeess-site/components/coupons/coupon-logo.png" alt="" class="img-fluid">
</div>
<div class="sds-exceptionStackXl sds-staticStackXs">
<div class="sds-metaColor sds-textHelperSmall">Restaurants & Sorties</div>
<h3 class="h3">Restaurants Pizza Hut</h3>
</div>
<div class="sds-staticStackSm">
<p>
13 Pl. d'Armes <br>
1136 Ville-Haute <br>
Luxembourg
</p>
<div class="sds-aboveClickArea">
<a class="sds-link">
(+352) 46 07 77
</a>
</div>
</div>
<div class="sds-aboveClickArea">
<div class="row row-xs">
<div class="col-4">
<a href="" class="sds-navigationTile sds-box -small">
<span class="sds-btn -iconBtn -btnSecondary stretched-link">
<span class="sds-icon sds-icon-phone"></span>
</span>
<div class="sds-label sds-textHelperSmall">
Téléphone
</div>
</a>
</div>
<div class="col-4">
<a href="" class="sds-navigationTile sds-box -small">
<span class="sds-btn -iconBtn -btnSecondary stretched-link">
<span class="sds-icon sds-icon-messageread"></span>
</span>
<div class="sds-label sds-textHelperSmall">
E-Mail
</div>
</a>
</div>
<div class="col-4">
<a href="" class="sds-navigationTile sds-box -small">
<span class="sds-btn -iconBtn -btnSecondary stretched-link">
<span class="sds-icon sds-icon-turnright"></span>
</span>
<div class="sds-label sds-textHelperSmall">
Directions
</div>
</a>
</div>
</div>
</div>
<div class="sds-box -insetLg sds-box__outOfBoundsMd -boxSunken">
<div class="d-flex justify-content-center">
<a href="" class="sds-btn -btnPrimary stretched-link">
<span class="sds-btn__text">Faire une demande</span>
<span class="sds-icon sds-icon-arrownext"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="row align-items-stretch-immediate-typo3">
<div class="col-12 col-lg-4">
<div class="frame-default">
<a href="#" class="sds-iconLinkBox -row">
<span class="sds-iconLinkBox__icon sds-brandIconWrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns:v="https://vecta.io/nano">
<path d="M46 24c0-12.15-9.85-22-22-22S2 11.85 2 24c0 10.317 7.103 18.975 16.686 21.352V30.723h-4.536V24h4.536v-2.897c0-7.488 3.389-10.959 10.741-10.959 1.394 0 3.799.274 4.783.546v6.094c-.519-.055-1.421-.082-2.541-.082-3.607 0-5.001 1.367-5.001 4.919V24h7.186l-1.235 6.723h-5.951v15.116C37.56 44.524 46.001 35.248 46.001 24H46z" fill="#0866ff" />
<path d="M32.617 30.724L33.852 24h-7.186v-2.378c0-3.552 1.394-4.919 5.001-4.919l2.541.082v-6.094c-.984-.274-3.389-.546-4.783-.546-7.352 0-10.74 3.471-10.74 10.959V24h-4.536v6.723h4.536v14.629a22.04 22.04 0 0 0 5.314.648c.902 0 1.792-.056 2.666-.161V30.724h5.951.001z" fill="#fff" />
</svg>
</span>
<div class="sds-iconLinkBox__inner sds-stackXs">
<h4 class="h3">Facebook</h4>
<p class="sds-iconLinkBox__description">Gérez vos principales opérations bancaires via S-Net</p>
</div>
</a>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="frame-default">
<div class="sds-linksIconBox">
<div class="sds-linksIconBox__header">
<div class="sds-linksIconBox__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="M34.4431 7.38786C33.7562 6.42917 32.5247 5.90539 31.268 6.22159L8.26798 12.0087C6.93463 12.3442 6 13.5431 6 14.918V14.9994C6.83566 14.3717 7.87439 13.9998 9 13.9998H35V9.30902L25.2631 11.9645L24.7368 10.035L34.4431 7.38786ZM4 14.918V18.9998V35.9998C4 38.7612 6.23858 40.9998 9 40.9998H37C39.7614 40.9998 42 38.7612 42 35.9998V34.9998H40V35.9998C40 37.6566 38.6569 38.9998 37 38.9998H9C7.34315 38.9998 6 37.6566 6 35.9998V18.9998C6 17.3429 7.34315 15.9998 9 15.9998H37C38.6569 15.9998 40 17.3429 40 18.9998V19.9998H42V18.9998C42 16.2384 39.7614 13.9998 37 13.9998V9.13091C37 5.87492 33.9375 3.48755 30.78 4.28204L7.77996 10.0691C5.55772 10.6283 4 12.6265 4 14.918Z" fill="#003060" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.5 24H36V22H41.5C44.5376 22 47 24.4624 47 27.5C47 30.5376 44.5376 33 41.5 33H36V31H41.5C43.433 31 45 29.433 45 27.5C45 25.567 43.433 24 41.5 24Z" fill="#DE0000" />
</svg>
</div>
<div class="sds-linksIconBox__headerText">
<h4 class="h4">Virements</h4>
<p class="sds-linksIconBox__description">Transactions "Eurotransfert" illimitées et sans frais</p>
</div>
</div>
<div class="sds-linksIconBox__body">
<ul class="list-unstyled">
<li class="sds-linksIconBox__bodyItem">
<a href="" class="sds-linksIconBox__listItem">
<span class="sds-btn -iconBtn -btnSecondary -btnInverse -btnSmall sds-linksIconBox__listIcon " aria-hidden="true">
<span class="sds-icon sds-icon-arrownext"></span>
</span>
Comment devenir client Spuerkeess et ouvir un compte ?
</a>
</li>
<li class="sds-linksIconBox__bodyItem">
<a href="" class="sds-linksIconBox__listItem">
<span class="sds-btn -iconBtn -btnSecondary -btnInverse -btnSmall sds-linksIconBox__listIcon " aria-hidden="true">
<span class="sds-icon sds-icon-arrownext"></span>
</span>
Qu’est-ce que le relevé d’identité bancaire (RIB), et comment l’obtenir ?
</a>
</li>
</ul>
</div>
<div class="sds-linksIconBox__footer">
<a href="" class="sds-btn -btnSecondary">
<span class="sds-btn__text">Tous les articles</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="frame-default">
<a href="" class="sds-pictureLinkBox sds-box sds-shadowInteraction">
<div class="sds-pictureLinkBox__img">
<img class="img-fluid" src="../../media/snet/components/picture-link-box/picture-link-box.jpg" alt="">
</div>
<div class="sds-pictureLinkBox__body">
<div class="sds-pictureLinkBox__text sds-stackMd">
<h3 class="sds-pictureLinkBox__title">Spuerkeess recrute !</h3>
<p class="sds-pictureLinkBox__description">Spuerkeess recherche continuellement des collaborateurs dynamiques et motivés ! Consultez nos offres d'emploi sur mylittlebigstep.lu.</p>
</div>
<div class="sds-pictureLinkBox__action">
<span class="sds-btn -btnSecondary stretched-link">
<span class="sds-btn__text">Postuler</span>
<span class="sds-icon sds-icon-arrownext"></span>
</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section" id="#porductFeatureDetails">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-productFeatureDetails">
<div class="sds-productFeatureDetails__trigger">
<button type="button" class="sds-btn -iconBtn -btnSecondary -btnBig sds-productFeatureDetails__collapseTrigger" aria-labelledby="#productFeatureDetailsTriggerLabel" data-toggle="collapse" data-target="#productFeatureDetailsCollapse" aria-expanded="false">
<span class="sds-icon sds-icon-plus"></span>
</button>
<div class="sds-productFeatureDetails__triggerLabel h4" id="productFeatureDetailsTriggerLabel">Voir tous les services inclus</div>
</div>
<div class="sds-productFeatureDetails__collapse sds-collapse collapse fade" id="productFeatureDetailsCollapse">
<div class="sds-productFeatureDetails__collapseInner">
<div class="sds-productFeatureDetails__box sds-box -insetXl">
<div class="sds-stackXl">
<h3 class="sds-productFeatureDetails__title h3">Zebra Premium</h3>
<div class="sds-productFeatureDetails__listArea sds-wysiwyg -checkList">
<h4>Services autour du compte courant</h4>
<ul>
<li>Tenue de compte</li>
<li>1 extrait de compte (électronique ou papier) gratuit/mois</li>
<li>Virements (Eurotransfert) sans frais/mois</li>
<li>3 traitements automatisés TUP gratuits/mois</li>
<li>Gestion gratuite des ordres permanents via S-Net et S-Net Mobile</li>
</ul>
<h4>Cartes de débit</h4>
<ul>
<li>Fourniture de 2 cartes de débit Visa Debit gratuites</li>
<li>4 retraits d'espèces en EUR/mois sur distributeurs tiers en UE sans application de frais Spuerkeess</li>
<li>Demande nouveau code PIN gratuit</li>
<li>Remplacement gratuit de cartes</li>
</ul>
<h4>Cartes de crédit</h4>
<ul>
<li>Fourniture de 2 carte de crédit Visa Classic gratuites, ou 1 Visa Classic et 1 Visa Premier</li>
<li>Fourniture d'une carte de crédit Miles & More Luxair Visa à un tarif de faveur</li>
<li>Demande nouveau code PIN gratuit</li>
<li>Remplacement gratuit de cartes</li>
<li>Retraits d'espèces gratuits sur distributeurs Spuerkeess en mode « débit direct »</li>
<li>Assurance accidents et autres assurances liées aux cartes de crédit</li>
</ul>
<h4>Crédits et garanties*</h4>
<ul>
<li>Taux de faveur sur découvert permanent (≤ EUR 10.000)</li>
<li>Commission de dossier offerte sur découvert permanent (≤ EUR 10.000)</li>
<li>Taux de faveur sur prêts personnels</li>
<li>-25 % sur commission de dossier sur prêts au logement</li>
<li>Tarif de faveur sur garantie locative</li>
</ul>
<h4>Coffre-Fort</h4>
<ul>
<li>-20 % sur le tarif de location</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -sectionSunken">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="row align-items-stretch-immediate">
<div class="col-12 col-lg-4">
<article class="sds-product sds-box sds-scaleInteraction -insetLg -textTop">
<div class="sds-product__inner sds-stackXl">
<div class="sds-product__mainContent">
<div class="sds-box__outOfBoundsLg sds-product__img sds-product__imgInlineEnd" data-sds-move-with-shadow>
<img src="../../media/spuerkeess-site/components/product/cards/sdsillu-product-card-classic.png" alt="" class="img-fluid">
</div>
<div class="sds-stackLg">
<div class="sds-product__header">
<div class="sds-product__meta sds-textHelperSmall">La classqiue</div>
<div class="sds-product__headerBtnGroup sds-btnGroup -wrap justify-content-end">
<div class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</div>
</div>
</div>
<div class="sds-stackXs">
<h3 class="h3">Prêt personnel</h3>
<p class="sds-product__description">Empruntez au meilleur taux pour financer vos dépenses importantes</p>
</div>
</div>
</div>
<ul class="sds-list -checkIcon -checkIconAlt">
<li>
item
</li>
<li>
item
</li>
<li>
item
</li>
<li class="sds-list__disabled">
<span class="sr-only">N'est pas disponible:</span>
item
</li>
</ul>
<div class="sds-product__meta sds-textHelperSmall sds-exceptionStackLg">*sous réserve d'acceptation du dossier</div>
<footer class="sds-product__footer sds-stackLg">
<div class="sds-box -insetLg sds-box__outOfBoundsMd -boxSunken">
<div class="sds-stackXl">
<div class="row row-xs align-items-baseline no-bottom-gutter flex-nowrap">
<div class="col">
<div class="sds-label">
Prix par mois
</div>
</div>
<div class="col-auto text-right">
<div class="sds-colorInherit h1">9,50 €</div>
</div>
</div>
<div class="d-flex justify-content-center">
<a href="" class="sds-btn -btnPrimary stretched-link">
<span class="sds-btn__text">Faire une demande</span>
<span class="sds-icon sds-icon-arrownext"></span>
</a>
</div>
<p class="sds-staticExceptionStackMd sds-product__meta text-center sds-textHelper">Gratuit les 6 premiers mois</p>
</div>
</div>
<div class="sds-aboveClickArea text-center">
<a href="" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-icon sds-icon-download"></span>
<span class="sds-btn__text">Consulter le dépliant</span>
</a>
</div>
</footer>
</div>
</article>
</div>
<div class="col-12 col-lg-4">
<article class="sds-product sds-box sds-scaleInteraction -insetLg">
<div class="sds-product__inner sds-stackXl">
<div class="sds-product__mainContent">
<div class="text-center">
<img src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-unlockofflinecedies.svg" alt="" class="img-fluid">
</div>
<div class="sds-stackLg">
<div class="sds-product__header">
<div class="sds-product__meta sds-textHelperSmall">La classqiue</div>
<div class="sds-product__headerBtnGroup sds-btnGroup -wrap justify-content-end">
<div class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</div>
</div>
</div>
<div class="sds-stackXs">
<h3 class="h3">Prêt personnel</h3>
<p class="sds-product__description">Empruntez au meilleur taux pour financer vos dépenses importantes</p>
</div>
</div>
</div>
<ul class="sds-list -checkIcon -checkIconAlt">
<li>
item
</li>
<li>
item
</li>
<li>
item
</li>
<li class="sds-list__disabled">
<span class="sr-only">N'est pas disponible:</span>
item
</li>
</ul>
<div class="sds-product__meta sds-textHelperSmall sds-exceptionStackLg">*sous réserve d'acceptation du dossier</div>
<footer class="sds-product__footer sds-stackLg">
<div class="sds-box -insetLg sds-box__outOfBoundsMd -boxSunken">
<div class="sds-stackXl">
<div class="row row-xs align-items-baseline no-bottom-gutter flex-nowrap">
<div class="col">
<div class="sds-label">
Prix par mois
</div>
</div>
<div class="col-auto text-right">
<div class="sds-colorInherit h1">9,50 €</div>
</div>
</div>
<div class="d-flex justify-content-center">
<a href="" class="sds-btn -btnPrimary stretched-link">
<span class="sds-btn__text">Faire une demande</span>
<span class="sds-icon sds-icon-arrownext"></span>
</a>
</div>
<p class="sds-staticExceptionStackMd sds-product__meta text-center sds-textHelper">Gratuit les 6 premiers mois</p>
</div>
</div>
<div class="sds-aboveClickArea text-center">
<a href="" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-icon sds-icon-download"></span>
<span class="sds-btn__text">Consulter le dépliant</span>
</a>
</div>
</footer>
</div>
</article>
</div>
<div class="col-12 col-lg-4">
<article class="sds-product sds-box sds-scaleInteraction -insetLg">
<div class="sds-product__inner sds-stackXl">
<div class="sds-product__mainContent">
<div class="sds-product__imgWrapper -noTranslate">
<img src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-safecover.svg" alt="">
</div>
<div class="sds-stackLg">
<div class="sds-product__header">
<div class="sds-product__meta sds-textHelperSmall">La classique</div>
<div class="sds-product__headerBtnGroup sds-btnGroup -wrap justify-content-end">
<div class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</div>
</div>
</div>
<div class="sds-stackXs">
<h3 class="h3">Prêt personnel</h3>
<p class="sds-product__description">Empruntez au meilleur taux pour financer vos dépenses importantes</p>
</div>
</div>
</div>
<ul class="sds-list -checkIcon -checkIconAlt">
<li>
item
</li>
<li>
item
</li>
<li>
item
</li>
<li class="sds-list__disabled">
<span class="sr-only">N'est pas disponible:</span>
item
</li>
</ul>
<div class="sds-product__meta sds-textHelperSmall sds-exceptionStackLg">*sous réserve d'acceptation du dossier</div>
<footer class="sds-product__footer sds-stackLg">
<div class="sds-box -insetLg sds-box__outOfBoundsMd -boxSunken">
<div class="sds-stackXl">
<div class="row row-xs align-items-baseline no-bottom-gutter flex-nowrap">
<div class="col">
<div class="sds-label">
Prix par mois
</div>
</div>
<div class="col-auto text-right">
<div class="sds-colorInherit h1">9,50 €</div>
</div>
</div>
<div class="d-flex justify-content-center">
<a href="" class="sds-btn -btnPrimary stretched-link">
<span class="sds-btn__text">Faire une demande</span>
<span class="sds-icon sds-icon-arrownext"></span>
</a>
</div>
<p class="sds-staticExceptionStackMd sds-product__meta text-center sds-textHelper">Gratuit les 6 premiers mois</p>
</div>
</div>
<div class="sds-aboveClickArea text-center">
<a href="" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-icon sds-icon-download"></span>
<span class="sds-btn__text">Consulter le dépliant</span>
</a>
</div>
</footer>
</div>
</article>
</div>
</div>
<div class="row align-items-stretch-immediate">
<div class="col-12 col-lg-4">
<article class="sds-product sds-box sds-scaleInteraction -insetLg">
<div class="sds-product__inner sds-stackXl">
<div class="sds-product__mainContent">
<div class="text-center">
<img src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-unlockofflinecedies.svg" alt="" class="img-fluid">
</div>
<div class="sds-stackXs">
<h3 class="h3">Prêt personnel</h3>
<p class="sds-product__description">Empruntez au meilleur taux pour financer vos dépenses importantes</p>
</div>
</div>
<footer class="sds-product__footer sds-stackLg">
<div class="sds-box -insetLg sds-box__outOfBoundsMd -boxSunken">
<div class="d-flex justify-content-center">
<a href="" class="sds-btn -btnPrimary stretched-link">
<span class="sds-btn__text">Faire une demande</span>
<span class="sds-icon sds-icon-arrownext"></span>
</a>
</div>
</div>
</footer>
</div>
</article>
</div>
<div class="col-12 col-lg-4">
<article class="sds-product sds-box sds-scaleInteraction -insetLg">
<div class="sds-product__inner sds-stackXl">
<div class="sds-product__mainContent">
<div class="sds-product__imgWrapper -noTranslate">
<img src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-safecover.svg" alt="">
</div>
<div class="sds-stackXs">
<h3 class="h3">Prêt personnel</h3>
<p class="sds-product__description">Empruntez au meilleur taux pour financer vos dépenses importantes</p>
</div>
</div>
<ul class="sds-list -checkIcon -checkIconAlt">
<li>
item
</li>
<li>
item
</li>
<li>
item
</li>
<li>
item
</li>
</ul>
<footer class="sds-product__footer sds-stackLg">
<div class="sds-box -insetLg sds-box__outOfBoundsMd -boxSunken">
<div class="d-flex justify-content-center">
<a href="" class="sds-btn -btnPrimary stretched-link">
<span class="sds-btn__text">Faire une demande</span>
<span class="sds-icon sds-icon-arrownext"></span>
</a>
</div>
</div>
</footer>
</div>
</article>
</div>
<div class="col-12 col-lg-4">
<article class="sds-product sds-box sds-scaleInteraction -insetLg">
<div class="sds-product__inner sds-stackXl">
<div class="sds-product__mainContent">
<div class="sds-stackXs">
<h3 class="h3">Prêt personnel</h3>
<p class="sds-product__description">Empruntez au meilleur taux pour financer vos dépenses importantes</p>
</div>
</div>
<footer class="sds-product__footer sds-stackLg">
<div class="sds-box -insetLg sds-box__outOfBoundsMd -boxSunken">
<div class="d-flex justify-content-center">
<a href="" class="sds-btn -btnPrimary stretched-link">
<span class="sds-btn__text">Faire une demande</span>
<span class="sds-icon sds-icon-arrownext"></span>
</a>
</div>
</div>
</footer>
</div>
</article>
</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>
<div class="sds-box -insetLg sds-boxShadowActive" style="background: white !important; margin: auto; position: fixed; z-index: 10000000; bottom: 16px; left:0; right: 0; max-width: 400px; width: 100%">
<div class="sds-btnGroup">
<select id="themeSelect" style="width: 50%;">
<option value="retail">Retail</option>
<option value="private">Private</option>
<option value="axxess">Axxess</option>
<option value="tweenz">Tweenz</option>
</select>
<select id="modeSelect" style="width: 50%;">
<option value="light">Light Mode</option>
<option value="dark">Dark Mode</option>
</select>
</div>
<script>
const themeSelect = document.getElementById('themeSelect');
const modeSelect = document.getElementById('modeSelect');
const body = document.body;
themeSelect.addEventListener('change', () => {
const newTheme = themeSelect.value;
document.documentElement.setAttribute('data-brand', newTheme);
});
modeSelect.addEventListener('change', () => {
const newMode = modeSelect.value;
document.documentElement.setAttribute('data-mode', newMode);
});
</script>
</div>
</footer>
</div>
{% extends "@spk-page-layout" %}
{% block header %}
{% render "@spk-header--main" %}
{% endblock %}
{% block mainTop %}
<section class="{{ namespace }}section -sectionSunken">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
{% render "@spk-comparison-table--buttons" %}
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -sectionSunken -sectionInverted">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container {{ namespace }}stackLg">
{% render "@spk-contextual-links--accordion" %}
{# {% render "@spk-contextual-links--inverted" %}#}
{% render "@spk-contextual-links" %}
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
{% render "@checkbox" %}
<div class="{{ namespace }}stackLg">
<div class="h4">La société est-elle domiciliée?</div>
<ul class="list-unstyled {{ namespace }}stackMd">
<li>
{% render "@radio",{inputName: "step-1-soc-dom", id: "radio-step-1-soc-dom-1", text: "Oui", checked: true},true %}
</li>
<li>
{% render "@radio",{inputName: "step-1-soc-dom", id: "radio-step-1-soc-dom-2", text: "Non"},true %}
</li>
</ul>
</div>
<div class="{{ namespace }}section__textColor">
<p>text inside content section</p>
{% render "@input--hint" %}
{% render "@select" %}
{% render "@spk-advanced-select-item" %}
{% render "@spk-advanced-select" %}
</div>
<div class="{{ namespace }}stackLg">
{% render "@btn-secondary" %}
{% render "@btn-secondary-inverse" %}
<div class="{{ namespace }}box -insetLg {{ namespace }}stackLg">
<p>text inside box</p>
{% render "@btn-secondary" %}
{% render "@btn-secondary-inverse" %}
{% render "@btn-primary" %}
</div>
</div>
</div>
</div>
</div>
</section>
<div class="frame-type-apartbcee_highlightedarticles">
<section class="{{ namespace }}section">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="{{ namespace }}stack3xl">
<div class="container">
{% render "@hero-heading" %}
</div>
<div class="container">
{% render "@spk-highlighted-article-list" %}
</div>
</div>
</div>
</div>
</section>
</div>
<section class="{{ namespace }}section -sectionSunken -sectionInverted">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="{{ namespace }}stack3xl">
<div class="container">
{% render "@spk-spot-select-list--default" %}
</div>
<div class="container">
{% render "@range" %}
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
{% render '@spk-content-box--info-outline',{
eltType: "div"
}, true %}
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="{{ namespace }}stackXl">
{% render "@heading--h2-subtext",{
text: "Vous souhaitez effectuer une simulation, prendre un rendez-vous ou consulter un document ?",
subText: "Spuerkeess vous propose un éventail d'outils digitaux."
},true %}
<div class="row">
<div class="col-12 col-md-6 col-lg-3">
{% render '@spk-icon-link-box' %}
</div>
<div class="col-12 col-md-6 col-lg-3">
{% render '@spk-icon-link-box' %}
</div>
<div class="col-12 col-md-6 col-lg-3">
{% render '@spk-icon-link-box' %}
</div>
<div class="col-12 col-md-6 col-lg-3">
{% render '@spk-icon-link-box' %}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -sectionSunken">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
{# {% render "@spk-comparison-table" %}#}
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -sectionSunken">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
{% render "@spk-quote" %}
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -sectionSunken">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="{{ namespace }}stackXl">
<div class="h2">Comment pouvons-nous vous accompagner ?</div>
{% render "@spk-decision-help" %}
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-sm-6">
<img class="img-fluid"
src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-relaxingsofa.svg"
alt="">
</div>
<div class="col-12 col-sm-6">
<div class="{{ namespace }}stackXxl">
<div class="{{ namespace }}stackXl">
<div class="h3">Trois raisons pour devenir client</div>
{% render "@spk-feature-icon-box-list",{
rowModifiers: []
},true %}
</div>
<div class="{{ namespace}}btnGroup">
{% render "@btn-secondary",{
eltType: "a",
text: "Je centralise mes finances"
},true %}
{% render "@btn-primary",{
eltType: "a",
text: "Je deviens client"
},true %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="{{ namespace }}stackXl">
{% render "@heading--h2-subtext",{
text: "Optez pour l’expertise de Spuerkeess",
subText: "Devenez client depuis votre smartphone - c’est facile et rapide"
},true %}
{% render '@spk-new-mobile-version' %}
</div>
</div>
</div>
</div>
</section>
{% render "@spk-page-cover" %}
<section class="{{ namespace }}section -sectionSunken">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="row align-items-stretch-immediate-typo3">
<div class="col-12 col-lg-4">
<div class="frame-default">
{% render "@spk-picture-link-box--vertical" %}
</div>
</div>
<div class="col-12 col-lg-4">
<div class="frame-default">
{% render "@spk-picture-link-box--vertical" %}
</div>
</div>
<div class="col-12 col-lg-4">
<div class="frame-default">
{% render "@spk-picture-link-box--vertical" %}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% render "@spk-related-articles" %}
<section class="{{ namespace }}section -sectionSunken">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="{{ namespace }}section__textColor">
<p>text inside content section</p>
</div>
<div class="{{ namespace }}stackLg">
{% render "@btn-secondary" %}
{% render "@btn-secondary-inverse" %}
<div class="{{ namespace }}box -insetLg {{ namespace }}stackLg">
<p>text inside box</p>
{% render "@btn-secondary" %}
{% render "@btn-secondary-inverse" %}
</div>
<div class="{{ namespace }}box -insetLg -boxSunken {{ namespace }}stackLg">
<p>text inside box</p>
{% render "@btn-secondary" %}
{% render "@btn-secondary-inverse" %}
</div>
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -sectionSunken -sectionInverted">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="{{ namespace }}section__textColor">
<p>text inside content section</p>
</div>
<div class="{{ namespace }}stackLg">
{% render "@btn-secondary" %}
{% render "@btn-secondary-inverse" %}
<div class="{{ namespace }}box -insetLg {{ namespace }}stackLg">
<p>text inside box</p>
{% render "@btn-secondary" %}
{% render "@btn-secondary-inverse" %}
</div>
</div>
{% render '@spk-content-box' %}
{% render '@spk-content-box--link' %}
{% render '@spk-content-box--info' %}
{% render '@spk-content-box--important' %}
{% render '@spk-content-box--success' %}
{% render '@spk-content-box--warning' %}
{% render '@spk-content-box--link' %}
{% render '@spk-document--row-small' %}
<div class="sds-box -insetLg">
<form action="">
<label class="sds-label" for="">Test</label>
</form>
</div>
</div>
</div>
</div>
</section>
<div data-theme="retail-light">
{% render "@spk-lease-slider" %}
</div>
{% endblock %}
{% block main %}
{# {% render "@spk-modal-base--popup" %}#}
<section class="{{ namespace }}section" id="couponGrid">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="row justify-content-between">
<div class="col-12 col-md-6">
<div class="{{ namespace }}stackXl">
{% render "@spk-coupon" %}
{% render "@spk-coupon" %}
</div>
</div>
<div class="col-12 col-md-6 col-lg-5">
<div class="position-sticky {{ namespace }}stickyMd" data-reacts-to-headroom>
{% render "@spk-coupon-partner" %}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="row align-items-stretch-immediate-typo3">
<div class="col-12 col-lg-4">
<div class="frame-default">
{% render "@spk-icon-link-box--social" %}
</div>
</div>
<div class="col-12 col-lg-4">
<div class="frame-default">
{% render "@spk-links-icon-box" %}
</div>
</div>
<div class="col-12 col-lg-4">
<div class="frame-default">
{% render "@spk-picture-link-box" %}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section" id="#porductFeatureDetails">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
{% render "@spk-product-feature-details" %}
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -sectionSunken">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="row align-items-stretch-immediate">
<div class="col-12 col-lg-4">
{% render "@spk-product-column--spot-footer" %}
</div>
<div class="col-12 col-lg-4">
{% render "@spk-product-column--spot-footer-img-top" %}
</div>
<div class="col-12 col-lg-4">
{% render "@spk-product-column--spot-footer-img-small-top" %}
</div>
</div>
<div class="row align-items-stretch-immediate">
<div class="col-12 col-lg-4">
{% render "@spk-product-column" %}
</div>
<div class="col-12 col-lg-4">
{% render "@spk-product-column--small-img" %}
</div>
<div class="col-12 col-lg-4">
{% render "@spk-product-column--no-img" %}
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block contactFooter %}
{% render "@spk-contact-footer" %}
{% endblock %}
{% block footer %}
{% render "@footer" %}
<div class="{{ namespace }}box -insetLg {{ namespace }}boxShadowActive" style="background: white !important; margin: auto; position: fixed; z-index: 10000000; bottom: 16px; left:0; right: 0; max-width: 400px; width: 100%">
<div class="{{ namespace }}btnGroup">
<select id="themeSelect" style="width: 50%;">
<option value="retail">Retail</option>
<option value="private">Private</option>
<option value="axxess">Axxess</option>
<option value="tweenz">Tweenz</option>
</select>
<select id="modeSelect" style="width: 50%;">
<option value="light">Light Mode</option>
<option value="dark">Dark Mode</option>
</select>
</div>
<script>
const themeSelect = document.getElementById('themeSelect');
const modeSelect = document.getElementById('modeSelect');
const body = document.body;
themeSelect.addEventListener('change', () => {
const newTheme = themeSelect.value;
document.documentElement.setAttribute('data-brand', newTheme);
});
modeSelect.addEventListener('change', () => {
const newMode = modeSelect.value;
document.documentElement.setAttribute('data-mode', newMode);
});
</script>
</div>
{% endblock %}
{% block misc %}
{# {% render "@spk-search-modal" %}#}
{% endblock %}