No notes defined.
<div class="sds-snetFrame">
<a href="#frameMain" class="sds-skipNavLink">
Skip to content
</a>
<header class="sds-navTopbar sds-snetFrame__header">
<div class="sds-navTopbar__container">
<nav class="sds-navTopbar__inner navbar navbar-expand">
<div class="sds-navTopbar__alignToMainContent">
<a class="sds-navTopbar__logo navbar-brand" href="#">
<img src="../../media/logos/logo-bcee.svg" class="img-fluid" alt="">
</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 class="sds-snetFrame__menu">
<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 -isOpen">
<a href="" class="sds-snetFrame__menuLink">
<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 class="sds-snetFrame__main" id="frameMain">
<!-- panel header content start -->
<div class="sds-snetFrame__mainHeader -noPadding">
<div class="sds-searchHeader -fullWidthOutOfBounds">
<div class="sds-searchHeader__container">
<h1 class="sds-searchHeader__title h1">Aide</h1>
</div>
<div class="sds-searchHeader__search">
<div class="container-fluid">
<div class="row no-bottom-gutter justify-content-center">
<div class="col-12 col-md-8">
<div class="sds-input -search -hasIcon -bgWhite -large -noBorder">
<input id="" class="sds-input form-control" type="text" placeholder="Recherche" value="">
<div class="sds-input__searchActions">
<div class="sds-input__clearBtn">
<button type="button" class="sds-btn -iconBtn -btnSecondary -ghost -smaller">
<span class="sds-icon sds-icon-close"></span>
</button>
</div>
<div class="sds-input__searchBtn">
<button type="button" class="sds-btn -btnSecondary" disabled>
<span class="sds-btn__text">Rechercher</span>
</button>
</div>
</div>
<div class="sds-input__iconLeft">
<span class="sds-icon sds-icon-search"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- panel header content end -->
<div class="sds-snetFrame__mainContent">
<!-- main content start -->
<div class="sds-stackLg">
<h3 class="h3">
Raccourcis
<span class="sds-headingLight">Un doute, une question ? Ne vous inquiétez pas, nous vous indiquons le chemin.</span>
</h3>
<ul class="row row-xs align-items-stretch-immediate row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-xl-4">
<li class="col">
<div class="sds-shortcutCard sds-box -insetLg">
<div class="sds-shortcutCard__img">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-financialmarkets.svg" alt="">
</div>
<div class="sds-shortcutCard__content sds-stackLg">
<div class="sds-shortcutCard__text sds-stackXs">
<h3 class="h4">Accéder aux marchés financiers</h3>
<p>{Description}</p>
</div>
<a href="" class="sds-btn -btnSecondary sds-shortcutCard__action stretched-link">
<span class="sds-btn__text">Lancer l'action</span>
<span class="sds-icon sds-icon-chevronrightdouble"></span>
</a>
</div>
</div>
</li>
<li class="col">
<div class="sds-shortcutCard sds-box -insetLg">
<div class="sds-shortcutCard__img">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-cardreceive.svg" alt="">
</div>
<div class="sds-shortcutCard__content sds-stackLg">
<div class="sds-shortcutCard__text sds-stackXs">
<h3 class="h4">Demander une carte de paiement</h3>
<p>Choisissez et commandez la carte qui vous convient en quelques clics.</p>
</div>
<a href="" class="sds-btn -btnSecondary sds-shortcutCard__action stretched-link">
<span class="sds-btn__text">Lancer l'action</span>
<span class="sds-icon sds-icon-chevronrightdouble"></span>
</a>
</div>
</div>
</li>
<li class="col">
<div class="sds-shortcutCard sds-box -insetLg">
<div class="sds-shortcutCard__img">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-rib.svg" alt="">
</div>
<div class="sds-shortcutCard__content sds-stackLg">
<div class="sds-shortcutCard__text sds-stackXs">
<h3 class="h4">Relevé d'identité bancaire (RIB)</h3>
<p>Téléchargez votre relevé d'identité bancaire.</p>
</div>
<a href="" class="sds-btn -btnSecondary sds-shortcutCard__action stretched-link">
<span class="sds-btn__text">Lancer l'action</span>
<span class="sds-icon sds-icon-chevronrightdouble"></span>
</a>
</div>
</div>
</li>
<li class="col">
<div class="sds-shortcutCard sds-box -insetLg">
<div class="sds-shortcutCard__img">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-accounts.svg" alt="">
</div>
<div class="sds-shortcutCard__content sds-stackLg">
<div class="sds-shortcutCard__text sds-stackXs">
<h3 class="h4">Modifier la limite de ma carte Visa</h3>
<p>Accédez à la gestion de votre carte afin de modifier la limite de paiement.</p>
</div>
<a href="" class="sds-btn -btnSecondary sds-shortcutCard__action stretched-link">
<span class="sds-btn__text">Lancer l'action</span>
<span class="sds-icon sds-icon-chevronrightdouble"></span>
</a>
</div>
</div>
</li>
<li class="col">
<div class="sds-shortcutCard sds-box -insetLg">
<div class="sds-shortcutCard__img">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-profile.svg" alt="">
</div>
<div class="sds-shortcutCard__content sds-stackLg">
<div class="sds-shortcutCard__text sds-stackXs">
<h3 class="h4">Modifier mes données personnelles</h3>
<p>Accédez à votre espace client afin de mettre à jour vos données personnelles.</p>
</div>
<a href="" class="sds-btn -btnSecondary sds-shortcutCard__action stretched-link">
<span class="sds-btn__text">Lancer l'action</span>
<span class="sds-icon sds-icon-chevronrightdouble"></span>
</a>
</div>
</div>
</li>
<li class="col">
<div class="sds-shortcutCard sds-box -insetLg">
<div class="sds-shortcutCard__img">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-rdvonlinesimp.svg" alt="">
</div>
<div class="sds-shortcutCard__content sds-stackLg">
<div class="sds-shortcutCard__text sds-stackXs">
<h3 class="h4">Prendre un rendez-vous</h3>
<p>Prenez et gérez vos rendez-vous depuis votre espace personnel.</p>
</div>
<a href="" class="sds-btn -btnSecondary sds-shortcutCard__action stretched-link">
<span class="sds-btn__text">Lancer l'action</span>
<span class="sds-icon sds-icon-chevronrightdouble"></span>
</a>
</div>
</div>
</li>
<li class="col">
<div class="sds-shortcutCard sds-box -insetLg">
<div class="sds-shortcutCard__img">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-recurringpayment.svg" alt="">
</div>
<div class="sds-shortcutCard__content sds-stackLg">
<div class="sds-shortcutCard__text sds-stackXs">
<h3 class="h4">Créer ou modifier un ordre permanent</h3>
<p>Vous souhaitez faire des virements réguliers ou modifier un ordre permanent existant ?</p>
</div>
<a href="" class="sds-btn -btnSecondary sds-shortcutCard__action stretched-link">
<span class="sds-btn__text">Lancer l'action</span>
<span class="sds-icon sds-icon-chevronrightdouble"></span>
</a>
</div>
</div>
</li>
<li class="col">
<div class="sds-shortcutCard sds-box -insetLg">
<div class="sds-shortcutCard__img">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-switchingon.svg" alt="">
</div>
<div class="sds-shortcutCard__content sds-stackLg">
<div class="sds-shortcutCard__text sds-stackXs">
<h3 class="h4">Activer ou bloquer une domiciliation</h3>
<p>Vous ne souhaitez plus que votre prestataire de service encaisse automatiquement vos factures ?</p>
</div>
<a href="" class="sds-btn -btnSecondary sds-shortcutCard__action stretched-link">
<span class="sds-btn__text">Lancer l'action</span>
<span class="sds-icon sds-icon-chevronrightdouble"></span>
</a>
</div>
</div>
</li>
<li class="col">
<div class="sds-shortcutCard sds-box -insetLg">
<div class="sds-shortcutCard__img">
<img class="img-fluid" src="https://design.spuerkeess.lu/media/illustrations/svg750x560/hero/sdsillu-reachinglimit.svg" alt="">
</div>
<div class="sds-shortcutCard__content sds-stackLg">
<div class="sds-shortcutCard__text sds-stackXs">
<h3 class="h4">Limite de paiement S-Net</h3>
<p>Augmentez votre limite de paiement S-Net pour une durée temporaire.</p>
</div>
<a href="" class="sds-btn -btnSecondary sds-shortcutCard__action stretched-link">
<span class="sds-btn__text">Lancer l'action</span>
<span class="sds-icon sds-icon-chevronrightdouble"></span>
</a>
</div>
</div>
</li>
</ul>
<a href="" class="sds-banner -background -insetLg -sizeLg">
<img class="sds-banner__img" src="../../media/snet/illustrations/sdsillu-questioning.svg" alt="">
<div class="sds-banner__content">
<h3 class="h3 sds-banner__title">
Envie d'en savoir plus ? Découvrez notre Help-Center.
<span class="sds-headingLight">Retrouvez ici tous les guides utilisateurs des fonctionnalités S-Net.</span>
</h3>
</div>
<span class="sds-iconCircle -secondary10 sds-hoverContentSecondary__icon" aria-hidden="true">
<span class="sds-icon sds-icon-arrownext"></span>
</span>
</a>
<div class="sds-banner -btn -insetLg -mobileCard">
<div class="sds-banner__content">
<h3 class="h3 sds-banner__title">
Vous rencontrez un problème technique avec S-Net ? Faites-le-nous savoir !
<span class="sds-headingLight">N'hésitez pas à nous signaler tout problème rencontré avec S-Net.</span>
</h3>
</div>
<a href="" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Signaler un problème technique</span>
</a>
</div>
</div>
<!-- main content end -->
</div>
</main>
</div>
</div>
<!-- content such as modals, tooltips, popovers etc should be included here -->
{% extends "@snet-page-frame" %}
{% block panelHeaderContent %}
{% render "@snet-search-header",{
classes: ["-fullWidthOutOfBounds"]
},true %}
{% endblock %}
{% block panelMainContent %}
<div class="{{ namespace }}stackLg">
{% render "@heading--h3-subtext", {
text: heading,
subText: subHeading
}, true %}
<ul class="row row-xs align-items-stretch-immediate row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-xl-4">
{% for key, item in listBanner %}
<li class="col">
{% render "@snet-shortcut-card", {
illu: item.illu,
title: item.title,
text: item.text
}, true %}
</li>
{% endfor %}
</ul>
{% render "@snet-banner--background-large", {
title: "Envie d'en savoir plus ? Découvrez notre Help-Center.",
text: "Retrouvez ici tous les guides utilisateurs des fonctionnalités S-Net."
}, true %}
{% render "@snet-banner--cta" %}
</div>
{% endblock %}
{% block misc %}
{% endblock %}