site-proximo/includes/sidenav.php

<div id="sidenav" onclick="closeNav()">
    <div id="sidenavScroll">
        <div class="hamburger" onclick="closeNav()">
            <div class="bar1"></div>
            <div class="bar2-1"></div>
            <div class="bar2-2"></div>
            <div class="bar3"></div>
        </div>
        <ul id="sidenavList">
            <li class="nav-item">
                <div class="link-effect clipped clipped"></div>
                <a class="nav-link" href="<?= $relativePath ?>index.php" id="navbarLogo">
                    <img src="<?= $relativePath ?>assets/images/proximo.png" alt="">
                </a>
            </li>
            <li class="nav-item">
                <div class="link-effect clipped"></div>
                <a class="nav-link" href="<?= $relativePath ?>event.php">
                    <i class="fas fa-cubes mr-2"></i>
                    Stock
                </a>
            </li>
            <li class="nav-item">
                <div class="link-effect clipped"></div>
                <a class="nav-link" href="<?= $relativePath ?>contact.php">
                    <!--Team an contact links-->
                    <i class="fas fa-envelope mr-2"></i>
                    Contact
                </a>
            </li>
            <li class="nav-item">
                <div class="link-effect clipped"></div>
                <a class="nav-link" href="<?= $relativePath ?>about.php">
                    <!--Place and access-->
                    <i class="fas fa-info-circle mr-2"></i>
                    À Propos
                </a>
            </li>
            <li class="nav-item">
                <div class="link-effect clipped"></div>
                <a class="nav-link" href="<?= $relativePath ?>admin">
                    <!--Place and access-->
                    <i class="fas fa-sign-in-alt mr-2"></i>
                    Connexion
                </a>
            </li>
        </ul>
    </div>
</div>