<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>