text: // MENU SHOW
  const navMenu = document.getElementById('nav-menu'),
        navToggle = document.getElementById('nav-toggle'),
        navClose = document.getElementById('nav-close')
  
  if(navToggle){
      navToggle.addEventListener('click',() => {
          navMenu.classList.add('show-menu')
      })
  }
  
  if(navClose){
      navClose.addEventListener('click', () =>{
          navMenu.classList.remove('show-menu')
      })
  }
  
  /* Remove menu mobile */
  const navLink = document.querySelectorAll('.nav__link')
  
  function linkAction(){
      const navMenu = document.getElementById('nav-menu')
      // When we click on each nav__link, we remove the show-menu class
      navMenu.classList.remove('show-menu')
  }
  navLink.forEach(n => n.addEventListener('click', linkAction))
  
  
  /* Acordion Skills */
  const skillsContent = document.getElementsByClassName('skills__content'),
  skillsHeader = document.querySelectorAll('.skills__header')
  
  function toggleSkills(){
      let itemClass = this.parentNode.className
  
      for(i = 0; i < skillsContent.length; i++){
          skillsContent[i].className = 'skills__content skills__close'
      }
      if(itemClass === 'skills__content skills__close'){
          this.parentNode.className = 'skills__content skills__open'
      }
  }
  
  skillsHeader.forEach((el) => {
      el.addEventListener('click', toggleSkills)
  })
  
  /* Portfolio swiper */
  
  let swiperPortfolio = new Swiper(".portfolio__container", {
      pagination: {
        el: ".swiper-pagination",
      },
      mousewheel: true,
      keyboard: true,
      loop: true,
      grabCursor: true
  });
  
  // Testimonials swiper
  
  let swiperTestimonials = new Swiper(".testimonial__container", {
      loop: true,
      grabCursor: true,
      spaceBetween:48,
      
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
        dinamicBullets: true,
      },
      
      mousewheel: true,
      keyboard: true,
  });
  
  //Scroll Reveal
  const scrollReveal = ScrollReveal({
      origin: 'top',
      distance: '30px',
      duration: 700,
      reset: true
  })
  
  scrollReveal.reveal(
      `#home, #about, #skills, #portfolio, #contact`,
       {interval: 300})
  
  
  /* Scrolls section ative */
  const sections = document.querySelectorAll('section[id]')
  
  function scrollActive(){
      const scrollY = window.pageYOffset
  
      sections.forEach(current =>{
          const sectionHeight = current.offsetHeight
          const sectionTop = current.offsetTop - 50;
          sectionId = current.getAttribute('id')
  
          if(scrollY > sectionTop && scrollY <= sectionTop + sectionHeight){
              document.querySelector('.nav__menu a[href*=' + sectionId + ']').classList.add('active-link')
          }else{
              document.querySelector('.nav__menu a[href*=' + sectionId + ']').classList.remove('active-link')
          }
      })
  }
  window.addEventListener('scroll', scrollActive)
  
  /* Shadow Header */
  function scrollHeader(){
      const nav = document.getElementById('header')
      if(this.scrollY >= 80) nav.classList.add('scroll-header'); else nav.classList.remove('scroll-header')
  }
  window.addEventListener('scroll', scrollHeader)
  
  /* Show scroll top */
  function scrollUp(){
      const scrollUp = document.getElementById('scroll-up');
      if(this.scrollY >= 500) scrollUp.classList.add('show-scroll'); else scrollUp.classList.remove('show-scroll')
  }
  window.addEventListener('scroll', scrollUp)