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 -isActive">
<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 -headroom">
<div class="sds-panelHeader">
<div class="sds-panelHeader__actionGroup sds-panelHeader__back">
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-arrowprevious"></span>
</button>
</div>
<div class="sds-panelHeader__actionGroup -big">
<div class="sds-accountSelector dropdown">
<div class="sds-accountSelector__content sds-stackXs">
<div class="h4">{Account Name}</div>
<div class="sds-accountSelector__number sds-textHelper">LU## #### #### #### ####</div>
</div>
<div class="sds-accountSelector__actions">
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-accountSelector__btn stretched-link" data-toggle="dropdown" aria-expanded="false" data-display="static">
<span class="sds-icon sds-icon-chevrondown"></span>
<div class="sr-only">Toggle account selector dropdown with accounts</div>
</button>
<div class="sds-accountSelector__dropdown dropdown-menu dropdown-menu-left">
<form class="sds-stackMd" action="">
<div class="sds-accountSelector__dropdownHeading h3">Mes comptes personnels</div>
<div class="sds-stackSm">
<div class="h4">Comptes et cartes</div>
<div class="sds-accountSelector__dropdownSection sds-stackSm">
<div class="sds-accountCard sds-showCustomIndicatorHover">
<label class="sds-accountCard__inner">
<input value="radio-value" type="radio" name="radio-name" class="sr-only sds-accountCard__input" id="" checked><span class="sds-radioDot sds-accountCard__checkItem" aria-hidden="true"></span>
<span class="sds-accountCard__content sds-stackXs">
<div>
Jil Schmit
</div>
<span class="sds-textHelper sds-accountCard__meta">
compte courant
</span>
</span>
<div class="sds-amount -positive -amountLg">
<span class="sds-amount__value">{+#.###,##}</span>
<span class="sds-amount__currency">€</span>
</div>
</label>
</div>
<div class="sds-accountCard sds-showCustomIndicatorHover">
<label class="sds-accountCard__inner">
<input value="radio-value" type="radio" name="radio-name" class="sr-only sds-accountCard__input" id=""><span class="sds-radioDot sds-accountCard__checkItem" aria-hidden="true"></span>
<span class="sds-accountCard__content sds-stackXs">
<div>
Jil Schmit
</div>
<span class="sds-textHelper sds-accountCard__meta">
compte courant
</span>
</span>
<div class="sds-amount -positive -amountLg">
<span class="sds-amount__value">{+#.###,##}</span>
<span class="sds-amount__currency">€</span>
</div>
</label>
</div>
<div class="sds-accountCard sds-showCustomIndicatorHover">
<label class="sds-accountCard__inner">
<input value="radio-value" type="radio" name="radio-name" class="sr-only sds-accountCard__input" id=""><span class="sds-radioDot sds-accountCard__checkItem" aria-hidden="true"></span>
<span class="sds-accountCard__content sds-stackXs">
<div>
Jil Schmit
</div>
<span class="sds-textHelper sds-accountCard__meta">
compte courant
</span>
</span>
<div class="sds-amount -positive -amountLg">
<span class="sds-amount__value">{+#.###,##}</span>
<span class="sds-amount__currency">€</span>
</div>
</label>
</div>
</div>
</div>
<div class="sds-stackSm">
<div class="h4">Epargne</div>
<div class="sds-accountSelector__dropdownSection sds-stackSm">
<div class="sds-accountCard sds-showCustomIndicatorHover">
<label class="sds-accountCard__inner">
<input value="radio-value" type="radio" name="radio-name" class="sr-only sds-accountCard__input" id=""><span class="sds-radioDot sds-accountCard__checkItem" aria-hidden="true"></span>
<span class="sds-accountCard__content sds-stackXs">
<div>
Jil Schmit
</div>
<span class="sds-textHelper sds-accountCard__meta">
compte courant
</span>
</span>
<div class="sds-amount -positive -amountLg">
<span class="sds-amount__value">{+#.###,##}</span>
<span class="sds-amount__currency">€</span>
</div>
</label>
</div>
</div>
</div>
<div class="sds-stackSm">
<div class="h4">Investissements</div>
<div class="sds-accountSelector__dropdownSection sds-stackSm">
<div class="sds-accountCard sds-showCustomIndicatorHover">
<label class="sds-accountCard__inner">
<input value="radio-value" type="radio" name="radio-name" class="sr-only sds-accountCard__input" id=""><span class="sds-radioDot sds-accountCard__checkItem" aria-hidden="true"></span>
<span class="sds-accountCard__content sds-stackXs">
<div>
Jil Schmit
</div>
<span class="sds-textHelper sds-accountCard__meta">
compte courant
</span>
</span>
<div class="sds-amount -positive -amountLg">
<span class="sds-amount__value">{+#.###,##}</span>
<span class="sds-amount__currency">€</span>
</div>
</label>
</div>
</div>
</div>
<div class="sds-stackSm">
<div class="h4">Prêts</div>
<div class="sds-accountSelector__dropdownSection sds-stackSm">
<div class="sds-accountCard sds-showCustomIndicatorHover">
<label class="sds-accountCard__inner">
<input value="radio-value" type="radio" name="radio-name" class="sr-only sds-accountCard__input" id=""><span class="sds-radioDot sds-accountCard__checkItem" aria-hidden="true"></span>
<span class="sds-accountCard__content sds-stackXs">
<div>
Jil Schmit
</div>
<span class="sds-textHelper sds-accountCard__meta">
compte courant
</span>
</span>
<div class="sds-amount -positive -amountLg">
<span class="sds-amount__value">{+#.###,##}</span>
<span class="sds-amount__currency">€</span>
</div>
</label>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="sds-panelHeader__alignEnd">
<div class="sds-panelHeader__actionGroup -big">
<a href="" class="sds-btn -iconBtn -btnPrimary">
<span class="sds-icon sds-icon-minus"></span>
</a>
<a href="" class="sds-btn -iconBtn -btnPrimary">
<span class="sds-icon sds-icon-plus"></span>
</a>
</div>
<div class="sds-panelHeader__actionGroup -big">
<button type="button" class="sds-btn -btnSecondary">
<span class="sds-icon sds-icon-history"></span>
<span class="sds-btn__text">Transactions</span>
</button>
<div class="dropdown">
<button type="button" class="sds-btn -iconBtn -btnSecondary dropdown-toggle" data-toggle="dropdown">
<span class="sds-icon sds-icon-more"></span>
</button>
<div aria-labelledby="" class="sds-actionMenu dropdown-menu dropdown-menu-right">
<a href="" class="sds-actionMenu__item dropdown-item">
<span class="sds-iconCircle -secondary10" aria-hidden="true">
<span class="sds-icon sds-icon-edit"></span>
</span>
<span>Renommer</span>
</a>
<a href="" class="sds-actionMenu__item dropdown-item">
<span class="sds-iconCircle -secondary10" aria-hidden="true">
<span class="sds-icon sds-icon-infocircleborder"></span>
</span>
<span>Informations</span>
</a>
<a href="" class="sds-actionMenu__item dropdown-item">
<span class="sds-iconCircle -secondary10" aria-hidden="true">
<span class="sds-icon sds-icon-reload"></span>
</span>
<span>Ordre permanent</span>
</a>
<a href="" class="sds-actionMenu__item dropdown-item">
<span class="sds-iconCircle -secondary10" aria-hidden="true">
<span class="sds-icon sds-icon-sign"></span>
</span>
<span>Stratégie</span>
</a>
<a href="" class="sds-actionMenu__item dropdown-item">
<span class="sds-iconCircle -secondary10" aria-hidden="true">
<span class="sds-icon sds-icon-trash"></span>
</span>
<span>Résilier</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- panel header content end -->
<div class="sds-snetFrame__mainContent">
<!-- main content start -->
<div class="row">
<div class="col-12 col-lg-8">
<div class="sds-stackXl">
<div class="sds-box -insetLg">
<div class="sds-stackLg">
<div class="sds-stackSm">
<div class="h4">Evaluation totale</div>
<div class="sds-amountSummaryHeader">
<div class="sds-amountSummaryHeader__amount">
<div class="sds-amount -amountXxl">
<span class="sds-amount__value">30.458,45</span>
<span class="sds-amount__currency">€</span>
</div>
</div>
<p class="sds-amountSummaryHeader__subTitle">
<span class="sds-amountSummaryHeader__icon sds-icon sds-icon-hourglass -isProcessing" aria-hidden="true"></span>
<span>500 €</span> <a href="#!" class="sds-textHelper sds-textSemiBold text-underline">(Investissement en cours)</a>
</p>
</div>
</div>
<div class="sds-box__outOfBoundsLg sds-exceptionStackMd">
<img class="img-fluid" src="../../media/snet/speedinvest/graph.png" alt="">
</div>
<ul class="sds-btnGroup justify-content-center list-unstyled">
<li>
<span class="sr-only">Données pour les 1 derni(er/ère)(s) semaine(s)</span>
<button type="button" class="sds-chip sds-dataToggler__item">
1<span aria-hidden='true'>S</span>
</button>
</li>
<li>
<span class="sr-only">Données pour les 1 derni(er/ère)(s) mois</span>
<button type="button" class="sds-chip sds-dataToggler__item">
1<span aria-hidden='true'>M</span>
</button>
</li>
<li>
<span class="sr-only">Données pour les 3 derni(er/ère)(s) mois</span>
<button type="button" class="sds-chip sds-dataToggler__item">
3<span aria-hidden='true'>M</span>
</button>
</li>
<li>
<span class="sr-only">Données pour les 1 derni(er/ère)(s) année(s)</span>
<button type="button" class="sds-chip sds-dataToggler__item">
1<span aria-hidden='true'>A</span>
</button>
</li>
<li>
<span class="sr-only">Données pour les 10 derni(er/ère)(s) année(s)</span>
<button type="button" class="sds-chip -isActive sds-dataToggler__item">
10<span aria-hidden='true'>A</span>
</button>
</li>
</ul>
</div>
</div>
<div class="sds-box -insetLg">
<div class="sds-stackLg">
<nav>
<ul class="sds-toggleTab list-unstyled nav -fullWidth" id="" role="tablist">
<li class="nav-item" role="presentation">
<button type="button" class="sds-btn -btnSecondary -btnSmall sds-toggleTab__btn -isActive active" id="" data-toggle="tab" data-target="#dailyperf" role="tab" aria-controls="dailyperf" aria-selected="true">
<span class="sds-btn__text">Performance du jour</span>
</button>
</li>
<li class="nav-item" role="presentation">
<button type="button" class="sds-btn -btnSecondary -btnSmall sds-toggleTab__btn" id="" data-toggle="tab" data-target="#globalperf" role="tab" aria-controls="globalperf" aria-selected="false">
<span class="sds-btn__text">Performance globale</span>
</button>
</li>
</li>
</ul>
</nav>
<div class="tab-content">
<div class="tab-pane show fade active" id="dailyperf" role="tabpanel" aria-labelledby="dailyperf-tab">
<ul class="wrappertest list-unstyled sds-stackMd -stackBorder">
<li>
<div class="sds-stockCard">
<div class="sds-stockCard__row">
<p>Global Diversified SI EQ. FD</p>
<div class="sds-badge badge -primary10 -stock">
<span class="sds-icon sds-icon-arrowlower"></span>
0,22%
</div>
</div>
<div class="sds-stockCard__row">
<p class="sds-stockCard__meta sds-textHelper">161 unités • 208,38 €</p>
<p class="sds-stockCard__meta sds-textHelper">33.549,18 €</p>
</div>
</div>
</li>
<li>
<div class="sds-stockCard">
<div class="sds-stockCard__row">
<p>Global Diversified SI EQ. FD</p>
<div class="sds-badge badge -success10 -stock">
<span class="sds-icon sds-icon-arrowhigher"></span>
0,22%
</div>
</div>
<div class="sds-stockCard__row">
<p class="sds-stockCard__meta sds-textHelper">161 unités • 208,38 €</p>
<p class="sds-stockCard__meta sds-textHelper">33.549,18 €</p>
</div>
</div>
</li>
</ul>
</div>
<div class="tab-pane fade" id="globalperf" role="tabpanel" aria-labelledby="globalperf-tab">
<ul class="wrappertest list-unstyled sds-stackMd -stackBorder">
<li>
<div class="sds-stockCard">
<div class="sds-stockCard__row">
<p>Global Diversified SI EQ. FD</p>
<div class="sds-badge badge -primary10 -stock">
<span class="sds-icon sds-icon-arrowlower"></span>
0,22%
</div>
</div>
<div class="sds-stockCard__row">
<p class="sds-stockCard__meta sds-textHelper">161 unités • 208,38 €</p>
<p class="sds-stockCard__meta sds-textHelper">33.549,18 €</p>
</div>
</div>
</li>
<li>
<div class="sds-stockCard">
<div class="sds-stockCard__row">
<p>Global Diversified SI EQ. FD</p>
<div class="sds-badge badge -success10 -stock">
<span class="sds-icon sds-icon-arrowhigher"></span>
0,22%
</div>
</div>
<div class="sds-stockCard__row">
<p class="sds-stockCard__meta sds-textHelper">161 unités • 208,38 €</p>
<p class="sds-stockCard__meta sds-textHelper">33.549,18 €</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="sds-box -insetLg">
<div class="sds-stackLg">
<div class="h4">Secteurs principaux</div>
<ul class="list-unstyled sds-stackLg">
<li>
<div class="sds-distributionItem">
<div class="sds-amount -amountLg -amountXl">
<span class="sds-amount__value">7,20</span>
<span class="sds-amount__currency">%</span>
</div>
<div class="sds-distributionItem__content">
<p>Matériaux</p>
</div>
<img class="sds-distributionItem__icon img-fluid" src="https:/design.spuerkeess.lu/media/brand-icons/svg48x/sdsbrandicon-buildingfinance.svg" alt="img alt">
</div>
</li>
<li>
<div class="sds-distributionItem">
<div class="sds-amount -amountLg -amountXl">
<span class="sds-amount__value">6,36</span>
<span class="sds-amount__currency">%</span>
</div>
<div class="sds-distributionItem__content">
<p>Consommation cyclique</p>
</div>
<img class="sds-distributionItem__icon img-fluid" src="https://design.spuerkeess.lu/media/brand-icons/svg48x/sdsbrandicon-mobile.svg" alt="img alt">
</div>
</li>
<li>
<div class="sds-distributionItem">
<div class="sds-amount -amountLg -amountXl">
<span class="sds-amount__value">5,45</span>
<span class="sds-amount__currency">%</span>
</div>
<div class="sds-distributionItem__content">
<p>Industrie</p>
</div>
<img class="sds-distributionItem__icon img-fluid" src="https://design.spuerkeess.lu/media/brand-icons/svg48x/sdsbrandicon-plus.svg" alt="img alt">
</div>
</li>
</ul>
</div>
</div>
<div class="sds-box -insetLg">
<div class="sds-stackLg">
<div class="h4">Sous-jacent principaux</div>
<ul class="list-unstyled sds-stackLg">
<li>
<div class="sds-distributionItem">
<div class="sds-amount -highlight100 -amountXl">
<span class="sds-amount__value">6,49</span>
<span class="sds-amount__currency">%</span>
</div>
<div class="sds-distributionItem__content">
<p>Vanguard USD Treasury Bond</p>
<p class="sds-distributionItem__meta sds-textHelper">{LU##########}</p>
</div>
</div>
</li>
<li>
<div class="sds-distributionItem">
<div class="sds-amount -highlight100 -amountXl">
<span class="sds-amount__value">4,79</span>
<span class="sds-amount__currency">%</span>
</div>
<div class="sds-distributionItem__content">
<p>XTrackers II</p>
<p class="sds-distributionItem__meta sds-textHelper">{LU##########}</p>
</div>
</div>
</li>
<li>
<div class="sds-distributionItem">
<div class="sds-amount -highlight100 -amountXl">
<span class="sds-amount__value">4,18</span>
<span class="sds-amount__currency">%</span>
</div>
<div class="sds-distributionItem__content">
<p>DBXT2 IBOXX EUR LIQ CORP 100FI</p>
<p class="sds-distributionItem__meta sds-textHelper">{LU##########}</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="sds-stackXl">
<div class="sds-box -insetLg">
<div class="sds-stackLg">
<div class="h4">Performance du portefeuille-titres</div>
<div class="row row-xs align-items-center">
<div class="col">
<div class="sds-stockCard">
<div class="sds-stackSm">
<p class="sds-stockCard__meta sds-textHelper">Aujourd’hui</p>
<div class="sds-badge badge -success10 -stock">
<span class="sds-icon sds-icon-arrowhigher"></span>
0,22%
</div>
</div>
</div>
</div>
<div class="col">
<div class="sds-stockCard">
<div class="sds-stackSm">
<p class="sds-stockCard__meta sds-textHelper">Global</p>
<div class="sds-badge badge -success10 -stock">
<span class="sds-icon sds-icon-arrowhigher"></span>
0,22%
</div>
</div>
</div>
</div>
<div class="col-auto">
<button type="button" class="sds-infoDot" data-toggle="modal" data-target="#speedinvestMoreInfoModal">
<span class="sds-icon sds-icon-infocircleborder"></span>
<span class="sr-only">Show more info</span>
</button>
</div>
</div>
<div>
<div class="collapse" id="speedinvestSidebarCollapse">
<div class="sds-collapse__insetBottomLg">
<div class="row row-xs align-items-center no-bottom-gutter">
<div class="col">
<div class="sds-stockCard">
<div class="sds-stackSm">
<p class="sds-stockCard__meta sds-textHelper">NWR</p>
<div class="sds-badge badge -success10 -stock">
<span class="sds-icon sds-icon-arrowhigher"></span>
0,22%
</div>
</div>
</div>
</div>
<div class="col">
<div class="sds-stockCard">
<div class="sds-stackSm">
<p class="sds-stockCard__meta sds-textHelper">TWR</p>
<div class="sds-badge badge -success10 -stock">
<span class="sds-icon sds-icon-arrowhigher"></span>
0,22%
</div>
</div>
</div>
</div>
<div class="col-auto">
<button type="button" class="sds-infoDot" data-toggle="modal" data-target="#speedinvestStockModal">
<span class="sds-icon sds-icon-infocircleborder"></span>
<span class="sr-only">Show more info</span>
</button>
</div>
</div>
</div>
</div>
<div class="text-center">
<button type="button" class="sds-btn -btnSecondary -btnSmall -collapseTrigger" data-toggle="collapse" data-target="#speedinvestSidebarCollapse">
<span class="sds-icon sds-icon-plus"></span>
<span class="sds-btn__text">Voir plus</span>
</button>
</div>
</div>
</div>
</div>
<div class="sds-box -insetLg">
<div class="sds-stackLg">
<div class="h4">Allocation</div>
<div id="doughnuthChartZone">
<img class="img-fluid" src="../../media/snet/speedinvest/doughnut-chart.png" alt="">
</div>
<ul class="list-unstyled sds-stackLg">
<li>
<div class="sds-distributionItem -legendHighlight">
<div class="sds-amount -amountLg -amountXl">
<span class="sds-amount__value">80</span>
<span class="sds-amount__currency">%</span>
</div>
<div class="sds-distributionItem__content">
<p>Obligations</p>
</div>
</div>
</li>
<li>
<div class="sds-distributionItem -legendHighlight -legendSecondary">
<div class="sds-amount -amountLg -amountXl">
<span class="sds-amount__value">20</span>
<span class="sds-amount__currency">%</span>
</div>
<div class="sds-distributionItem__content">
<p>Actions</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="sds-box -insetLg">
<div class="sds-stackLg">
<div class="h4">Régions Principales</div>
<div id="worldMapZone">
<img class="img-fluid" src="../../media/snet/speedinvest/worldmap.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sds-modal modal fade" id="speedinvestStockModal" 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">
<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-stackXl">
<div data-sds-gradient-overflow-h>
<div data-sds-gradient-overflow-h-wrapper>
<div data-sds-gradient-overflow-h-inner>
<div class="sds-table -verticalBorder">
<table class="table text-center">
<thead>
<tr>
<th></th>
<th>
<div class="sds-label">
MWR
</div>
</th>
<th>
<div class="sds-label">
TWR
</div>
</th>
</tr>
</thead>
<tbody>
<tr>
<th>
<div class="sds-label">
YTD
</div>
</th>
<td>
<div class="sds-badge badge -primary10 -stock">
<span class="sds-icon sds-icon-arrowlower"></span>
badge
</div>
</td>
<td>
<div class="sds-badge badge -primary10 -stock">
<span class="sds-icon sds-icon-arrowlower"></span>
badge
</div>
</td>
</tr>
<tr>
<th>
<div class="sds-label">
2018-21
</div>
</th>
<td>
<div class="sds-badge badge -success10 -stock">
<span class="sds-icon sds-icon-arrowhigher"></span>
badge
</div>
</td>
<td>
<div class="sds-badge badge -success10 -stock">
<span class="sds-icon sds-icon-arrowhigher"></span>
badge
</div>
</td>
</tr>
<tr>
<th>
<div class="sds-label">
2021
</div>
</th>
<td>
<div class="sds-badge badge -success10 -stock">
<span class="sds-icon sds-icon-arrowhigher"></span>
badge
</div>
</td>
<td>
<div class="sds-badge badge -success10 -stock">
<span class="sds-icon sds-icon-arrowhigher"></span>
badge
</div>
</td>
</tr>
<tr>
<th>
<div class="sds-label">
2020
</div>
</th>
<td>
<div class="sds-badge badge -primary10 -stock">
<span class="sds-icon sds-icon-arrowlower"></span>
badge
</div>
</td>
<td>
<div class="sds-badge badge -primary10 -stock">
<span class="sds-icon sds-icon-arrowlower"></span>
badge
</div>
</td>
</tr>
<tr>
<th>
<div class="sds-label">
2019
</div>
</th>
<td>
<div class="sds-badge badge -success10 -stock">
<span class="sds-icon sds-icon-arrowhigher"></span>
badge
</div>
</td>
<td>
<div class="sds-badge badge -success10 -stock">
<span class="sds-icon sds-icon-arrowhigher"></span>
badge
</div>
</td>
</tr>
<tr>
<th>
<div class="sds-label">
2018
</div>
</th>
<td>
<div class="sds-badge badge -primary10 -stock">
<span class="sds-icon sds-icon-arrowlower"></span>
badge
</div>
</td>
<td>
<div class="sds-badge badge -success10 -stock">
<span class="sds-icon sds-icon-arrowhigher"></span>
badge
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="sds-stackXs">
<div class="h3">Calculs Gains journaliers</div>
<p>La classification des produits financiers est celle opérée par la norme comptable IFRS 7.
Elle distingue trois types d’instruments financiers en fonction de la disponibilité et de la liquidité
des éléments de valorisation. Le premier niveau se caractérise par un prix disponible directement (prix
de marché) et une liquidité suffisante. La deuxième regroupe les produits qui peuvent être valorisés par
un modèle standard et des données cotées.</p>
</div>
<div class="sds-stackXs">
<div class="h3">Calculs Gains totaux</div>
<p>La classification des produits financiers est celle opérée par la norme comptable IFRS 7.
Elle distingue trois types d’instruments financiers en fonction de la disponibilité et de la liquidité
des
éléments de valorisation. Le premier niveau se caractérise par un prix disponible directement (prix de
marché) et une liquidité suffisante. La deuxième regroupe les produits qui peuvent être valorisés par un
modèle standard et des données cotées.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- main content end -->
</div>
</main>
</div>
</div>
<!-- content such as modals, tooltips, popovers etc should be included here -->
<div class="sds-modal modal fade" id="speedinvestMoreInfoModal" 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">
<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-stackXl">
<div class="sds-stackXs">
<div class="h3">Calculs Gains journaliers</div>
<p>La classification des produits financiers est celle opérée par la norme comptable IFRS 7.
Elle distingue trois types d’instruments financiers en fonction de la disponibilité et de la liquidité
des éléments de valorisation. Le premier niveau se caractérise par un prix disponible directement (prix
de marché) et une liquidité suffisante. La deuxième regroupe les produits qui peuvent être valorisés par
un modèle standard et des données cotées.</p>
</div>
<div class="sds-stackXs">
<div class="h3">Calculs Gains totaux</div>
<p>La classification des produits financiers est celle opérée par la norme comptable IFRS 7.
Elle distingue trois types d’instruments financiers en fonction de la disponibilité et de la liquidité
des
éléments de valorisation. Le premier niveau se caractérise par un prix disponible directement (prix de
marché) et une liquidité suffisante. La deuxième regroupe les produits qui peuvent être valorisés par un
modèle standard et des données cotées.</p>
</div>
</div>
</div>
</div>
</div>
</div>
{% extends "@snet-page-frame" %}
{% block panelHeaderContent %}
<div class="{{ namespace }}panelHeader">
<div class="{{ namespace }}panelHeader__actionGroup {{ namespace }}panelHeader__back">
{% render "@icon-btn-secondary",{icon: "icon-arrowprevious"},true %}
</div>
<div class="{{ namespace }}panelHeader__actionGroup -big">
{% render "@snet-account-selector", {
amount: false,
avatar: false,
dropdownPosition: "dropdown-menu-left"
}, true %}
</div>
<div class="{{ namespace }}panelHeader__alignEnd">
<div class="{{ namespace }}panelHeader__actionGroup -big">
{% render "@icon-btn-primary",{
eltType: "a",
icon: "icon-minus"
},true %}
{% render "@icon-btn-primary",{eltType: "a"},true %}
</div>
<div class="{{ namespace }}panelHeader__actionGroup -big">
{% render "@btn-secondary--icon-left",{
icon: "icon-history",
text: "Transactions"
},true %}
<div class="dropdown">
{% render "@icon-btn-secondary",{
icon: "icon-more",
classes: ["dropdown-toggle"],
eltType: "button",
attrs: {
"data-toggle": "dropdown"
}
},true %}
{% render "@snet-action-menu--mouvements-cartes",panelHeaderDropdownItems,true %}
</div>
</div>
</div>
</div>
{% endblock %}
{% block panelMainContent %}
<div class="row">
<div class="col-12 col-lg-8">
<div class="{{ namespace }}stackXl">
<div class="{{ namespace }}box -insetLg">
<div class="{{ namespace }}stackLg">
<div class="{{ namespace }}stackSm">
<div class="h4">Evaluation totale</div>
{% render "@snet-amount-summary-header" %}
</div>
<div class="{{ namespace }}box__outOfBoundsLg {{ namespace }}exceptionStackMd">
<img class="img-fluid" src="{{ (mediaPath + "/snet/speedinvest/graph.png") | path }}" alt="">
</div>
<ul class="{{ namespace }}btnGroup justify-content-center list-unstyled">
{% for key, item in chartItems %}
<li>
<span class="sr-only">Données pour les {{ item.text }} derni(er/ère)(s) {{ item.period }}</span>
{% render "@snet-chip", {
text: item.text + "<span aria-hidden='true'>" + item.periodAlias + "</span>",
modifiers: [item.active],
classes: [namespace + "dataToggler__item"]
}, true %}
</li>
{% endfor %}
</ul>
</div>
</div>
<div class="{{ namespace }}box -insetLg">
<div class="{{ namespace }}stackLg">
{% render "@toggle-tab--tabs",toggleTabOptions,true %}
<div class="tab-content">
<div class="tab-pane show fade active" id="{{ toggleTabOptions.toggleTabItems[0].target }}" role="tabpanel" aria-labelledby="{{ toggleTabOptions.toggleTabItems[0].target }}-tab">
<ul class="wrappertest list-unstyled {{ namespace }}stackMd -stackBorder">
<li>
{% render "@snet-stock-card",{positive: false, negative: true},true %}
</li>
<li>
{% render "@snet-stock-card" %}
</li>
</ul>
</div>
<div class="tab-pane fade" id="{{ toggleTabOptions.toggleTabItems[1].target }}" role="tabpanel" aria-labelledby="{{ toggleTabOptions.toggleTabItems[1].target }}-tab">
<ul class="wrappertest list-unstyled {{ namespace }}stackMd -stackBorder">
<li>
{% render "@snet-stock-card",{positive: false, negative: true},true %}
</li>
<li>
{% render "@snet-stock-card" %}
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="{{ namespace }}box -insetLg">
<div class="{{ namespace }}stackLg">
<div class="h4">Secteurs principaux</div>
<ul class="list-unstyled {{ namespace }}stackLg">
<li>
{% render "@snet-distribution-item--icon", {
amountText: "7,20",
itemCurrency: "%",
text: "Matériaux"
},true %}
</li>
<li>
{% render "@snet-distribution-item--icon", {
amountText: "6,36",
src: ("https://design.spuerkeess.lu/media" + brandIconsSDSPath + svg48xPath + "/sdsbrandicon-mobile.svg"),
text: "Consommation cyclique"
},true %}
</li>
<li>
{% render "@snet-distribution-item--icon", {
amountText: "5,45",
src: ("https://design.spuerkeess.lu/media" + brandIconsSDSPath + svg48xPath + "/sdsbrandicon-plus.svg"),
text: "Industrie"
},true %}
</li>
</ul>
</div>
</div>
<div class="{{ namespace }}box -insetLg">
<div class="{{ namespace }}stackLg">
<div class="h4">Sous-jacent principaux</div>
<ul class="list-unstyled {{ namespace }}stackLg">
<li>
{% render "@snet-distribution-item",{
amountText: "6,49",
text: "Vanguard USD Treasury Bond"
},true %}
</li>
<li>
{% render "@snet-distribution-item",{
amountText: "4,79",
text: "XTrackers II"
},true %}
</li>
<li>
{% render "@snet-distribution-item",{
amountText: "4,18",
text: "DBXT2 IBOXX EUR LIQ CORP 100FI"
},true %}
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="{{ namespace }}stackXl">
<div class="{{ namespace }}box -insetLg">
<div class="{{ namespace }}stackLg">
<div class="h4">Performance du portefeuille-titres</div>
<div class="row row-xs align-items-center">
<div class="col">
{% render "@snet-stock-card--mini", {
meta: "Aujourd’hui"
}, true %}
</div>
<div class="col">
{% render "@snet-stock-card--mini", {
meta: "Global"
}, true %}
</div>
<div class="col-auto">
{% render "@info-dot--modal",{
target: "speedinvestMoreInfoModal"
},true %}
</div>
</div>
<div>
<div class="collapse" id="speedinvestSidebarCollapse">
<div class="{{ namespace }}collapse__insetBottomLg">
<div class="row row-xs align-items-center no-bottom-gutter">
<div class="col">
{% render "@snet-stock-card--mini", {
meta: "NWR"
}, true %}
</div>
<div class="col">
{% render "@snet-stock-card--mini", {
meta: "TWR"
}, true %}
</div>
<div class="col-auto">
{% render "@info-dot--modal",{
target: "speedinvestStockModal"
},true %}
</div>
</div>
</div>
</div>
<div class="text-center">
{% render "@btn-secondary--icon-left-collapse-trigger",{
icon: "icon-plus",
text: "Voir plus",
attrs: {
"data-toggle": "collapse",
"data-target": "#speedinvestSidebarCollapse"
}
},true %}
</div>
</div>
</div>
</div>
<div class="{{ namespace }}box -insetLg">
<div class="{{ namespace }}stackLg">
<div class="h4">Allocation</div>
<div id="doughnuthChartZone">
<img class="img-fluid" src="{{ (mediaPath + "/snet/speedinvest/doughnut-chart.png") | path }}" alt="">
</div>
<ul class="list-unstyled {{ namespace }}stackLg">
<li>
{% render "@snet-distribution-item--legend-item",{
amountText: "80",
itemCurrency: "%"
},true %}
</li>
<li>
{% render "@snet-distribution-item--legend-item",{
classes: ["-legendSecondary"],
amountText: "20",
itemCurrency: "%",
text: "Actions"
},true %}
</li>
</ul>
</div>
</div>
<div class="{{ namespace }}box -insetLg">
<div class="{{ namespace }}stackLg">
<div class="h4">Régions Principales</div>
<div id="worldMapZone">
<img class="img-fluid" src="{{ (mediaPath + "/snet/speedinvest/worldmap.png") | path }}" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
{% render "@snet-modal-base--speedinvest-stock-table" %}
{% endblock %}
{% block misc %}
{% render "@snet-modal-base--no-title-no-footer" %}
{% endblock %}