/display/SRVCORP/Dashboards" style="text-decoration: none; display: block; margin-bottom: 10px;">
<div style="background:#0096D6; border-radius:25px; padding: 12px; box-shadow:0 2px 4px rgba(0,0,0,0.1); color:white;">Dashboards</div>
</a>
<a href="https://tdn.totvs.com/display/SRVCORP/Escopo+Fechado" style="text-decoration: none; display: block; margin-bottom: 10px;">
<div style="background:#0096D6; border-radius:25px; padding: 12px; box-shadow:0 2px 4px rgba(0,0,0,0.1); color:white;">Escopo Fechado</div>
</a>
</div>
</div>
</div>
</div>
<script>
let slideIndex = 0;
const slides = document.getElementById("image-carousel");
const dots = document.querySelectorAll(".dot");
function showSlides() {
if (!slides) return;
const slideElements = Array.from(slides.children).filter(el => el.nodeType === 1);
const visibleSlides = slideElements.length;
if (visibleSlides === 0) return;
slides.style.transform = `translateX(${-slideIndex * (100 / visibleSlides)}%)`;
dots.forEach((dot, index) => {
dot.style.backgroundColor = index === slideIndex ? '#0096D6' : '#bbb';
});
}
function plusSlides(n) {
const totalSlides = Array.from(slides.children).filter(el => el.nodeType === 1).length;
slideIndex += n;
if (slideIndex >= totalSlides) {
slideIndex = 0;
}
if (slideIndex < 0) {
slideIndex = totalSlides - 1;
}
showSlides();
}
function currentSlide(n) {
slideIndex = n;
showSlides();
}
let autoSlideInterval = setInterval(() => {
plusSlides(1);
}, 5000);
const carouselContainer = slides ? slides.parentElement : null;
if (carouselContainer) {
carouselContainer.addEventListener('mouseover', () => {
clearInterval(autoSlideInterval);
});
carouselContainer.addEventListener('mouseout', () => {
autoSlideInterval = setInterval(() => {
plusSlides(1);
}, 5000);
});
}
showSlides();
</script> | 