DecibellDash-2025, Run for Hearing Event Gallery .slider-container { width: 100%; max-width: 800px; position: relative; overflow: hidden; background: #000; } .slides { display: flex; transition: transform 0.5s ease-in-out; } .slide { min-width: 100%; box-sizing: border-box; } iframe { width: 100%; height: 450px; border: none; } .prev, .next { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px; cursor: pointer; } .prev { left: 10px; } .next { right: 10px; } ❮ ❯ let index = 0; function moveSlide(step) { const slides = document.querySelector('.slides'); const totalSlides = document.querySelectorAll('.slide').length; index = (index + step + totalSlides) % totalSlides; slides.style.transform = `translateX(${-index * 100}%)`; }
Welcome to Maurya Foundation | Non Profit Organisation in Hyderabad
