No notes defined.
<div class="sds-snetFrame -bgInverted -fullWidth -menuToggleVisible -storeContext -menuHiddenDesktop">
<nav role="navigation">
<ul class="list-unstyled">
<li>
<a href="#sidebarNav" class="sds-skipNavigation sds-box -insetMd sds-scaleInteraction text-underline">
Skip to sidebar navigation
</a>
</li>
<li>
<a href="#frameMain" class="sds-skipNavigation sds-box -insetMd sds-scaleInteraction text-underline">
Skip to content
</a>
</li>
</ul>
</nav>
<header role="banner" class="sds-navTopbar sds-snetFrame__header">
<div class="sds-navTopbar__container">
<nav role="navigation" class="sds-navTopbar__inner navbar navbar-expand">
<div class="sds-navTopbar__alignToMainContent">
<a class="sds-navTopbar__logo navbar-brand" href="#">
<span class="sr-only">Accueil S-Net</span>
<img src="../../media/logos/logo-bcee.svg" class="img-fluid" alt="Logo Spuerkeess">
</a>
</div>
<div class="sds-navTopbar__meta sds-textHelper">
<span>S-Net Privé</span>
<span class="sds-navTopbar__metaTime">Mercredi, 23. Octobre・10:54</span>
</div>
<div class="sds-navTopbar__collapse navbar-collapse" id="sds-navTopbar__collapse">
<ul class="sds-navTopbar__content navbar-nav">
<li class="sds-navTopbar__item dropdown">
<button type="button" class="sds-btn -iconBtn -secondary100 sds-navTopbar__icon dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<span class="sds-icon sds-icon-bell"></span>
</button>
</li>
<li class="sds-navTopbar__item">
<button type="button" class="sds-btn -iconBtn -secondary100 sds-navTopbar__icon">
<span class="sds-icon sds-icon-speechbubble"></span>
</button>
<span class="sds-navTopbar__itemLabel sds-textHelper">Aide</span>
</li>
<li class="sds-navTopbar__item dropdown">
<button type="button" class="sds-navTopbar__dropdownToggle -avatar dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<div class="sds-avatar centeredBgi sds-navTopbar__userDropdownAvatar">
<img class="img-fluid" src="../../media/snet/avatars/nopic/avatarNoPicWoman.svg" alt="">
</div>
<span class="sds-navTopbar__userDropdownLabel sds-textHelper">Label With Name</span>
<span class="sds-iconCircle" aria-hidden="true">
<span class="sds-icon sds-icon-chevrondown"></span>
</span>
</button>
<div class="sds-userMenu sds-navTopbar__userMenu dropdown-menu dropdown-menu-right">
<div class="sds-userMenu__header d-flex align-items-center">
<div class="sds-avatar centeredBgi -avatarXl sds-userMenu__avatar">
<img class="img-fluid" src="../../media/snet/avatars/nopic/avatarNoPicWoman.svg" alt="">
</div>
<div class="sds-userMenu__headerText">
<div class="h3">Jil Schmit Longname</div>
<div class="sds-userMenu__headerMeta sds-textHelper">Espace privé</div>
</div>
</div>
<ul class="sds-userMenu__content list-unstyled">
<li class="sds-userMenu__item">
<a href="" class="sds-userMenu__link d-flex align-items-center justify-content-between">
<span class="font-weight-semibold">Mes données personnelles</span>
<div class="sds-userMenu__itemMeta d-flex align-items-center">
<span class="sds-iconCircle -secondary10" aria-hidden="true">
<span class="sds-icon sds-icon-client"></span>
</span>
</div>
</a>
</li>
<li class="sds-userMenu__item">
<a href="" class="sds-userMenu__link d-flex align-items-center justify-content-between">
<span class="font-weight-semibold">Mes commandes</span>
<div class="sds-userMenu__itemMeta d-flex align-items-center">
<span class="sds-countBadge -primary">
01
<span class="sr-only">Notifications non lues</span>
</span>
<span class="sds-iconCircle -secondary10" aria-hidden="true">
<span class="sds-icon sds-icon-shoppingbag"></span>
</span>
</div>
</a>
</li>
<li class="sds-userMenu__item">
<a href="" class="sds-userMenu__link d-flex align-items-center justify-content-between">
<span class="font-weight-semibold">Mes documents</span>
<div class="sds-userMenu__itemMeta d-flex align-items-center">
<span class="sds-iconCircle -secondary10" aria-hidden="true">
<span class="sds-icon sds-icon-document"></span>
</span>
</div>
</a>
</li>
<li class="sds-userMenu__item">
<a href="" class="sds-userMenu__link d-flex align-items-center justify-content-between">
<span class="font-weight-semibold">Paramètres</span>
<div class="sds-userMenu__itemMeta d-flex align-items-center">
<span class="sds-iconCircle -secondary10" aria-hidden="true">
<span class="sds-icon sds-icon-gear"></span>
</span>
</div>
</a>
</li>
<li class="sds-userMenu__item -borderTop">
<button type="button" class="sds-userMenu__link d-flex align-items-center justify-content-between" data-toggle="modal" data-target="#modalConventions">
<span class="font-weight-semibold">Changer compte</span>
<div class="sds-userMenu__itemMeta d-flex align-items-center">
<span class="sds-iconCircle -secondary10" aria-hidden="true">
<span class="sds-icon sds-icon-switch"></span>
</span>
</div>
</button>
</li>
</ul>
<div class="sds-userMenu__footer">
<div class="h4">Votre conseiller</div>
<div class="sds-userMenu__footerRow">
<div class="sds-avatar centeredBgi -avatarXl">
<img class="img-fluid" src="../../media/snet/avatars/avatarBankerMain.png" alt="">
</div>
<div class="sds-userMenu__footerContent">
<div class="font-weight-semibold">Admir SKRIJELJ</div>
<div class="sds-userMenu__footerHelperText sds-textHelperSmall">
Personal Banker • Centre Financier Place de Metz
</div>
<div class="sds-userMenu__footerContactInfo">
<a class="d-block" href="tel:+35240158302">+352 4015-8302</a>
<a class="d-block" href="mailto:a.skrijelj@spuerkeess.lu">adresse.longue.skrijelj@spuerkeess.lu</a>
</div>
</div>
<div class="sds-userMenu__footerRowButtons">
<a href="tel:+35240158302" class="sds-btn -iconBtn -secondary10">
<span class="sds-icon sds-icon-phone"></span>
</a>
<a href="mailto:a.skrijelj@spuerkeess.lu" class="sds-btn -iconBtn -secondary10">
<span class="sds-icon sds-icon-paperplane"></span>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="sds-navTopbar__item">
<button type="button" class="sds-btn -iconBtn -secondary100 sds-navTopbar__icon">
<span class="sds-icon sds-icon-logout"></span>
</button>
</li>
</ul>
</div>
</nav>
</div>
</header>
<div class="sds-snetFrame__inner">
<div class="sds-snetFrame__fader" aria-hidden="true"></div>
<div class="sds-snetFrame__menuContainer">
<nav role="navigation" class="sds-snetFrame__menu" id="sidebarNav">
<div class="sds-snetFrame__menuList">
<ul class="sds-snetFrame__menuListInner list-unstyled">
<li class="sds-snetFrame__menuItem">
<a href="" class="sds-snetFrame__menuLink">
<span data-toggle="tooltip" data-title="Situation financière" data-placement="right" data-boundary="window">
<span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">
<span class="sds-icon sds-icon-graph"></span>
</span>
</span>
<span class="sds-snetFrame__menuItemText">Situation financière</span>
</a>
</li>
<li class="sds-snetFrame__menuItem -isActive -isOpen">
<a href="" class="sds-snetFrame__menuLink" aria-current="page">
<span data-toggle="tooltip" data-title="Paiements" data-placement="right" data-boundary="window">
<span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">
<span class="sds-icon sds-icon-plus"></span>
</span>
</span>
<span class="sds-snetFrame__menuItemText">Paiements</span>
</a>
</li>
<li class="sds-snetFrame__menuItem">
<a href="" class="sds-snetFrame__menuLink">
<span data-toggle="tooltip" data-title="My Intelligent Assistant" data-placement="right" data-boundary="window">
<span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">
<span class="sds-icon sds-icon-mia"></span>
</span>
</span>
<span class="sds-snetFrame__menuItemText">My Intelligent Assistant</span>
</a>
</li>
<li class="sds-snetFrame__menuItem">
<a href="" class="sds-snetFrame__menuLink">
<span data-toggle="tooltip" data-title="Instruments financiers" data-placement="right" data-boundary="window">
<span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">
<span class="sds-icon sds-icon-instrument"></span>
</span>
</span>
<span class="sds-snetFrame__menuItemText">Instruments financiers</span>
</a>
</li>
<li class="sds-snetFrame__menuItem">
<a href="" class="sds-snetFrame__menuLink">
<span data-toggle="tooltip" data-title="Mailbox" data-placement="right" data-boundary="window">
<span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">
<span class="sds-icon sds-icon-message"></span>
</span>
</span>
<span class="sds-snetFrame__menuItemText">Mailbox</span>
</a>
</li>
<li class="sds-snetFrame__menuItem">
<a href="" class="sds-snetFrame__menuLink">
<span data-toggle="tooltip" data-title="Store" data-placement="right" data-boundary="window">
<span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">
<span class="sds-icon sds-icon-shoppingbag"></span>
</span>
</span>
<span class="sds-snetFrame__menuItemText">Store</span>
</a>
</li>
<li class="sds-snetFrame__menuItem">
<a href="" class="sds-snetFrame__menuLink">
<span data-toggle="tooltip" data-title="Espace fiscal" data-placement="right" data-boundary="window">
<span class="sds-iconCircle -secondary60 sds-snetFrame__menuLinkBubble" aria-hidden="true">
<span class="sds-icon sds-icon-percentage"></span>
</span>
</span>
<span class="sds-snetFrame__menuItemText">Espace fiscal</span>
</a>
</li>
</ul>
<ul class="sds-snetFrame__settings list-unstyled">
<li class="sds-snetFrame__settingsItem sds-snetFrame__settingsOpenMenu">
<button type="button" class="sds-snetFrame__settingsButton">
<span class="sds-snetFrame__settingsButtonIcon sds-icon sds-icon-chevronrightdouble" data-toggle="tooltip" data-title="Toggle Menu" data-placement="right" data-boundary="window"></span>
<span class="sr-only">Déployer le menu</span>
</button>
</li>
</ul>
</div>
</nav>
</div>
<main role="main" class="sds-snetFrame__main" id="frameMain">
<!-- panel header content start -->
<div class="sds-snetFrame__mainHeader -headroom">
<div class="sds-panelHeader -headroom">
<div class="sds-panelHeader__actionGroup">
<h1 class="h2">Store</h1>
</div>
<div class="sds-panelHeader__alignEnd">
<div class="sds-panelHeader__actionGroup">
<a href="" class="sds-btn -btnSecondary">
<span class="sds-icon sds-icon-search"></span>
<span class="sds-btn__text">Rechercher</span>
</a>
</div>
<div class="sds-panelHeader__actionGroup">
<div class="dropdown">
<button type="button" class="sds-btn -btnSecondary" data-toggle="modal" data-target="#panierModal">
<span class="sds-icon sds-icon-shoppingbag"></span>
<span class="sds-countBadge -primary">
01
<span class="sr-only">Notifications non lues</span>
</span>
</button>
<div aria-labelledby="" class="sds-actionMenu dropdown-menu dropdown-menu-right">
<ul class="list-unstyled">
<li>
<a href="" class="sds-actionMenu__item dropdown-item">
Item 1
</a>
</li>
<li>
<a href="" class="sds-actionMenu__item dropdown-item">
Item 2
</a>
</li>
<li>
<a href="" class="sds-actionMenu__item dropdown-item">
Item 3
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- panel header content end -->
<div class="sds-snetFrame__mainContent">
<!-- main content start -->
<section class="sds-section -sectionOverflowHidden -noInsetBlock">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="row align-items-center">
<div class="col">
<div class="sds-heroHeading">
<h1 class="sds-heroHeading__separator ">Gérer le quotidien</h1>
<p class="sds-heroHeading__sub sds-textBodyLg sds-metaColor">Gérez votre quotidien financier en toute simplicité grâce aux solutions de Spuerkeess</p>
</div>
</div>
<div class="col-auto flex-shrink-0">
<div class="sds-employeeCard sds-box -insetLg -boxSunken -row -separatorHorizontal">
<div class="sds-avatar centeredBgi -avatarXl">
<img class="img-fluid" src="../../media/snet/avatars/avatarUser.png" alt="">
</div>
<div class="sds-employeeCard__text">
<div class="h4">Besoin d'aide ?</div>
<button type="button" data-toggle="modal" data-target="#" class="text-left text-underline sds-textHelper sds-metaColor">Contactez votre conseiller</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="test" class="sds-section -sectionSunken -sectionOverflowHidden -spacingInsetBlockSmaller">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stackXl">
<h2 class="h2">Recommandés pour vous</h2>
<div class="sds-documentSlider sds-slider -overflowVisible">
<!-- adjust row class for spacing between slides here -->
<div class="row 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">
<li class="swiper-slide col-md-4 col-xxl-3">
<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>
<ul class="sds-product__headerBtnGroup sds-btnGroup -btnGroupWrap justify-content-end">
<li>
<span class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</span>
</li>
</ul>
</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>
<div class="sds-product__revealAction">
<ul class="sds-product__revealActionInner sds-btnGroup">
<li>
<a href="" class="sds-btn -btnSecondary stretched-link">
<span class="sds-btn__text">Découvrir</span>
</a>
</li>
<li class="sds-aboveClickArea">
<a href="" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Faire une demande</span>
</a>
</li>
</ul>
</div>
</div>
</article>
</li>
<li class="swiper-slide col-md-4 col-xxl-3">
<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>
<ul class="sds-product__headerBtnGroup sds-btnGroup -btnGroupWrap justify-content-end">
<li>
<span class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</span>
</li>
</ul>
</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>
<div class="sds-product__revealAction">
<ul class="sds-product__revealActionInner sds-btnGroup">
<li>
<a href="" class="sds-btn -btnSecondary stretched-link">
<span class="sds-btn__text">Découvrir</span>
</a>
</li>
<li class="sds-aboveClickArea">
<a href="" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Faire une demande</span>
</a>
</li>
</ul>
</div>
</div>
</article>
</li>
<li class="swiper-slide col-md-4 col-xxl-3">
<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>
<ul class="sds-product__headerBtnGroup sds-btnGroup -btnGroupWrap justify-content-end">
<li>
<span class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</span>
</li>
</ul>
</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>
<div class="sds-product__revealAction">
<ul class="sds-product__revealActionInner sds-btnGroup">
<li>
<a href="" class="sds-btn -btnSecondary stretched-link">
<span class="sds-btn__text">Découvrir</span>
</a>
</li>
<li class="sds-aboveClickArea">
<a href="" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Faire une demande</span>
</a>
</li>
</ul>
</div>
</div>
</article>
</li>
<li class="swiper-slide col-md-4 col-xxl-3">
<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>
<ul class="sds-product__headerBtnGroup sds-btnGroup -btnGroupWrap justify-content-end">
<li>
<span class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</span>
</li>
</ul>
</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>
<div class="sds-product__revealAction">
<ul class="sds-product__revealActionInner sds-btnGroup">
<li>
<a href="" class="sds-btn -btnSecondary stretched-link">
<span class="sds-btn__text">Découvrir</span>
</a>
</li>
<li class="sds-aboveClickArea">
<a href="" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Faire une demande</span>
</a>
</li>
</ul>
</div>
</div>
</article>
</li>
<li class="swiper-slide col-md-4 col-xxl-3">
<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>
<ul class="sds-product__headerBtnGroup sds-btnGroup -btnGroupWrap justify-content-end">
<li>
<span class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</span>
</li>
</ul>
</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>
<div class="sds-product__revealAction">
<ul class="sds-product__revealActionInner sds-btnGroup">
<li>
<a href="" class="sds-btn -btnSecondary stretched-link">
<span class="sds-btn__text">Découvrir</span>
</a>
</li>
<li class="sds-aboveClickArea">
<a href="" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Faire une demande</span>
</a>
</li>
</ul>
</div>
</div>
</article>
</li>
</ul>
<div class="sds-slider__navigation row row-xs justify-content-end w-100">
<div class="col-auto">
<ul class="sds-btnGroup">
<li>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-slider__prev swiper-button-prev" aria-label="Previous slide">
<span class="sds-icon sds-icon-arrowprevious"></span>
</button>
</li>
<li>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-slider__next swiper-button-next" aria-label="Next slide">
<span class="sds-icon sds-icon-arrownext"></span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -spacingInsetBlockSmaller">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stackXl">
<div class="h2">Les plus demandées</div>
<div class="row row-xs">
<div class="col-12 col-md-6">
<a href="" class="d-flex">
<article class="sds-product sds-box sds-scaleInteraction -insetMd -rowSmall">
<div class="sds-product__inner sds-stackXl">
<div class="sds-product__mainContent">
<div class="sds-product__imgWrapper">
<img src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-safecover.svg" alt="" class="img-fluid">
</div>
<div class="sds-product__text sds-stackSm d-lg-flex flex-lg-column justify-content-lg-center flex-grow-1">
<div class="sds-product__header">
</div>
<div class="sds-product__textContent sds-stackLg">
<div class="sds-stackXs">
<h3 class="h4">Prêt personnel</h3>
<p>Empruntez au meilleur taux pour financer vos dépenses importantes</p>
</div>
</div>
</div>
</div>
</div>
</article>
</a>
</div>
<div class="col-12 col-md-6">
<a href="" class="d-flex">
<article class="sds-product sds-box sds-scaleInteraction -insetMd -rowSmall">
<div class="sds-product__inner sds-stackXl">
<div class="sds-product__mainContent">
<div class="sds-product__imgWrapper">
<img src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-safecover.svg" alt="" class="img-fluid">
</div>
<div class="sds-product__text sds-stackSm d-lg-flex flex-lg-column justify-content-lg-center flex-grow-1">
<div class="sds-product__header">
</div>
<div class="sds-product__textContent sds-stackLg">
<div class="sds-stackXs">
<h3 class="h4">Prêt personnel</h3>
<p>Empruntez au meilleur taux pour financer vos dépenses importantes</p>
</div>
</div>
</div>
</div>
</div>
</article>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -spacingInsetBlockSmaller">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stackXl">
<div class="h2">Nouveaux produits</div>
<div class="row row-xs">
<div class="col-12 col-md-6">
<a href="">
<article class="sds-product sds-box sds-scaleInteraction -insetMd -rowSmall">
<div class="sds-product__inner sds-stackXl">
<div class="sds-product__mainContent">
<div class="sds-product__imgWrapper">
<img src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-safecover.svg" alt="" class="img-fluid">
</div>
<div class="sds-product__text sds-stackSm d-lg-flex flex-lg-column justify-content-lg-center flex-grow-1">
<div class="sds-product__header">
<ul class="sds-btnGroup">
<li>
<span class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</span>
</li>
</ul>
</div>
<div class="sds-product__textContent sds-stackLg">
<div class="sds-stackXs">
<h3 class="h4">Prêt personnel</h3>
<p>Empruntez au meilleur taux pour financer vos dépenses importantes</p>
</div>
</div>
</div>
</div>
</div>
</article>
</a>
</div>
<div class="col-12 col-md-6">
<a href="">
<article class="sds-product sds-box sds-scaleInteraction -insetMd -rowSmall">
<div class="sds-product__inner sds-stackXl">
<div class="sds-product__mainContent">
<div class="sds-product__imgWrapper">
<img src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-safecover.svg" alt="" class="img-fluid">
</div>
<div class="sds-product__text sds-stackSm d-lg-flex flex-lg-column justify-content-lg-center flex-grow-1">
<div class="sds-product__header">
<ul class="sds-btnGroup">
<li>
<span class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</span>
</li>
</ul>
</div>
<div class="sds-product__textContent sds-stackLg">
<div class="sds-stackXs">
<h3 class="h4">Prêt personnel</h3>
<p>Empruntez au meilleur taux pour financer vos dépenses importantes</p>
</div>
</div>
</div>
</div>
</div>
</article>
</a>
</div>
<div class="col-12 col-md-6">
<a href="">
<article class="sds-product sds-box sds-scaleInteraction -insetMd -rowSmall">
<div class="sds-product__inner sds-stackXl">
<div class="sds-product__mainContent">
<div class="sds-product__imgWrapper">
<img src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-safecover.svg" alt="" class="img-fluid">
</div>
<div class="sds-product__text sds-stackSm d-lg-flex flex-lg-column justify-content-lg-center flex-grow-1">
<div class="sds-product__header">
<ul class="sds-btnGroup">
<li>
<span class="sds-badge badge -badgeHighlight -badgeMuted">
badge
</span>
</li>
</ul>
</div>
<div class="sds-product__textContent sds-stackLg">
<div class="sds-stackXs">
<h3 class="h4">Prêt personnel</h3>
<p>Empruntez au meilleur taux pour financer vos dépenses importantes</p>
</div>
</div>
</div>
</div>
</div>
</article>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -spacingInsetBlockSmaller">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<a href="" class="sds-banner -background -insetLg">
<img class="sds-banner__img" src="../../media/snet/illustrations/sdsillu-questioning.svg" alt="">
<div class="sds-banner__content">
<h4 class="h4 sds-banner__title">
Accéder aux marchés financiers
<span class="sds-headingLight">{Description}</span>
</h4>
</div>
<span class="sds-iconCircle -secondary10 sds-hoverContentSecondary__icon" aria-hidden="true">
<span class="sds-icon sds-icon-arrownext"></span>
</span>
</a>
</div>
</div>
</div>
</section>
<section class="sds-section -spacingInsetBlockSmaller">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stackXl">
<div class="h2">Les familles de produits</div>
<div class="sds-scrollToNav sds-slider -itemsAutoWidthCustomXl" 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-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-scrollToNav__item">
<a href="#test" class="sds-navigationTile sds-box -small -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img sds-brandIconWrapper" aria-hidden="true">
<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">
Gérer le quotidien
</div>
</a>
</div>
</li>
<li class="swiper-slide col">
<div class="sds-scrollToNav__item">
<a href="#test" class="sds-navigationTile sds-box -small -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img sds-brandIconWrapper" aria-hidden="true">
<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">
Financer
</div>
</a>
</div>
</li>
<li class="swiper-slide col">
<div class="sds-scrollToNav__item">
<a href="#test" class="sds-navigationTile sds-box -small -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img sds-brandIconWrapper" aria-hidden="true">
<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">
Epargner & Investir
</div>
</a>
</div>
</li>
<li class="swiper-slide col">
<div class="sds-scrollToNav__item">
<a href="#test" class="sds-navigationTile sds-box -small -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img sds-brandIconWrapper" aria-hidden="true">
<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">
Famille & Partenariat
</div>
</a>
</div>
</li>
<li class="swiper-slide col">
<div class="sds-scrollToNav__item">
<a href="#test" class="sds-navigationTile sds-box -small -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img sds-brandIconWrapper" aria-hidden="true">
<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">
Produits fiscalement déductibles
</div>
</a>
</div>
</li>
<li class="swiper-slide col">
<div class="sds-scrollToNav__item">
<a href="#test" class="sds-navigationTile sds-box -small -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img sds-brandIconWrapper" aria-hidden="true">
<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">
Assurances
</div>
</a>
</div>
</li>
<li class="swiper-slide col">
<div class="sds-scrollToNav__item">
<a href="#test" class="sds-navigationTile sds-box -small -noInteraction" data-js-scroll-nav-interactable-item="">
<span class="sds-navigationTile__img sds-brandIconWrapper" aria-hidden="true">
<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">
Business
</div>
</a>
</div>
</li>
</ul>
<div class="sds-scrollToNav__prev swiper-button-prev"></div>
<div class="sds-scrollToNav__next swiper-button-next"></div>
<div class="sds-slider__navigation row row-xs justify-content-end w-100">
<div class="col-auto">
<ul class="sds-btnGroup">
<li>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-slider__prev swiper-button-prev" aria-label="Previous slide">
<span class="sds-icon sds-icon-arrowprevious"></span>
</button>
</li>
<li>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-slider__next swiper-button-next" aria-label="Next slide">
<span class="sds-icon sds-icon-arrownext"></span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="sds-scrollToNav__fakeInteraction" aria-hidden="true"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -spacingInsetBlockSmaller">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stackXl">
<div class="h2">Bénéficiez de notre outil digital Speedinvest</div>
<div class="row">
<div class="col-6 col-xl-7">
<div class="sds-stackLg">
<ul class="sds-list -checkIcon -checkIconAlt">
<li>
item
</li>
<li>
item
</li>
<li>
item
</li>
<li class="sds-list__unavailable">
<s>item unavailable</s>
</li>
</ul>
<p class="sds-textHelperSmall sds-metaColor">*Footnote sous réserve d'acceptation du dossier</p>
</div>
</div>
<div class="col-6 col-xl-5 col-xxl-4 offset-xxl-1">
<div class="sds-stackLg">
<div class="sds-box -insetLg -boxSunken position-relative">
<div class="sds-stackLg">
<div class="sds-stackLg -stackBorder">
<div class="sds-staticInlineMd d-flex align-items-center justify-content-between">
<div class="h4">Le package bancaire complet Idéal pour gérer votre relation bancaire</div>
<div class="sds-aboveClickArea">
<button type="button" class="sds-infoDot" data-toggle="modal" data-target="#">
<span class="sds-icon sds-icon-infocircleborder"></span>
<span class="sr-only">Show more info</span>
</button>
</div>
</div>
<table class="sds-infoTable table">
<caption class="sr-only">Caption of table</caption>
<tr>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-label">
Prix par mois
</div>
</div>
</td>
<td>
<div class="sds-infoTable__cellContent">
<div class="sds-colorInherit h1 text-right">9,50 €</div>
</div>
</td>
</tr>
</table>
</div>
<div class="sds-staticStackMd">
<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 sds-textHelper text-center">Gratuit les 6 premiers mois</p>
</div>
</div>
</div>
<div class="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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -sectionSunken -spacingInsetBlockSmaller">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stackXl">
<div class="h2">Comparez les cartes de crédit</div>
<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">
<caption class="sr-only">Caption of table</caption>
<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 -amountNeutral -amountSm">
<div class="sds-amount__body">
<span class="sds-amount__value">24,00</span>
<span class="sds-amount__currency">€</span>
</div>
</div>
<div class="sds-amount -amountNeutral -amountSm sds-comparisonTable__meta">
<div class="sds-amount__body">
<span class="sds-amount__value">/ année</span>
</div>
</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 -amountNeutral -amountSm">
<div class="sds-amount__body">
<span class="sds-amount__value">70,00</span>
<span class="sds-amount__currency">€</span>
</div>
</div>
<div class="sds-amount -amountNeutral -amountSm sds-comparisonTable__meta">
<div class="sds-amount__body">
<span class="sds-amount__value">/ année</span>
</div>
</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 -amountNeutral -amountSm">
<div class="sds-amount__body">
<span class="sds-amount__value">230,00</span>
<span class="sds-amount__currency">€</span>
</div>
</div>
<div class="sds-amount -amountNeutral -amountSm sds-comparisonTable__meta">
<div class="sds-amount__body">
<span class="sds-amount__value">/ année</span>
</div>
</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-4">
<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 -amountNeutral -amountSm">
<div class="sds-amount__body">
<span class="sds-amount__value">350,00</span>
<span class="sds-amount__currency">€</span>
</div>
</div>
<div class="sds-amount -amountNeutral -amountSm sds-comparisonTable__meta">
<div class="sds-amount__body">
<span class="sds-amount__value">/ année</span>
</div>
</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-4" 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-4" 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-4" 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">
<caption class="sr-only">Caption of table</caption>
<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-4" 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-4" 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-4" 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-disclaimer -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-disclaimer -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-disclaimer -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>
</div>
</section>
<section class="sds-section -spacingInsetBlockSmaller">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="row align-items-center">
<div class="col-7">
<img src="https://design.spuerkeess.lu/media/illustrations/png750x560/hero/sdsillu-robotgains.png" class="img-fluid" alt="">
</div>
<div class="col-5">
<div class="sds-featureIconBoxList">
<ul class="sds-featureIconBoxList__inner list-unstyled row row-cols-1 row-sm 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>
</div>
</div>
</div>
</section>
<section class="sds-section -spacingInsetBlockSmaller">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stackXl">
<div class="h2">Questions fréquemment posées</div>
<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>
</div>
</section>
<section class="sds-section -sectionSunken -sectionInverted -spacingInsetBlockSmaller">
<div class="sds-section__innerWrapper">
<div class="sds-section__inner">
<div class="container">
<div class="sds-stackXl">
<div class="h2 sds-section__textColor">Derniers articles</div>
<div class="row row-xs">
<div class="col-4">
<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>
<h3 class="h4 sds-textEllipsisSm">Retirez vos devises aux distributeurs S-Bank</h3>
</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>
</div>
<div class="col-4">
<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>
<h3 class="h4 sds-textEllipsisSm">Retirez vos devises aux distributeurs S-Bank</h3>
</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>
</div>
<div class="col-4">
<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>
<h3 class="h4 sds-textEllipsisSm">Retirez vos devises aux distributeurs S-Bank</h3>
</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>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sds-section -sectionSunken -sectionInverted -sectionOverflowHidden">
<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>
<h3 class="h4 sds-textEllipsisSm">Slide 1</h3>
</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>
<h3 class="h4 sds-textEllipsisSm">Slide 2</h3>
</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>
<h3 class="h4 sds-textEllipsisSm">Slide 3</h3>
</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>
<h3 class="h4 sds-textEllipsisSm">Slide 4</h3>
</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>
<h3 class="h4 sds-textEllipsisSm">Slide 5</h3>
</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>
<h3 class="h4 sds-textEllipsisSm">Slide 6</h3>
</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>
<h3 class="h4 sds-textEllipsisSm">Slide 7</h3>
</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>
<h3 class="h4 sds-textEllipsisSm">Slide 8</h3>
</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>
<h3 class="h4 sds-textEllipsisSm">Slide 9</h3>
</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>
<h3 class="h4 sds-textEllipsisSm">Slide 10</h3>
</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>
<h3 class="h4 sds-textEllipsisSm">Slide 11</h3>
</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>
<h3 class="h4 sds-textEllipsisSm">Slide 12</h3>
</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 -->
<div class="sds-slider__navigation row row-xs">
<div class="col">
<div class="sds-slider__pagination swiper-pagination"></div>
</div>
<div class="col-auto">
<ul class="sds-btnGroup">
<li>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-slider__prev swiper-button-prev" aria-label="Previous slide">
<span class="sds-icon sds-icon-arrowprevious"></span>
</button>
</li>
<li>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-slider__next swiper-button-next" aria-label="Next slide">
<span class="sds-icon sds-icon-arrownext"></span>
</button>
</li>
</ul>
</div>
</div>
</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>
<!-- main content end -->
</div>
</main>
</div>
</div>
<!-- content such as modals, tooltips, popovers etc should be included here -->
<div class="sds-modal modal fade -showFromRight -bodySecondary06" id="panierModal" aria-hidden="true" tabindex="-1">
<div class="sds-modal__dialog modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="sds-modal__content modal-content">
<div class="sds-modal__header modal-header">
<div class="sds-modal__title modal-title">Commandes</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="sds-stackLg">
<div class="sds-box -insetLg sds-stackLg">
<div class="row row-sm align-items-center no-bottom-gutter">
<div class="col">
<div class="h4">A signer</div>
</div>
<div class="col-auto flex-shrink-0">
<div class="d-flex align-items-center sds-staticInlineMd">
<div class="sds-textHelper">Expire dans 7 jours</div>
<ul class="sds-btnGroup">
<li>
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-trash"></span>
</button>
</li>
<li>
<button type="button" class="sds-btn -btnSecondary">
<span class="sds-icon sds-icon-sign"></span>
<span class="sds-btn__text">Signer</span>
</button>
</li>
</ul>
</div>
</div>
</div>
<div class="row row-xs align-items-center no-bottom-gutter">
<div class="col-3">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-packagefull.svg" alt="">
</div>
<div class="col">
<div class="sds-staticStackXxs">
<h5 class="h5">
Zebra Premium
</h5>
<div class="sds-textHelper sds-metaColor">
8,50 € / mois
</div>
</div>
</div>
</div>
</div>
<div id="timelineAccordion" class="sds-timeline -firstItemNoLine">
<div class="sds-box sds-timeline__item">
<div class="sds-sectionTitle -isTimelineItem">
<div class="sds-sectionTitle__inner">
<div class="sds-sectionTitle__col">
<div class="sds-sectionTitle__textMain">
{ Month }
</div>
</div>
</div>
<div class="sds-sectionTitle__toggleWrapper">
<button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall sds-sectionTitle__toggle stretched-link" data-toggle="collapse" data-target="#timelineCollapse-0" aria-expanded="true">
<span class="sds-icon sds-icon-plus"></span>
<div class="sr-only">Toggle transactions list</div>
</button>
</div>
</div>
<div class="collapse show" id="timelineCollapse-0">
<div class="sds-timeline__collapseInner">
<div class="sds-sectionItemTimeline">
<div class="sds-sectionItem -isTimelineItem -statusPositive -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-checkcircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sds-box sds-timeline__item">
<div class="sds-sectionTitle -isTimelineItem">
<div class="sds-sectionTitle__inner">
<div class="sds-sectionTitle__col">
<div class="sds-sectionTitle__textMain">
{ Month }
</div>
</div>
</div>
<div class="sds-sectionTitle__toggleWrapper">
<button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall sds-sectionTitle__toggle stretched-link" data-toggle="collapse" data-target="#timelineCollapse-1" aria-expanded="true">
<span class="sds-icon sds-icon-plus"></span>
<div class="sr-only">Toggle transactions list</div>
</button>
</div>
</div>
<div class="collapse show" id="timelineCollapse-1">
<div class="sds-timeline__collapseInner">
<div class="sds-sectionItemTimeline">
<div class="sds-sectionItem -isTimelineItem -statusPositive -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-checkcircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusNegative -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-crosscircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusPositive -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-checkcircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusNegative -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-crosscircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusPositive -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-checkcircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusNegative -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-crosscircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusPositive -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-checkcircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusNegative -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-crosscircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusPositive -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-checkcircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusNegative -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-crosscircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sds-box sds-timeline__item">
<div class="sds-sectionTitle -isTimelineItem">
<div class="sds-sectionTitle__inner">
<div class="sds-sectionTitle__col">
<div class="sds-sectionTitle__textMain">
{ Month }
</div>
</div>
</div>
<div class="sds-sectionTitle__toggleWrapper">
<button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall sds-sectionTitle__toggle stretched-link" data-toggle="collapse" data-target="#timelineCollapse-2" aria-expanded="true">
<span class="sds-icon sds-icon-plus"></span>
<div class="sr-only">Toggle transactions list</div>
</button>
</div>
</div>
<div class="collapse show" id="timelineCollapse-2">
<div class="sds-timeline__collapseInner">
<div class="sds-sectionItemTimeline">
<div class="sds-sectionItem -isTimelineItem -statusPositive -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-checkcircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusNegative -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-crosscircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusPositive -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-checkcircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusNegative -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-crosscircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusPositive -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-checkcircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusNegative -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-crosscircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusPositive -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-checkcircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusNegative -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-crosscircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusPositive -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-checkcircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
<div class="sds-sectionItem -isTimelineItem -statusNegative -isStatic">
<div class="sds-sectionItem__inner">
<div class="sds-sectionItem__innerCol -date">
<div class="sds-sectionItem__textMeta sds-textHelper">
{DD.MM.YYYY}
</div>
</div>
<div class="sds-sectionItem__innerCol -dot">
<div class="sds-sectionItem__dotWrapper">
<span class="sds-iconCircle sds-sectionItem__statusIcon" aria-hidden="true">
<span class="sds-icon sds-icon-crosscircleborder"></span>
</span>
</div>
</div>
<div class="sds-sectionItem__innerCol -grow -content">
<div>
<p>{ Product }</p>
<p class="sds-sectionItem__textMeta sds-textHelper">{ Additional Info }</p>
</div>
</div>
<div class="sds-sectionItem__innerCol">
<div class="sds-sectionItem__statusText sds-textSemiBold">
{ Status }
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% extends "@snet-page-frame" %}
{% block panelHeaderContent %}
<div class="{{ namespace }}panelHeader -headroom">
<div class="{{ namespace }}panelHeader__actionGroup">
<h1 class="h2">Store</h1>
</div>
<div class="{{ namespace }}panelHeader__alignEnd">
<div class="{{ namespace }}panelHeader__actionGroup">
{% render "@btn-secondary--icon-left",{
eltType: "a",
icon: "icon-search",
text: "Rechercher"
},true %}
</div>
<div class="{{ namespace }}panelHeader__actionGroup">
<div class="dropdown">
{% render "@btn-secondary--icon-left",{
icon: "icon-shoppingbag",
text: false,
badgeText: "01",
attrs: {
"data-toggle": "modal",
"data-target": "#panierModal"
}
},true %}
{% render "@snet-action-menu",{
classes: ["dropdown-menu-right"]
},true %}
</div>
</div>
</div>
</div>
{% endblock %}
{% block panelMainContent %}
<section class="{{ namespace }}section -sectionOverflowHidden -noInsetBlock">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="row align-items-center">
<div class="col">
{% render "@hero-heading",{
main: false,
title: "Gérer le quotidien",
subHeadingLvl: false,
subTypeElt: "p",
subTitle: "Gérez votre quotidien financier en toute simplicité grâce aux solutions de Spuerkeess",
subClasses: [namespace + "textBodyLg", namespace + "metaColor"]
},true %}
</div>
<div class="col-auto flex-shrink-0">
{% render "@spk-employee-card--row-separator-horizontal" %}
</div>
</div>
</div>
</div>
</div>
</section>
<section id="test" class="{{ namespace }}section -sectionSunken -sectionOverflowHidden -spacingInsetBlockSmaller">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="{{ namespace }}stackXl">
<h2 class="h2">Recommandés pour vous</h2>
<div class="{{ namespace }}documentSlider {{ namespace }}slider -overflowVisible">
<!-- adjust row class for spacing between slides here -->
<div class="row no-bottom-gutter align-items-start">
<div class="{{ namespace }}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">
{% for i in range(0,5) %}
<li class="swiper-slide col-md-4 col-xxl-3">
{% render "@spk-product-column--spot" %}
</li>
{% endfor %}
</ul>
<div class="{{ namespace }}slider__navigation row row-xs justify-content-end w-100">
<div class="col-auto">
<ul class="{{ namespace }}btnGroup">
<li>
{% render "@icon-btn-secondary",{
classes: [namespace + "slider__prev","swiper-button-prev"],
icon: "icon-arrowprevious",
attrs: {
"aria-label": "Previous slide"
}
},true %}
</li>
<li>
{% render "@icon-btn-secondary",{
classes: [namespace + "slider__next","swiper-button-next"],
icon: "icon-arrownext",
attrs: {
"aria-label": "Next slide"
}
},true %}
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -spacingInsetBlockSmaller">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="{{ namespace }}stackXl">
<div class="h2">Les plus demandées</div>
<div class="row row-xs">
<div class="col-12 col-md-6">
<a href="" class="d-flex">
{% render "@spk-product-row--small",{
badge: false,
parentIsLink: true
},true %}
</a>
</div>
<div class="col-12 col-md-6">
<a href="" class="d-flex">
{% render "@spk-product-row--small",{
badge: false,
parentIsLink: true
},true %}
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -spacingInsetBlockSmaller">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="{{ namespace }}stackXl">
<div class="h2">Nouveaux produits</div>
<div class="row row-xs">
<div class="col-12 col-md-6">
<a href="">
{% render "@spk-product-row--small",{
parentIsLink: true
},true %}
</a>
</div>
<div class="col-12 col-md-6">
<a href="">
{% render "@spk-product-row--small",{
parentIsLink: true
},true %}
</a>
</div>
<div class="col-12 col-md-6">
<a href="">
{% render "@spk-product-row--small",{
parentIsLink: true
},true %}
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -spacingInsetBlockSmaller">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
{% render "@snet-banner-old--background" %}
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -spacingInsetBlockSmaller">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="{{ namespace }}stackXl">
<div class="h2">Les familles de produits</div>
{% render "@spk-scroll-to-nav",{
classes: ["-itemsAutoWidthCustomXl"],
navItemClasses: ["-small"]
},true %}
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -spacingInsetBlockSmaller">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="{{ namespace }}stackXl">
<div class="h2">Bénéficiez de notre outil digital Speedinvest</div>
<div class="row">
<div class="col-6 col-xl-7">
{% render "@spk-product-detail" %}
</div>
<div class="col-6 col-xl-5 col-xxl-4 offset-xxl-1">
{% render "@spk-product-detail--summary" %}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -sectionSunken -spacingInsetBlockSmaller">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="{{ namespace }}stackXl">
<div class="h2">Comparez les cartes de crédit</div>
{% render "@spk-comparison-table--buttons" %}
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -spacingInsetBlockSmaller">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="row align-items-center">
<div class="col-7">
<img src="https://design.spuerkeess.lu/media/illustrations/png750x560/hero/sdsillu-robotgains.png" class="img-fluid" alt="">
</div>
<div class="col-5">
{% render "@spk-feature-icon-box-list",{
rowModifiers: ["row-sm", "row-cols-1"]
},true %}
</div>
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -spacingInsetBlockSmaller">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="{{ namespace }}stackXl">
<div class="h2">Questions fréquemment posées</div>
{% render "@spk-contextual-links" %}
</div>
</div>
</div>
</div>
</section>
<section class="{{ namespace }}section -sectionSunken -sectionInverted -spacingInsetBlockSmaller">
<div class="{{ namespace }}section__innerWrapper">
<div class="{{ namespace }}section__inner">
<div class="container">
<div class="{{ namespace }}stackXl">
<div class="h2 {{ namespace }}section__textColor">Derniers articles</div>
<div class="row row-xs">
<div class="col-4">
{% render "@spk-blog-article" %}
</div>
<div class="col-4">
{% render "@spk-blog-article" %}
</div>
<div class="col-4">
{% render "@spk-blog-article" %}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% render "@spk-related-articles" %}
{% endblock %}
{% block misc %}
{% render "@snet-modal-base--panier" %}
{% endblock %}