text: 
  
  
  // Nav open tab (Mobile design) ANIMATION
  const menuBtn = document.querySelector('.menu-btn');
  let menuOpen = false;
  menuBtn.addEventListener('click', () => {
    if(!menuOpen) {
      menuBtn.classList.add('open');
      menuOpen = true;
    } else {
      menuBtn.classList.remove('open');
      menuOpen = false;
    }
  });
  
  // (Mobile design) Hamburger ANIMATION
  
  const navLinks = document.querySelector(".nav-links");
  const links = document.querySelectorAll(".nav-links li");
  
  menuBtn.addEventListener("click", () => {
    navLinks.classList.toggle("open");
    links.forEach(link => {
      link.classList.toggle("fade");
    });
  });
  
  //STICKY BAR ...
  
  // When the user scrolls the page, execute myFunction
  window.onscroll = function() {myFunction()};
  
  // Get the navbar
  var navbar = document.getElementById("navbar");
  
  // Get the offset position of the navbar
  var sticky = navbar.offsetTop;
  
  // Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
  function myFunction() {
    if (window.pageYOffset >= sticky) {
      navbar.classList.add("sticky")
    } else {
      navbar.classList.remove("sticky");
    }
  }
  
  
  // Hero Ends
  
  
  // Portfolio Starts
  
  // Carousel portfolio
  let span = document.getElementsByTagName('span');
  	let project = document.getElementsByClassName('project')
  	let project_page = Math.ceil(project.length/4);
  	let l = 0;
  	let movePer = 25.34;
  	let maxMove = 40;
  	// mobile_view
  	let mob_view = window.matchMedia("(max-width: 768px)");
  	if (mob_view.matches)
  	 {
  	 	movePer = 50.36;
  	 	maxMove = 504;
  	 }
  
  	let right_mover = ()=>{
  		l = l + movePer;
  		if (project == 1){l = 0; }
  		for(const i of project)
  		{
  			if (l > maxMove){l = l - movePer;}
  			i.style.left = '-' + l + '%';
  		}
  
  	}
  	let left_mover = ()=>{
  		l = l - movePer;
  		if (l<=0){l = 0;}
  		for(const i of project){
  			if (project_page>1){
  				i.style.left = '-' + l + '%';
  			}
  		}
  	}
  	span[1].onclick = ()=>{right_mover();}
  	span[0].onclick = ()=>{left_mover();}
  
  
    // "About Me" Starts
  
  // "About me" images code under HTML code
  
  // Contact buttons i think from portfolio template ...
  
  links.forEach((link) => link.addEventListener("click", () => closeMenu()));
  
  filter_btns.forEach((btn) =>
    btn.addEventListener("click", () => {
      filter_btns.forEach((button) => button.classList.remove("active"));
      btn.classList.add("active");
  
      let filterValue = btn.dataset.filter;
  
      $(".grid").isotope({ filter: filterValue });
    })
  );
  
  $(".grid").isotope({
    itemSelector: ".grid-item",
    layoutMode: "fitRows",
    transitionDuration: "0.6s",
  });
  
  window.addEventListener("scroll", () => {
    skillsEffect();
    countUp();
  });
  
  function checkScroll(el) {
    let rect = el.getBoundingClientRect();
    if (window.innerHeight >= rect.top + el.offsetHeight) return true;
    return false;
  }
  
  function skillsEffect() {
    if (!checkScroll(skills_wrap)) return;
    skills_bars.forEach((skill) => (skill.style.width = skill.dataset.progress));
  }
  
  function countUp() {
    if (!checkScroll(records_wrap)) return;
    records_numbers.forEach((numb) => {
      const updateCount = () => {
        let currentNum = +numb.innerText;
        let maxNum = +numb.dataset.num;
        let speed = 100;
        const increment = Math.ceil(maxNum / speed);
  
        if (currentNum < maxNum) {
          numb.innerText = currentNum + increment;
          setTimeout(updateCount, 1);
        } else {
          numb.innerText = maxNum;
        }
      };
  
      setTimeout(updateCount, 400);
    });
  }
  
  var mySwiper = new Swiper(".swiper-container", {
    speed: 1100,
    slidesPerView: 1,
    loop: true,
    autoplay: {
      delay: 5000,
    },
    navigation: {
      prevEl: ".swiper-button-prev",
      nextEl: ".swiper-button-next",
    },
  });
  