script.js

const buttonBurger=document.querySelector("#button_burger"),header=document.querySelector(".header"),overlay=document.querySelector(".overlay"),fadeElems=document.querySelectorAll(".has-fade"),anchor=document.querySelector(".text-container"),scroll=document.querySelectorAll('a[href^="#"]');buttonBurger.addEventListener("click",function(){header.classList.contains("open")?(header.classList.remove("open"),fadeElems.forEach(function(e){e.classList.remove("fade-in"),e.classList.add("fade-out")})):(header.classList.add("open"),fadeElems.forEach(function(e){e.classList.remove("fade-out"),e.classList.add("fade-in")}))}),anchor.addEventListener("click",function(){header.classList.remove("open"),fadeElems.forEach(function(e){e.classList.remove("fade-in"),e.classList.add("fade-out")})}),scroll.forEach(e=>{e.addEventListener("click",function(e){e.preventDefault(),document.querySelector(this.getAttribute("href")).scrollIntoView({behavior:"smooth"})})});const slider=tns({container:".my-slider",loop:!0,items:1,gutter:20,slideBy:"page",nav:!1,autoplay:!0,speed:400,autoplayButtonOutput:!1,mouseDrag:!0,controlsContainer:"#customize-controls",responsive:{640:{items:2},768:{items:4}}});