    <!-- Preloader -->
    <div id="loader-wrapper">
      <div class="loader">
        <div class="bounce1"></div>
        <div class="bounce2"></div>
        <div class="bounce3"></div>
      </div>
    </div>
    <!-- end Preloader -->

    <header>
      <!-- Toggle Menu -->
      <button class="toggle-btn">
        <span class="lines"></span>
      </button>
      <div class="menu">
        <ul class="nav">
          <li class="active">
            <a href="#home">Accueil</a>
          </li>
          <li>
            <a href="#education">Formation</a>
          </li>
          <li>
            <a href="#experience">Expérience</a>
          </li>
          <li>
            <a href="#portfolio">à propos</a>
          </li>
          <li>
            <a href="#services">Services</a>
          </li>
          <li>
            <a href="#contact">Contact</a>
          </li>
          <li>
            <a href="galerie">Galerie</a>
          </li>
        </ul>
      </div>
      <!-- end Toggle menu -->
    </header>