Create a creative agency portfolio with animated hero section, featured projects showcase with case studies, services we provide, team members grid, client testimonials slider, awards section, and get a quote form.
8836650 verified | // Testimonial slider functionality | |
| document.addEventListener('DOMContentLoaded', function() { | |
| const slider = document.querySelector('.testimonial-slider .flex'); | |
| const slides = document.querySelectorAll('.testimonial-slide'); | |
| const prevBtn = document.querySelector('.testimonial-prev'); | |
| const nextBtn = document.querySelector('.testimonial-next'); | |
| let currentIndex = 0; | |
| const slideCount = slides.length; | |
| function goToSlide(index) { | |
| if (index < 0) { | |
| index = slideCount - 1; | |
| } else if (index >= slideCount) { | |
| index = 0; | |
| } | |
| currentIndex = index; | |
| const offset = -currentIndex * 100; | |
| slider.style.transform = `translateX(${offset}%)`; | |
| } | |
| function nextSlide() { | |
| goToSlide(currentIndex + 1); | |
| } | |
| function prevSlide() { | |
| goToSlide(currentIndex - 1); | |
| } | |
| nextBtn.addEventListener('click', nextSlide); | |
| prevBtn.addEventListener('click', prevSlide); | |
| // Auto-advance slides every 5 seconds | |
| setInterval(nextSlide, 5000); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| const targetId = this.getAttribute('href'); | |
| if (targetId === '#') return; | |
| const targetElement = document.querySelector(targetId); | |
| if (targetElement) { | |
| targetElement.scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| } | |
| }); | |
| }); | |
| }); |