<nav id="nav-bar">

            <div class="container-menu">

                <input type="checkbox" id="check">

                <label for="check" class="button">

                    <i class="fas fa-bars"></i>

                </label>

                <div class="theme-button">

                </div>

                <ul class="menu">

                    <div class="button-navbar">

                        <li class="cours">

                            <span>C</span>

                            <span>o</span>

                            <span>u</span>

                            <span>r</span>

                            <span>s</span>

                        </li>

                    </div>

                    <div class="button-navbar">

                        <li class="projet">  

                            <span>P</span>

                            <span>r</span>

                            <span>o</span>

                            <span>j</span>

                            <span>e</span>

                            <span>t</span>

                            <span>s</span>

                        </li>

                    </div>

 

                    <a class="temp" asp-area="" asp-controller="Home" asp-action="Index">

                        <img class="logo-black" src="~/picture/logo/logo_black.png">

                    </a>

                    <div class="button-navbar">

                        <li class="about">

                            <span>A</span>

                            <span>B</span>

                            <span>O</span>

                            <span>U</span>

                            <span>T</span>

                        </li>

                    </div>

                    <div class="button-navbar">

                        <li class="contact">

                            <span>C</span>

                            <span>O</span>

                            <span>N</span>

                            <span>T</span>

                            <span>A</span>

                            <span>C</span>

                            <span>T</span>

                        </li>

                    </div>

                </ul>

                <div class="settings">

                    <img class="logo-settings" src="~/picture/logo/logo_settings.png">

                </div>

            </div>

        </nav>