<!--Volet de navigation-->
<nav class="sidebar">   
<ul class="sidebar-menu">
    <h4 class="menu-text">MENU </h4>
    
    <li>
        <a href="#" aria-expanded="false">
            <div class="nav-icon_small">
                <i class="fas fa-home"></i>
            </div>
            <div class="nav-title">
                <span>Acceuil</span>
            </div>
        </a>
    </li>

    <li class="">
        <a class="has-arrow" href="#" aria-expanded="false">
            <div class="nav-icon_small">
                <i class="fas fa-th"></i>
            </div>
            <div class="nav-title">
                <span>AfricaWebStudent</span>
            </div>
        </a>
        <ul class="mm-collapse">
            <li>
                <a href="">GestBook@Sup Hour</a>
            </li>
            <li>
                <a href="">GestBookcase</a>
            </li>
            <li>
                <a href="">Calendar</a>
            </li>
            <li>
                <a href="">Collaboration</a>
            </li>
        </ul>
    </li>

    <h4 class="menu-text">INFORMATIONS </h4>

    <li>
        <a href="https://tutoriel.africawebstudent.org/" aria-expanded="false">
            <div class="nav-icon_small">
                <i class="fas fa-question-circle"></i>
            </div>
            <div class="nav-title">
                <span>GestTuto</span>
            </div>
        </a>
    </li>
    <li>
        <a href="https://forum.africawebstudent.org/" aria-expanded="false">
            <div class="nav-icon_small">
                <i class="fas fa-comments"></i>
            </div>
            <div class="nav-title">
                <span>GestForum</span>
            </div>
        </a>
    </li>
    <li>
        <a href="https://africawebstudent.org/" aria-expanded="false">
            <div class="nav-icon_small">
                <i class="fas fa-globe"></i>
            </div>
            <div class="nav-title">
                <span>Site officiel AfricaWebStudent</span>
            </div>
        </a>
    </li>  
</ul>
</nav>
<!--/Volet de navigation-->
