text: const burger = document.querySelector('.menu__burger-icons');
  
  const nav = document.querySelector('.menu__burger-nav');
  const iconBars = document.querySelector('.fa-bars');
  const iconTimes = document.querySelector('.fa-times');
  
  burger.addEventListener('click', function () {
      iconBars.classList.toggle("on");
      iconTimes.classList.toggle("on");
      nav.classList.toggle("on");
  })
  
  
  
  //JQUERY CODE
  
  // Select all links with hashes
  $('a[href*="#"]')
      // Remove links that don't actually link to anything
      .not('[href="#"]')
      .not('[href="#0"]')
      .click(function (event) {
          // On-page links
          if (
              location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
              &&
              location.hostname == this.hostname
          ) {
              // Figure out element to scroll to
              var target = $(this.hash);
              target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
              // Does a scroll target exist?
              if (target.length) {
                  // Only prevent default if animation is actually gonna happen
                  event.preventDefault();
                  $('html, body').animate({
                      scrollTop: target.offset().top
                  }, 1000, function () {
                      // Callback after animation
                      // Must change focus!
                      var $target = $(target);
                      $target.focus();
                      if ($target.is(":focus")) { // Checking if the target was focused
                          return false;
                      } else {
                          $target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
                          $target.focus(); // Set focus again
                      };
                  });
              }
          }
      });