Fundamental E Médio

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulário de Matrícula Foco EAD</title>
    
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        /* Define o corpo e o HTML para ocupar 100% da altura da tela */
        html, body {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden; /* Evita barras de rolagem desnecessárias */
        }
        
        /* O contêiner principal ocupa 100% da largura e altura da tela */
        .full-screen-wrapper {
            width: 100vw;
            height: 100vh;
            display: flex; /* Garante que o iframe-container-wrapper ocupe o espaço */
            justify-content: center;
            align-items: center;
            padding: 0;
        }

/* Define o container para o corte (cropping) */
        .iframe-container-wrapper {
            /* Essencial: Esconde qualquer conteúdo que saia dos limites (corte) */
            overflow: hidden;
            /* Agora usa 100% da altura do pai (full-screen-wrapper) */
            height: 100%; 
            width: 100%; /* Ocupa 100% da largura do pai */
            border-radius: 0; /* Remove cantos arredondados para tela cheia */
            box-shadow: none; /* Remove a sombra para o modo tela cheia */
        }

.cropped-iframe {
            width: 100%;
            border: none;
            /* 1. Margem negativa para 'puxar' o cabeçalho para fora do topo do container (Corte do Cabeçalho: 120px) */
            margin-top: -120px;
            
            /* 2. Ajuste de altura restaurado: apenas compensa o corte do cabeçalho, permitindo que o rodapé apareça */
            height: calc(100% + 120px);
        }
    </style>
</head>
<body class="bg-gray-100 font-sans">

<div class="iframe-container-wrapper bg-white">
            <iframe 
                src="https://focotecnicoead.com.br/curso.php?id=eja-fundamental-e-medio&polo=saofranciscodosul.sc" 
                class="cropped-iframe"
                title="Formulário de Matrícula Foco EAD"
            ></iframe>
        </div>
        
    </div>

// Função para esconder o modal
        function hideModal() {
            const modal = document.getElementById('promoModal');
            
            // Adiciona a classe de transformação para o efeito de saída
            const modalContent = modal.querySelector(':scope > div:last-child');
            modalContent.classList.remove('scale-100');
            modalContent.classList.add('scale-95');

modal.classList.remove('opacity-100');
            modal.classList.add('opacity-0');
            
            // Remove a interação após a transição para não bloquear cliques no iframe
            setTimeout(() => {
                modal.classList.add('pointer-events-none');
            }, 300); 
        }

// Exibe o modal automaticamente 500ms após o carregamento da página
        window.onload = function() {
            // Pequeno delay para garantir que todos os elementos CSS e o iframe estejam prontos
            setTimeout(showModal, 700); 
        };
    </script>

</body>
</html>

Fundamental E Médio - EJA

Siga a escola:

Pesquise aqui o que você precisa

Sobre a INOVA

Siga-nos

buttons=(Tá bom !) days=(10)

Contact form