<div class="sidebar">
<div class="sidebar-header"><img src="/assets/img/logo-cabestan-min-light.svg" alt="Cabestan" width="27" height="34"></div>
<nav class="sidebar-nav">
<a class="sidebar-link" href="#">
<div class="sidebar-link-icon icon icon--home"></div>
<div class="sidebar-link-legend">Accueil</div>
</a>
<a class="sidebar-link" href="#">
<div class="sidebar-link-icon icon icon--journey"></div>
<div class="sidebar-link-legend">Lorem ipsum</div>
</a>
<a class="sidebar-link" href="#">
<div class="sidebar-link-icon icon icon--audience"></div>
<div class="sidebar-link-legend">Audience</div>
</a>
<a class="sidebar-link" href="#">
<div class="sidebar-link-icon icon icon--camp"></div>
<div class="sidebar-link-legend">Lorem ipsum</div>
</a>
<a class="sidebar-link" href="#">
<div class="sidebar-link-icon icon icon--content"></div>
<div class="sidebar-link-legend">Lorem ipsum</div>
</a>
<a class="sidebar-link" href="#">
<div class="sidebar-link-icon icon icon--report"></div>
<div class="sidebar-link-legend">Lorem ipsum</div>
</a>
<a class="sidebar-link" href="#">
<div class="sidebar-link-icon icon icon--data"></div>
<div class="sidebar-link-legend">Lorem ipsum</div>
</a>
</nav>
<div class="sidebar-footer">
<a class="sidebar-footer-link" href="#">
<div class="icon icon--infos"></div><span class="u-visuallyHidden">Aide</span></a>
</div>
</div>
