Contato

Olá você é muito bem-vindo(a) ao blog Católico que Ora!

Você pode entrar em contato comigo pelo e-mail: nsandrade3@gmail.com ou envie uma mensagem pelo formulário abaixo.

Entrarei em contato com você o mais breve possível.

.carousel-container { width: 100%; max-width: 1000px; /* Limite máximo de largura para telas grandes */ margin: 0 auto; /* Centralizar o carrossel */ overflow: hidden; position: relative; } .carousel-slide { display: flex; transition: transform 0.5s ease-in-out; animation: slide 50s infinite; } .carousel-slide a { flex: 0 0 100%; /* Cada banner ocupa 100% do container */ text-decoration: none; } .carousel-slide img { width: 100%; height: auto; object-fit: cover; /* Garante que as imagens fiquem bem ajustadas */ } @keyframes slide { 0% { transform: translateX(0); } 20% { transform: translateX(0); } 25% { transform: translateX(0); } 45% { transform: translateX(0); } 50% { transform: translateX(0); } 70% { transform: translateX(0); } 75% { transform: translateX(0); } 95% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /* Media Query para telas menores */ @media (max-width: 768px) { .carousel-slide img { height: auto; /* Garante que a altura se ajuste proporcionalmente em telas menores */ } } /* Media Query para telas muito pequenas */ @media (max-width: 480px) { .carousel-container { max-width: 100%; /* Permitir que ocupe toda a largura disponível em telas muito pequenas */ } .carousel-slide { animation: slide 50s infinite; /* Tornar a animação um pouco mais lenta em dispositivos menores */ } } let slideIndex = 0; function showSlides() { const slides = document.querySelectorAll('.carousel-slide a'); slides.forEach((slide, index) => { slide.style.display = 'none'; }); slideIndex++; if (slideIndex > slides.length) { slideIndex = 1; } slides[slideIndex - 1].style.display = 'block'; setTimeout(showSlides, 30000); // Muda a cada 30 segundos } document.addEventListener('DOMContentLoaded', (event) => { showSlides(); // Inicia o carrossel ao carregar a página });