    <!-- 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>
            <a href="<?= base_url();?>#home">Accueil</a>
          </li>
          <li>
            <a href="<?= base_url();?>#education">Formation</a>
          </li>
          <li>
            <a href="<?= base_url();?>#experience">Expérience</a>
          </li>
          <li>
            <a href="<?= base_url();?>#portfolio">à propos</a>
          </li>
          <li>
            <a href="<?= base_url();?>#services">Services</a>
          </li>
          <li>
            <a href="<?= base_url();?>#contact">Contact</a>
          </li>
          <li class="active">
            <a href="<?= base_url();?>galerie">Galerie</a>
          </li>
        </ul>
      </div>
      <!-- end Toggle menu -->
    </header>