No notes defined.
<div class="sds-snetFrame">
<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 aria-hidden="true" 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 aria-hidden="true" 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-btn -btnSecondary -btnHasAvatar sds-navTopbar__btn" data-toggle="dropdown" aria-expanded="false">
<div class="sds-btn__avatar">
<div class="sds-avatar centeredBgi -avatarBase">
<div class="sds-avatar__text">JS</div>
</div>
</div>
<span class="sds-btn__text">
Jil Schmidt
</span>
<span class="sds-icon sds-icon-chevrondown"></span>
</button>
<div class="dropdown-menu dropdown-menu-right sds-fullScreenMinusTopNav dropdown-menu-inset-md sds-navTopbar__dropdown sds-navTopbar__userMenu">
<div class="sds-staticStackLg">
<div class="sds-listItem" data-scope-wrapper="box" data-scope="sunken">
<div class="sds-listItem__leading">
<div class="sds-avatar centeredBgi -avatarBase" aria-hidden="true">
<div class="sds-avatar__text">JS</div>
</div>
</div>
<div class="sds-listItem__center">
<div class="sds-staticStackXxs">
<p class="sds-textSemiBold sds-headingColor">Jil Schmidt</p>
<p class="sds-textHelper sds-metaColor">Mes données personnelles</p>
</div>
</div>
<div class="sds-listItem__trailing">
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span aria-hidden="true" class="sds-icon sds-icon-edit"></span>
<div class="sr-only">Editer mes données personnelles</div>
</button>
</div>
</div>
<div>
<ul class="list-unstyled sds-staticStackSm">
<li>
<a href="" class="sds-listItem" data-scope-wrapper="box" data-scope="flat">
<div class="sds-listItem__leading">
<span class="sds-iconBlock -iconBlockHighlight" aria-hidden="true">
<span class="sds-iconBlock__icon sds-icon sds-icon-chat"></span>
</span>
</div>
<div class="sds-listItem__center">
<p class="sds-textSemiBold sds-headingColor">Mes communications</p>
</div>
<div class="sds-listItem__trailing">
<span class="sds-badge badge -badgeHighlight -badgeSm">
99+
<span class="sr-only">notifications</span>
</span>
</div>
</a>
</li>
<li>
<a href="" class="sds-listItem" data-scope-wrapper="box" data-scope="flat">
<div class="sds-listItem__leading">
<span class="sds-iconBlock -iconBlockHighlight" aria-hidden="true">
<span class="sds-iconBlock__icon sds-icon sds-icon-chat"></span>
</span>
</div>
<div class="sds-listItem__center">
<p class="sds-textSemiBold sds-headingColor">Mes documents</p>
</div>
</a>
</li>
<li>
<a href="" class="sds-listItem" data-scope-wrapper="box" data-scope="flat">
<div class="sds-listItem__leading">
<span class="sds-iconBlock -iconBlockHighlight" aria-hidden="true">
<span class="sds-iconBlock__icon sds-icon sds-icon-chat"></span>
</span>
</div>
<div class="sds-listItem__center">
<p class="sds-textSemiBold sds-headingColor">Mes commandes</p>
</div>
</a>
</li>
<li>
<a href="" class="sds-listItem" data-scope-wrapper="box" data-scope="flat">
<div class="sds-listItem__leading">
<span class="sds-iconBlock -iconBlockHighlight" aria-hidden="true">
<span class="sds-iconBlock__icon sds-icon sds-icon-chat"></span>
</span>
</div>
<div class="sds-listItem__center">
<p class="sds-textSemiBold sds-headingColor">Mes rendez-vous</p>
</div>
</a>
</li>
<li>
<a href="" class="sds-listItem" data-scope-wrapper="box" data-scope="flat">
<div class="sds-listItem__leading">
<span class="sds-iconBlock -iconBlockHighlight" aria-hidden="true">
<span class="sds-iconBlock__icon sds-icon sds-icon-chat"></span>
</span>
</div>
<div class="sds-listItem__center">
<p class="sds-textSemiBold sds-headingColor">Paramètres</p>
</div>
</a>
</li>
</ul>
<div class="dropdown-divider" aria-hidden="true"></div>
<a href="" class="sds-listItem" data-scope-wrapper="box" data-scope="flat">
<div class="sds-listItem__leading">
<span class="sds-iconBlock -iconBlockHighlight" aria-hidden="true">
<span class="sds-iconBlock__icon sds-icon sds-icon-switch"></span>
</span>
</div>
<div class="sds-listItem__center">
<p class="sds-textSemiBold sds-headingColor">Changer de compte</p>
</div>
</a>
</div>
<section class="sds-staticStackSm">
<div class="sds-listItem -listItemNoInsetBlock -listItemStatic">
<p class="h4">Besoin d'aide?</p>
</div>
<button type="button" class="sds-listItem" data-scope-wrapper="box" data-scope="flat">
<span class="sds-listItem__leading">
<div class="sds-avatar centeredBgi">
<img class="img-fluid" src="../../media/snet/avatars/avatarUser.png" alt="">
</div>
</span>
<span class="sds-listItem__center">
<span class="sds-textSemiBold sds-headingColor">Contacter votre conseiller</span>
</span>
</button>
</section>
</div>
</div>
</li>
<li class="sds-navTopbar__item">
<button type="button" class="sds-btn -iconBtn -secondary100 sds-navTopbar__icon">
<span aria-hidden="true" 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" tabindex="0">
<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">
<div class="sds-panelHeader__actionGroup">
<nav role="navigation" class="sds-linkTabs">
<ul class="sds-linkTabs__inner nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" href="">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">Transactions</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">Documents & Alertes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">Newscenter</a>
</li>
</ul>
</nav>
</div>
<div class="sds-panelHeader__alignEnd">
</div>
</div>
</div>
<!-- panel header content end -->
<div class="sds-snetFrame__mainContent">
<!-- main content start -->
<div class="sds-box -boxInsetLg flex-grow-1 d-flex align-items-center">
<div class="sds-emptyState">
<span class="sds-emptyState__icon sds-icon sds-icon-history-l" aria-hidden="true"></span>
<div class="sds-emptyState__textBlock sds-stackXxs">
<p class="sds-emptyState__text sds-textSemiBold">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. 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>
</div>
<button type="button" class="sds-btn -btnSecondary">
<span class="sds-icon sds-false"></span>
<span class="sds-btn__text">
Créer un ordre permanent
</span>
</button>
</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-panel-header--notification-accueil" %}
{% endblock %}
{% block panelMainContent %}
<div class="{{ namespace }}box -boxInsetLg flex-grow-1 d-flex align-items-center">
{% render "@empty-state",{
btnIcon: false
},true %}
</div>
{% endblock %}