Hardware - Montagem e Manutenção de Computadores

Pacote completo e perfeito para você

Aprenda rápido e fácil como ser técnico de informática, montagem e manutenção de computadores, curso de montagem e manutenção de computadores, montagem e manutenção de notebook, curso de montagem e manutenção de notebook, manutenção de redes, curso de redes, curso de hardware, curso com certificado, curso com material grátis, são francisco do sul, santa catarina, jaraguá do sul, navegantes, itapema, jaragua do sul, corupá, guaramirim, joinville

<!DOCTYPE html>
<html lang="pt-BR" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inova Tech | Montagem e Manutenção de Computadores</title>
    
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />

<script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: {
                            DEFAULT: '#254e8c', // Azul da Inova
                            dark: '#1e3f70',
                            light: '#366bc2'
                        },
                        secondary: {
                            DEFAULT: '#f37021', // Laranja da Inova
                            dark: '#d65b14',
                            light: '#f79354'
                        }
                    },
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                    },
                    animation: {
                        'blob': 'blob 7s infinite',
                        'shimmer': 'shimmer 1.5s infinite',
                    },
                    keyframes: {
                        blob: {
                            '0%': { transform: 'translate(0px, 0px) scale(1)' },
                            '33%': { transform: 'translate(30px, -50px) scale(1.1)' },
                            '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },
                            '100%': { transform: 'translate(0px, 0px) scale(1)' },
                        },
                        shimmer: {
                            '100%': { transform: 'translateX(100%)' }
                        }
                    }
                }
            }
        }
    </script>

.category-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(37, 78, 140, 0.9) 0%, rgba(37, 78, 140, 0.2) 50%, transparent 100%);
            transition: all 0.3s ease;
        }
        
        .category-card:hover::before {
            background: linear-gradient(to top, rgba(243, 112, 33, 0.95) 0%, rgba(243, 112, 33, 0.4) 50%, transparent 100%);
        }

.whatsapp-float {
            animation: pulse-ws 2s infinite;
        }
        
        @keyframes pulse-ws {
            0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
            70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
            100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
        }

.line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;  
            overflow: hidden;
        }
        .line-clamp-3 {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;  
            overflow: hidden;
        }
        
        .loader-spinner {
            border: 3px solid rgba(255,255,255,0.3);
            border-radius: 50%;
            border-top: 3px solid white;
            width: 20px;
            height: 20px;
            animation: spin 1s linear infinite;
        }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* --- ESTILOS ORIGINAIS DO CURSO DE HARDWARE --- */
        :root {
            --blue: #1e3a8a;
            --blue-dark: #172554;
            --orange: #f97316;
            --orange-hover: #ea580c;
            --light: #f8fafc;
            --gray: #64748b;
            --text: #1e293b;
            --shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            --whatsapp: #25D366;
        }

* { box-sizing: border-box; }

body {
            font-family: 'Inter', sans-serif;
            background: var(--light);
            color: var(--text);
            margin: 0;
            line-height: 1.6;
            overflow-x: hidden;
            padding-bottom: 60px;
        }

.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        .text-center { text-align: center; }
        
        .btn-pulse { animation: pulse 2s infinite; }
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(249, 115, 22, 0); }
            100% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0); }
        }

.scarcity-banner {
            background: #ef4444; 
            color: white;
            text-align: center;
            padding: 10px;
            font-weight: 700;
            font-size: 0.9rem;
            position: sticky;
            top: 0;
            z-index: 1100;
        }

.hero {
            background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%);
            color: white;
            padding: 60px 0 80px;
            position: relative;
            overflow: hidden;
        }
        
        .hero-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
        }

.hero-text h1 {
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 15px;
            line-height: 1.2;
        }

.badge-carga {
            background: var(--orange);
            color: white;
            padding: 6px 16px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 0.9rem;
            display: inline-block;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

.hero-list {
            list-style: none;
            padding: 0;
            margin: 20px 0;
        }
        .hero-list li { margin-bottom: 10px; display: flex; align-items: center; gap: 10px; font-size: 1.1rem; }
        .hero-list i { color: var(--orange); }

.hero-media {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

.hero-image-top {
            width: 100%;
            border-radius: 16px;
            box-shadow: var(--shadow);
            border: 2px solid rgba(255,255,255,0.2);
            object-fit: cover;
            max-height: 250px;
        }
        
        .video-wrapper {
            position: relative;
            background: #000;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 20px 25px -5px rgba(0,0,0,0.3);
            border: 4px solid rgba(255,255,255,0.1);
            aspect-ratio: 16/9;
        }
        .video-wrapper iframe {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;
        }

.modules-section { padding: 60px 0; background: white; }
        .section-title {
            font-size: 2rem;
            color: var(--blue);
            font-weight: 800;
            text-align: center;
            margin-bottom: 40px;
        }
        
        .modules-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 25px;
        }

.module-card {
            background: var(--light);
            padding: 25px;
            border-radius: 12px;
            border-left: 4px solid var(--orange);
            transition: transform 0.3s ease;
        }
        .module-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
        .module-icon { font-size: 2rem; color: var(--blue); margin-bottom: 15px; }

.gallery-section { padding: 60px 0; background: #f1f5f9; }
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }
        .gallery-item {
            position: relative;
            border-radius: 16px;
            overflow: hidden;
            aspect-ratio: 4/3;
            box-shadow: var(--shadow);
            border: 4px solid white;
        }
        .gallery-item img {
            width: 100%; height: 100%; object-fit: cover;
        }
        .gallery-overlay {
            position: absolute; bottom: 0; left: 0; right: 0;
            background: linear-gradient(transparent, rgba(0,0,0,0.8));
            color: white; padding: 15px; font-size: 0.9rem; font-weight: 600;
        }

.enroll-section { padding: 60px 0; background: white; }
        
        .online-box {
            background: linear-gradient(to right, var(--blue), var(--blue-dark));
            color: white;
            padding: 30px;
            border-radius: 16px;
            margin-bottom: 50px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }
        
        .address-box {
            background: #fff7ed;
            border: 1px solid var(--orange);
            color: var(--blue-dark);
            padding: 20px;
            border-radius: 12px;
            text-align: center;
            margin: 0 auto 40px auto;
            max-width: 800px;
            display: flex; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap;
        }

.grid-vagas {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px;
        }
        
        .vaga-card {
            background: white;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            padding: 20px;
            cursor: pointer;
            transition: 0.3s;
        }
        .vaga-card:hover { border-color: var(--orange); box-shadow: var(--shadow); }
        
        .progress-track { height: 8px; background: #e2e8f0; border-radius: 4px; overflow: hidden; }
        .progress-fill { height: 100%; background: var(--orange); border-radius: 4px; }

.floating-wa {
            position: fixed; bottom: 20px; left: 20px; 
            background: var(--whatsapp);
            color: white; width: 60px; height: 60px;
            border-radius: 50%; display: flex; align-items: center; justify-content: center;
            font-size: 30px; z-index: 1000; text-decoration: none;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
        }

.price-sticky {
            background: var(--blue-dark);
            color: white; padding: 40px 20px; text-align: center;
            border-top: 5px solid var(--orange);
        }
        .price-tag {
            background: rgba(255,255,255,0.1);
            display: inline-block; padding: 10px 20px; border-radius: 8px; margin-bottom: 20px;
        }
        .old-price { text-decoration: line-through; color: #94a3b8; font-size: 1.1rem; margin-right: 10px; }
        .cta-price-text { font-size: 1.8rem; font-weight: 800; color: white; }
        
        .btn-main {
            background: var(--orange);
            color: white; text-decoration: none; padding: 16px 40px; border-radius: 50px;
            font-weight: 700; font-size: 1.1rem; display: inline-block; transition: 0.3s;
            border: none; cursor: pointer;
        }

@media (max-width: 768px) {
            .hero-content { grid-template-columns: 1fr; text-align: center; }
            .hero-list { display: inline-block; text-align: left; }
        }
    </style>
</head>
<body class="bg-gray-50 text-gray-800 overflow-x-hidden antialiased flex flex-col min-h-screen">

<div class="bg-primary-dark text-blue-100 text-xs py-2 px-4 border-b border-primary-dark/80">
        <div class="max-w-7xl mx-auto flex flex-col sm:flex-row justify-between items-center text-center sm:text-left gap-2 sm:gap-0">
            <div>
                <i href="https://g.page/inovasaofrancisco" target="_blank" class="fa-solid fa-location-dot mr-1"></i> <a href="https://g.page/inovasaofrancisco" class="hover:text-white transition ml-1">Rua Marcílio Dias 607 Centro (Mapa) |</a>
                <a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-white transition ml-1 font-semibold">Login Alunos</a> | 
                <a href="https://www.inovaeducacional.com.br/p/area-administrativa.html" class="hover:text-white transition ml-1">Portal Colaborador</a>
            </div>
            <div class="flex space-x-4">
                <a href="https://pt-br.facebook.com/inovasaofranciscodosul/" class="hover:text-white transition"><i class="fa-brands fa-facebook-f"></i></a>
                <a href="https://wa.me/5547991140592" class="hover:text-white transition"><i class="fa-brands fa-whatsapp"></i></a>
                <a href="https://www.instagram.com/inovasaofranciscodosul/" class="hover:text-white transition"><i class="fa-brands fa-instagram"></i></a>
                <a href="https://x.com/Inova_Cursos_" class="hover:text-white transition"><i class="fa-brands fa-twitter"></i></a>
            </div>
        </div>
    </div>

<header class="bg-white shadow-sm sticky top-0 z-40 backdrop-blur-md bg-white/95">
        <div class="max-w-7xl mx-auto px-4 py-3 flex justify-between items-center">
            <a href="https://www.inovaeducacional.com.br/" class="flex-shrink-0">
                <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB35ieBnv0eUVY8bF3MCwVIsC2takx9nddWuY_UWCT1u_OE3F-vbVi6PSWFlt-R_1Ul_-EbxWJreusoEbeCMTrs3c9Vb0SM9OGCAKbc2Vkc_p4acMkErEihBTuVonNAVZIH2nc4KqIHVoOK7WBdbsKTRPaNqNzH4ZDwRRcO1yy7u-5hAf7Os5JqiaNqm4S/s1600/LOGOTIPO%20INOVA%20VETORIZADO%20COREL.png" alt="Inova Cursos" class="h-10 md:h-12 object-contain">
            </a>
            
            <nav class="hidden lg:flex space-x-8 font-medium text-gray-700 items-center">
                <a href="https://www.inovaeducacional.com.br/" class="text-primary border-b-2 border-primary pb-1">Início</a>
                <a href="https://www.inovaeducacional.com.br/p/nossos-cursos.html" class="hover:text-secondary transition">Nossos Cursos</a>
                <a href="https://www.inovaeducacional.com.br/p/quem-somos_26.html" class="hover:text-secondary transition">Sobre</a>
                <a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-secondary transition font-semibold text-primary"><i class="fa-solid fa-user mr-1"></i> Área Do Aluno</a>
            </nav>

<div id="mobile-menu" class="fixed inset-0 bg-black/50 z-[1200] transition-opacity duration-300 opacity-0 pointer-events-none lg:hidden">
        <div id="mobile-menu-content" class="fixed top-0 right-0 w-4/5 max-w-sm h-full bg-white shadow-xl p-6 transform translate-x-full transition-transform duration-300 flex flex-col justify-between">
            <div>
                <div class="flex justify-between items-center mb-8">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB35ieBnv0eUVY8bF3MCwVIsC2takx9nddWuY_UWCT1u_OE3F-vbVi6PSWFlt-R_1Ul_-EbxWJreusoEbeCMTrs3c9Vb0SM9OGCAKbc2Vkc_p4acMkErEihBTuVonNAVZIH2nc4KqIHVoOK7WBdbsKTRPaNqNzH4ZDwRRcO1yy7u-5hAf7Os5JqiaNqm4S/s1600/LOGOTIPO%20INOVA%20VETORIZADO%20COREL.png" alt="Inova Cursos" class="h-8 object-contain">
                    <button id="btn-close-menu" class="text-2xl text-gray-500 hover:text-primary p-2">
                        <i class="fa-solid fa-xmark"></i>
                    </button>
                </div>
                <nav class="flex flex-col space-y-4 font-medium text-gray-700 text-lg">
                    <a href="https://www.inovaeducacional.com.br/" class="text-primary border-l-4 border-primary pl-3 py-1 bg-blue-50/50">Início</a>
                    <a href="https://www.inovaeducacional.com.br/p/nossos-cursos.html" class="hover:text-secondary hover:border-l-4 hover:border-secondary pl-3 py-1 transition">Nossos Cursos</a>
                    <a href="https://www.inovaeducacional.com.br/p/quem-somos_26.html" class="hover:text-secondary hover:border-l-4 hover:border-secondary pl-3 py-1 transition">Sobre</a>
                    <a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-secondary hover:border-l-4 hover:border-secondary pl-3 py-1 transition font-semibold text-primary"><i class="fa-solid fa-user mr-1"></i> Área Do Aluno</a>
                </nav>
            </div>
            <div class="border-t border-gray-100 pt-6">
                <div class="flex justify-center space-x-6 text-xl text-gray-500">
                    <a href="https://pt-br.facebook.com/inovasaofranciscodosul/" class="hover:text-primary transition"><i class="fa-brands fa-facebook-f"></i></a>
                    <a href="https://wa.me/5547991140592" class="hover:text-primary transition"><i class="fa-brands fa-whatsapp"></i></a>
                    <a href="https://www.instagram.com/inovasaofranciscodosul/" class="hover:text-primary transition"><i class="fa-brands fa-instagram"></i></a>
                </div>
            </div>
        </div>
    </div>

<div class="scarcity-banner">
        <i class="fas fa-tools"></i> ÚLTIMAS VAGAS PARA A TURMA DE HARDWARE E REDES!
    </div>

<header class="hero">
        <div class="container hero-content">
            <div class="hero-text">
                <span class="badge-carga"><i class="far fa-clock"></i> Carga Horária: 96 Horas</span>
                <h1>Inova Tech:<br><span style="color: var(--orange);">Montagem e Manutenção</span></h1>
                <p>Torne-se um especialista em infraestrutura e hardware. Aprenda a diagnosticar e resolver problemas reais em computadores e redes.</p>
                
                <ul class="hero-list">
                    <li><i class="fas fa-check-circle"></i> Conteúdo Prático</li>
                    <li><i class="fas fa-check-circle"></i> Configuração de Redes</li>
                    <li><i class="fas fa-check-circle"></i> Diagnóstico e reparo</li>
                </ul>

<a href="#inscricao" class="btn-main btn-pulse">Quero Garantir minha Vaga</a>
            </div>
            
            <div class="hero-media">
                
                <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZQKGAn9AemH_DdTlTpLRl0xSfh-RP9m7fCBZjammu6mrHT7flTG3y1XAm0nzOXaQxOAoZdp6UoFCC-zy5uWbzfskzzBg4FlkJviipzmbsCcHcZ0VAqCwx5e40CvboQuVJuhzZ-G6LOYsK_Ea2QKt-7na-6CM4D6_1X270GbDhziVGSs_7zNv2S0iCM4w/s16000-rw/14393_01-01-2016.jpg" alt="Curso de Hardware" class="hero-image-top">
                
                <div class="video-wrapper">
                    
                    <iframe src="https://www.youtube.com/embed/0gmaztHV7UM?si=KDaYIhAaliVfC40Dt" title="Vídeo do Curso" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </header>

<section class="modules-section">
        <div class="container">
            <h2 class="section-title">Conteúdo do Curso</h2>
            <div class="modules-grid">
                <div class="module-card">
                    <i class="fab fa-windows module-icon"></i>
                    <h3>Windows</h3>
                    <p>Dominando o sistema: instalação, reparo e otimização completa.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-microchip module-icon"></i>
                    <h3>Montagem e Manutenção</h3>
                    <p>Conteúdo real em hardware: desmontagem, limpeza e simulações de troca de componentes.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-bolt module-icon"></i>
                    <h3>Eletricista Básico</h3>
                    <p>Fundamentos elétricos para segurança de equipamentos e infraestrutura.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-compact-disc module-icon"></i>
                    <h3>Multimídia</h3>
                    <p>Instalação de drivers, periféricos, aplicativos de chamada e integração de sistemas de mídia.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-network-wired module-icon"></i>
                    <h3>Introdução a Redes</h3>
                    <p>Montagem de cabos, roteadores e configuração de redes Wi-Fi.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-user-shield module-icon"></i>
                    <h3>Internet e Segurança</h3>
                    <p>Proteção de dados, remoção de vírus e navegação blindada.</p>
                </div>
            </div>
        </div>
    </section>

<section class="gallery-section">
        <div class="container">
            <h2 class="section-title">Sobre o que esperar da Inova</h2>
            <div class="gallery-grid">
                <div class="gallery-item">
                    <img src="https://images.unsplash.com/photo-1591799264318-7e6ef8ddb7ea?auto=format&fit=crop&w=500&q=80" alt="Manutenção de PC">
                    <div class="gallery-overlay">Diagnóstico de Hardware</div>
                </div>
                <div class="gallery-item">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHHO-X3ByJh3uzYXm7gx5ng-6tm2QAp46aUcCpQyDg82JyH0uqGM9EBX-72EII3YmM5yRmaGVBtQEbBYPDxAknp-1f94YK9iW2Q3mJHLDKj00FEfRI36qbZpxr8utgLJvGfPjjbPAa2v_mUB2dpAiSVxDsxtk2B3SfdWYNZsIX_7m1dsvNCeN8UqcrXJsb/s320/Gemini_Generated_Image_a482fua482fua482.png" alt="Montagem de Hardware">
                    <div class="gallery-overlay">Simulação de Montagem de Máquina</div>
                </div>
                <div class="gallery-item">
                    <img src="https://images.unsplash.com/photo-1544197150-b99a580bb7a8?auto=format&fit=crop&w=500&q=80" alt="Redes e Cabeamento">
                    <div class="gallery-overlay">Estrutura de Redes e Servidores</div>
                </div>
                <div class="gallery-item">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv5tmDJVYcNpaGQiZkDjCQRwx4PIPstkFwvf7B0KaAaBjuBno68OV4P_jx99Yuc_mSPSsY7oZeNSU8qgWBqcwZX0cXixfPiXG4sX5WupjlwAZAanl5YwKoW3V7TjrSL07lKRmRCLbwyb8RWwpNDr2jzHk0VS6zmxg7blIEmkqNwth_pdRE3G1UKiI9itoi/s16000/Sem%20t%C3%ADtulo.png" alt="Entrega de Certificado">
                    <div class="gallery-overlay">Alunos Certificados e Prontos para o Mercado</div>
                </div>
            </div>
        </div>
    </section>

<section id="inscricao" class="enroll-section">
        <div class="container">
            <div class="online-box">
                <div class="online-content">
                    <h3><i class="fas fa-laptop-code"></i> Versão 100% on-line do Curso</h3>
                    <p>Estude a teoria e use simuladores interativos no nosso portal do aluno. Acessando à plataforma (via computador, celular, tablet, etc.) 100% Online (em qualquer dia e horário) e comece agora mesmo.</p>
                </div>
                <a href="https://www.inovaeducacional.com.br/p/inscricao-rapida.html#hardware-manutencao"  class="btn-main" style="background: white; color: var(--blue);">Acessar Online</a>
            </div>

<div class="text-center" style="margin-bottom: 30px;">
                <h2 class="section-title" style="margin-bottom: 10px;">Estude em nosso laboratório Presencial</h2>
                <div class="address-box">
                    <i class="fas fa-map-marker-alt"></i>
                    <div>
                        <strong>Inova Educacional</strong><br>
                        Rua Marcílio Dias 607, Centro (Em frente à Ortobom)
                    </div>
                </div>
                <a href="https://www.google.com/maps/place/Inova+Educa%C3%A7%C3%A3o+Profissional+-+S%C3%A3o+Francisco+do+Sul+-+Escola+de+Cursos+Profissionalizantes+-+Cursos+em+S%C3%A3o+Francisco+do+Sul/@-26.2472591,-48.6364326,17z/data=!3m1!4b1!4m6!3m5!1s0x94d94fc9088ac7ef:0xc523e726aca92bfd!8m2!3d-26.2472591!4d-48.6364326!16s%2Fg%2F11fsx5sbbx?entry=ttu&g_ep=EgoyMDI2MDEyOC4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="btn-outline" style="background: var(--orange); color: white; padding: 8px 20px; font-size: 0.9rem;">Ver no Mapa</a>
            </div>

<div id="loader" class="text-center" style="padding: 40px;">
                <i class="fas fa-sync fa-spin"></i> Sincronizando vagas disponíveis em tempo real...
            </div>
            <div id="gridContainer" class="grid-vagas"></div>
        </div>
    </section>

<footer class="price-sticky">
        <div class="container">
            <div class="price-tag">
                <span class="old-price">De: R$ 239,90 /mês*</span>
                <span class="cta-price-text">POR: CONSULTAR DESCONTOS</span>
            </div>
            <br>
            <a href="https://www.inovaeducacional.com.br/p/inscricao-rapida.html#hardware-manutencao" class="btn-main btn-pulse">
                GARANTIR DESCONTO AGORA <i class="fas fa-tags" style="margin-left: 10px;"></i>
            </a>
            <p style="font-size: 0.75rem; opacity: 0.6; margin-top: 20px;">*Consulte condições de parcelamento e bolsas disponíveis na unidade.</p>
        </div>
    </footer>

<a href="https://api.whatsapp.com/send?phone=5547991140592&text=Olá! Gostaria de informações sobre o curso de Montagem e Manutenção." class="floating-wa" target="_blank">
        <i class="fab fa-whatsapp"></i>
    </a>

<footer class="bg-gray-900 pt-20 pb-10 border-t-4 border-secondary text-gray-300">
        <div class="max-w-7xl mx-auto px-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16">
            
            <div class="space-y-6">
                <div class="bg-white inline-block p-3 rounded-xl">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB35ieBnv0eUVY8bF3MCwVIsC2takx9nddWuY_UWCT1u_OE3F-vbVi6PSWFlt-R_1Ul_-EbxWJreusoEbeCMTrs3c9Vb0SM9OGCAKbc2Vkc_p4acMkErEihBTuVonNAVZIH2nc4KqIHVoOK7WBdbsKTRPaNqNzH4ZDwRRcO1yy7u-5hAf7Os5JqiaNqm4S/s1600/LOGOTIPO%20INOVA%20VETORIZADO%20COREL.png" alt="Inova Cursos" class="h-8 object-contain">
                </div>
                <p class="text-sm leading-relaxed text-gray-400">
                    Transformando vidas através da educação desde 2014. Cursos profissionalizantes, graduação e técnicos com foco no mercado de trabalho.
                </p>
                <div class="text-xs text-gray-500 font-medium">AWC TREINAMENTOS E IDIOMAS LTDA</div>
            </div>

<div>
                <h4 class="font-bold text-white text-lg mb-6 flex items-center gap-2"><i class="fa-solid fa-link text-secondary"></i> Links Úteis</h4>
                <ul class="space-y-3">
                    <li><a href="https://www.inovaeducacional.com.br/" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Página Inicial</a></li>
                    <li><a href="https://www.inovaeducacional.com.br/p/quem-somos_26.html" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Sobre Nós</a></li>
                    <li><a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Área do Aluno</a></li>
                    <li><a href="https://www.inovaeducacional.com.br/p/nossos-cursos.html" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Lista de Cursos</a></li>
                </ul>
            </div>

<div>
                <h4 class="font-bold text-white text-lg mb-6 flex items-center gap-2"><i class="fa-solid fa-headset text-secondary"></i> Contato</h4>
                <ul class="space-y-4">
                    <li class="flex items-start gap-3">
                        <i class="fa-solid fa-location-dot mt-1 text-gray-500"></i>
                        <span class="text-sm">Rua Marcílio Dias, 607 - Centro<br>São Francisco do Sul - SC</span>
                    </li>
                    <li class="flex items-center gap-3">
                        <i class="fa-brands fa-whatsapp text-green-500"></i>
                        <a href="https://wa.me/5547991140592" class="text-sm hover:text-white transition">(47) 99114-0592</a>
                    </li>
                    <li class="flex items-center gap-3">
                        <i class="fa-regular fa-envelope text-gray-500"></i>
                        <a href="mailto:atendimento@grupoinova.net.br" class="text-sm hover:text-white transition">atendimento@grupoinova.net.br</a>
                    </li>
                </ul>
            </div>

</div>

<div class="max-w-7xl mx-auto px-4 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center text-xs text-gray-500">
            <p>© 2026 Inova Cursos. Todos os direitos reservados.</p>
            <p class="mt-2 md:mt-0">AWC TREINAMENTOS @ GRUPO INOVA CURSOS.</p>
        </div>
    </footer>

async function fetchAvailability() {
            try {
                const response = await fetch(BASE_URL);
                const text = await response.text();
                const jsonData = JSON.parse(text.substring(text.indexOf('{'), text.lastIndexOf('}') + 1));
                document.getElementById('loader').style.display = 'none';
                processData(jsonData.table);
            } catch (error) {
                document.getElementById('loader').innerHTML = 'Não foi possível carregar os horários. Entre em contato via WhatsApp.';
            }
        }

// Script integrado (Carregamento original + Menu Mobile)
        window.onload = () => {
            fetchAvailability();
            
            // Script do Menu Mobile do Novo Header
            const btnOpen = document.getElementById('btn-mobile-menu');
            const btnClose = document.getElementById('btn-close-menu');
            const menu = document.getElementById('mobile-menu');
            const menuContent = document.getElementById('mobile-menu-content');

if (btnOpen && btnClose && menu && menuContent) {
                btnOpen.addEventListener('click', () => {
                    menu.classList.remove('opacity-0', 'pointer-events-none');
                    menuContent.classList.remove('translate-x-full');
                });
                
                btnClose.addEventListener('click', () => {
                    menu.classList.add('opacity-0', 'pointer-events-none');
                    menuContent.classList.add('translate-x-full');
                });
            }
        };
    </script>
</body>
</html>

Hardware - Montagem e Manutenção de Computadores

Siga a escola:

Pesquise aqui o que você precisa

Sobre a INOVA

Siga-nos

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

Contact form