<div class="page-container">
<div class="page-header"><nav class="menu">
<div class="menu-left">
<div class="menu-items">
<div class="item logo">
<img class="logo" alt="Bloomin" src="../styleguide/images/bloomin-white.png" width="33" height="33">
</div>
<div class="item no-hover">
<img src="https://placeimg.com/33/33/any"/>
</div>
<a class="item" href="">Participants</a>
<a class="item" href="">écouter</a>
<a class="item" href="">Analyser</a>
<a class="item" href="">AGIR</a>
<a class="item" href="">Diag</a>
</div>
</div>
<div class="menu-right">
<div class="menu-items">
<a class="item" href="#">Université</a>
<a class="item" href="#">Aide</a>
<a href="" class="item flag">
<span class="flag-icon flag-icon--fr" title="English"></span>
</a>
<a href="" class="item flag">
<span class="flag-icon flag-icon--us" title="English"></span>
</a>
</div>
<div class="separator"></div>
<div class="menu-items">
<div class="item dropdown-container">
<i class="icon fa-solid fa-circle-user fa-2x" aria-hidden="true"></i>
<div class="text">
<p>
Decathlon - IT
</p>
<small>
alexis.finn@bloomin.digital
</small>
</div>
<div class="dropdown">
<a href="">Link 1</a>
<a href="">Link 2</a>
<a href="">Link 3</a>
</div>
</div>
</div>
</div>
</nav>
<br>
<nav class="menu menu--threesixty">
<div class="menu-left">
<div class="menu-items">
<div class="item logo">
<img class="logo" alt="Bloomin" src="../styleguide/images/bloomin-white.png" width="33" height="33">
</div>
<div class="item no-hover">
<img src="https://placeimg.com/33/33/any"/>
</div>
<a class="item item--longword" href="">Enquete 360</a>
<a class="item item--longword" href="">Dashboard KPIs Grand Angle</a>
</div>
</div>
<div class="menu-right">
<div class="menu-items">
<a class="item" href="#">Université</a>
<a class="item" href="#">Aide</a>
<a href="" class="item flag">
<span class="flag-icon flag-icon--fr" title="English"></span>
</a>
<a href="" class="item flag">
<span class="flag-icon flag-icon--us" title="English"></span>
</a>
</div>
<div class="separator"></div>
<div class="menu-items">
<div class="item dropdown-container">
<i class="icon fa-solid fa-circle-user fa-2x" aria-hidden="true"></i>
<div class="text">
<p>
Decathlon - IT
</p>
<small>
alexis.finn@bloomin.digital
</small>
</div>
<div class="dropdown">
<a href="">Link 1</a>
<a href="">Link 2</a>
<a href="">Link 3</a>
</div>
</div>
</div>
<div class="separator"></div>
<div class="menu-items">
<div class="item dropdown-container">
<div class="text">
<p>
Pulse
</p>
</div>
<div class="dropdown">
<a href="">360°</a>
</div>
</div>
</div>
</div>
</nav></div>
<div class="page-content">
<div class="sidenav">
<section class="sidenav-top-section">
<img src="images/undraw_file_searching_duff.svg" alt="Illustration" width="85" height="85">
<h1>
Que souhaitez-vous <strong>analyser ?</strong>
</h1>
<p>
Export des Résultats
<i aria-hidden="true" data-placement="bottom" class="fa-solid fa-download"></i>
<i id="download" aria-hidden="true" data-placement="bottom" class="fa-solid fa-lines"></i>
</p>
</section>
<section class="sidenav-mid-section">
adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip
<nav>
<div class="nav-item active">Active</div>
<div class="nav-item"> not Active</div>
</nav>
<section>
</div>
<div class="main-content">
<section class="content-top-section">
<header class="page-title">
<h2 class="main-title">
Analyse de 4 enquêtes
</h2>
<small class="sub-title">
dans les campagnes:
Campagne - Decathlon Exchange , Campagne - Search
( Du 01/10/2018 au 31/12/2019 )
</small>
</header>
<nav class="sub-navbar sub-navbar-topbottom-borders">
<section class="sub-navbar-section sub-navbar-left">
Left
</section>
<section class="sub-navbar-section sub-navbar-middle">
Center
</section>
<section class="sub-navbar-section sub-navbar-right">
Right
</section>
</nav>
</section>
<section class="content-mid-section">
<div class="cta-box bg__bg">
<div class="cta-box__img-box">
<img src="https://placeimg.com/100/100/any" alt="illustration">
</div>
<div class="cta-box__text">
<div class="cta-box__description">
<p>
<strong class="text__primary">Bloomin KPI Builder</strong> Adipisicing aliqua aliquip aliquip amet. Anim aute aute cillum commodo. Consectetur consectetur consequat culpa culpa cupidatat.
</p>
<a href="#" class="btn btn__primary cta-box__button">adipisicing adipisicing aliqua</a>
</div>
</div>
</div>
<div class="card-board">
<h1>! OBSOLETE !</h1>
</div>
</section>
</div>
</div>
<div class="page-footer"></div>
</div>
