<nav class="navbar navbarDynamic bgColor1">
<div class="navbarLeft">
<i class="openSidebar pointer icon20 iconMiddle white" data-icon="fal/bars" data-target="sidebarLeft"></i>
</div>
<div class="navbarCenter hiddenS">
<p>Texte</p>
<a href="https://framework.surikat.fr/0.2/" class="white"><i class="icon25" data-icon="fal/user"></i></a>
<div class="navItem">
<button>Bouton</button>
</div>
<div class="dropdown">
<p>Sous-menu <i class="baseline" data-icon="fal/chevron-down"></i></p>
<div class="containerXL width100vw">
<div class="grid4">
<div>
<ul class="nav">
<li><a href="#">Lien 1</a></li>
<li>
<p>Sous Menu 1</p>
<ul>
<li><a href="#"><i class="baseline" data-icon="fal/trash"></i> Lien 1</a></li>
<li><a href="#"><i class="baseline" data-icon="fal/cog"></i> Lien 2</a></li>
</ul>
</li>
<li>
<p>Sous Menu 2</p>
<ul>
<li><a href="#">Lien 1</a></li>
<li><a href="#">Lien 2</a></li>
</ul>
</li>
<li><a href="#">Lien2</a></li>
<li><a href="#">Lien3</a></li>
<hr>
<li><a href="#">Lien4</a></li>
</ul>
</div>
<div>
<ul class="nav">
<li><a href="#">Lien 1</a></li>
<li>
<p>Sous Menu 1</p>
<ul>
<li><a href="#"><i class="baseline" data-icon="fal/trash"></i> Lien 1</a></li>
<li><a href="#"><i class="baseline" data-icon="fal/cog"></i> Lien 2</a></li>
</ul>
</li>
<li>
<p>Sous Menu 2</p>
<ul>
<li><a href="#">Lien 1</a></li>
<li><a href="#">Lien 2</a></li>
</ul>
</li>
<li><a href="#">Lien2</a></li>
<li><a href="#">Lien3</a></li>
<hr>
<li><a href="#">Lien4</a></li>
</ul>
</div>
<div>
<ul class="nav">
<li><a href="#">Lien 1</a></li>
<li>
<p>Sous Menu 1</p>
<ul>
<li><a href="#"><i class="baseline" data-icon="fal/trash"></i> Lien 1</a></li>
<li><a href="#"><i class="baseline" data-icon="fal/cog"></i> Lien 2</a></li>
</ul>
</li>
<li>
<p>Sous Menu 2</p>
<ul>
<li><a href="#">Lien 1</a></li>
<li><a href="#">Lien 2</a></li>
</ul>
</li>
<li><a href="#">Lien2</a></li>
<li><a href="#">Lien3</a></li>
<hr>
<li><a href="#">Lien4</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="dropdown">
<p>Dropdown <i class="baseline" data-icon="fal/angle-down"></i></p>
<ul class="navAccordion">
<li><a href="#">Lien 1</a></li>
<li>
<p>Sous Menu 1</p>
<ul>
<li><a href="#"><i class="baseline" data-icon="fal/trash"></i> Lien 1</a></li>
<li><a href="#"><i class="baseline" data-icon="fal/cog"></i> Lien 2</a></li>
</ul>
</li>
<li>
<p>Sous Menu 2</p>
<ul>
<li><a href="#">Lien 1</a></li>
<li><a href="#">Lien 2</a></li>
</ul>
</li>
<li><a href="#">Lien2</a></li>
<li><a href="#">Lien3</a></li>
<hr>
<li><a href="#">Lien4</a></li>
</ul>
</div>
</div>
</nav>