Our Portfolio
Explore our portfolio for the capabilities we can enable for your business.
document.addEventListener("DOMContentLoaded", function () {
let currentSlide = 0;
const slides = document.querySelectorAll('.my-slide');
const prevBtn = document.getElementById('prevBtn');
const nextBtn = document.getElementById('nextBtn');
function showSlide(n) {
slides.forEach((slide, i) => {
slide.style.display = (i === n) ? 'block' : 'none';
});
}
prevBtn.addEventListener('click', function () {
currentSlide = (currentSlide - 1 + slides.length) % slides.length;
showSlide(currentSlide);
});
nextBtn.addEventListener('click', function () {
currentSlide = (currentSlide + 1) % slides.length;
showSlide(currentSlide);
});
let autoPlay = true;
setInterval(() => {
if (autoPlay) {
currentSlide = (currentSlide + 1) % slides.length;
showSlide(currentSlide);
}
}, 6000);
const container = document.getElementById('slider-container');
container.addEventListener('mouseenter', () => autoPlay = false);
container.addEventListener('mouseleave', () => autoPlay = true);
showSlide(currentSlide);
});
