Criação de Conteúdo (Youtuber e Edição de Vídeos)

Pacote completo e perfeito para você que deseja ser um youtuber produtor de conteudo para internet digital influencer

curso de youtuber, certificado de criador de conteudo, curso de youtubers, curso de formação de canal, curso de desenvolvimento para criação de conteudos, curso de desenvolvedor de canal no youtube, curso em são francisco do sul, escola em são francisco, araquari, joinville, atende net , saofranciscodosul , sou mais são chico, sou+saochico,
@saofranciscodosul, santa catarina, Suíte de apps, pacote android, material de curso grátis, android Análise, videos Dinâmicas, Automação de criativos, Dashboards Gerenciais.
criação de jogos do zero, Formatação de folders, Elaboração de motivação de equipes e grupos, Atalhos de Produtividade, Segurança digital. criar videos no youtube, edicao de videos, editar vídeos, jaraguá do sul, jaragua do sul, schroeder, enseada, rocio, centro, praia, ubatuba, ervino, são chico online, criar canal do zero, como ter mais inscritos

<!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>Curso de Youtuber | Inova Educacional</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>

* { 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;
        }

/* --- Utilities --- */
        .container-custom { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        .text-center { text-align: center; }
        .text-orange { color: var(--orange); }
        .text-blue { color: var(--blue); }
        
        /* Animação de Pulso Urgente */
        .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 --- */
        .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;
        }
        .scarcity-banner i { margin-right: 5px; }

/* --- Hero Section --- */
        .hero {
            background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%);
            color: white;
            padding: 60px 0 80px;
            position: relative;
            overflow: hidden;
        }
        
        .hero::before {
            content: '';
            position: absolute;
            top: -50px; right: -50px;
            width: 300px; height: 300px;
            background: var(--orange);
            opacity: 0.1;
            border-radius: 50%;
            filter: blur(80px);
        }

.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;
            letter-spacing: 0.5px;
        }

.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;
        }
        
        .main-hero-img {
            width: 100%;
            border-radius: 16px;
            box-shadow: 0 20px 25px -5px rgba(0,0,0,0.3);
            border: 4px solid rgba(255,255,255,0.1);
            object-fit: cover;
            max-height: 300px;
        }

.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 --- */
        .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(250px, 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; }
        .module-card h3 { margin: 0 0 10px 0; color: var(--text); }
        .module-card p { font-size: 0.9rem; color: var(--gray); margin: 0; }

/* --- Inscrição --- */
        .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;
            box-shadow: var(--shadow);
        }
        .online-content h3 { margin: 0; font-size: 1.5rem; }
        
        .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;
        }
        .address-box i { font-size: 1.5rem; color: var(--orange); }
        .address-text strong { display: block; font-size: 1.1rem; }

.vagas-header { text-align: center; margin-bottom: 30px; }
        .urgent-alert {
            color: #ef4444; font-weight: 800; text-transform: uppercase; font-size: 0.9rem; margin-top: 5px; display: block;
        }

.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;
            position: relative;
            transition: all 0.3s;
            cursor: pointer;
        }
        .vaga-card:hover {
            border-color: var(--orange);
            box-shadow: 0 10px 20px rgba(249, 115, 22, 0.15);
            transform: translateY(-2px);
        }
        .vaga-card.full { opacity: 0.6; cursor: not-allowed; background: #f1f5f9; }
        
        .vaga-title { font-weight: 700; color: var(--blue); font-size: 1.1rem; margin-bottom: 5px; }
        .vaga-status { font-size: 0.85rem; color: var(--gray); margin-bottom: 15px; display: flex; justify-content: space-between; }
        
        .progress-track { height: 8px; background: #e2e8f0; border-radius: 4px; overflow: hidden; }
        .progress-fill { height: 100%; background: var(--orange); border-radius: 4px; transition: width 1s ease-in-out; }

#loader {
            display: flex; justify-content: center; padding: 40px; color: var(--blue); font-weight: 600; gap: 10px; align-items: center;
        }
        .spinner {
            width: 20px; height: 20px; border: 3px solid var(--blue); border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite;
        }

/* --- Floating WhatsApp Esquerda --- */
        .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;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
            z-index: 1000;
            transition: transform 0.3s;
            text-decoration: none;
        }
        .floating-wa:hover { transform: scale(1.1); }
        .wa-tooltip {
            position: absolute;
            left: 70px; 
            background: white;
            color: #333;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 0.8rem;
            font-weight: bold;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            white-space: nowrap;
            display: none;
        }
        .floating-wa:hover .wa-tooltip { display: block; }

/* --- Sobre / Intro --- */
        .about-section { padding: 60px 0 0 0; background: white; text-align: center; }
        .about-box { max-width: 900px; margin: 0 auto; background: var(--light); padding: 40px; border-radius: 16px; box-shadow: var(--shadow); border-top: 4px solid var(--orange); }
        .about-box p { font-size: 1.1rem; color: var(--text); line-height: 1.8; margin: 0; }
        .about-box strong { color: var(--blue); }

/* --- Depoimentos --- */
        .testimonials-section { padding: 60px 0; background: white; }
        .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; max-width: 1000px; margin: 0 auto; margin-top: 20px; }
        .testimonial-card { background: var(--light); padding: 30px; border-radius: 16px; position: relative; box-shadow: var(--shadow); border: 1px solid #e2e8f0; }
        .quote-icon { position: absolute; top: -20px; left: 30px; background: var(--orange); color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; box-shadow: 0 4px 6px rgba(249, 115, 22, 0.3); }
        .testimonial-text { font-style: italic; color: var(--text); margin-bottom: 20px; margin-top: 10px; line-height: 1.7; }
        .testimonial-author { font-weight: 800; color: var(--blue); display: flex; align-items: center; gap: 10px; }
        .testimonial-author i { color: #facc15; }

/* --- Galeria --- */
        .gallery-section { padding: 60px 0; background: var(--light); }
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 15px;
        }
        .gallery-item {
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            aspect-ratio: 4/3;
            box-shadow: var(--shadow);
        }
        .gallery-item img {
            width: 100%; height: 100%; object-fit: cover;
            transition: transform 0.5s ease, filter 0.3s;
        }
        .gallery-item:hover img { transform: scale(1.1); }

/* --- Info Section (New) --- */
        .info-section {
            padding: 60px 0;
            background: white;
        }
        .info-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
        }
        .info-card {
            background: var(--light);
            padding: 30px;
            border-radius: 12px;
            border-top: 4px solid var(--blue);
            box-shadow: var(--shadow);
        }
        .info-card h3 {
            color: var(--blue);
            margin-top: 0;
            margin-bottom: 15px;
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            gap: 10px;
        }
		
        /* --- Preço e Footer Original --- */
        .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: background 0.3s;
            border: none;
            cursor: pointer;
            box-shadow: 0 4px 14px 0 rgba(249, 115, 22, 0.39);
        }
        .btn-main:hover { background: var(--orange-hover); transform: translateY(-2px); }
        .btn-outline {
            background: white;
            color: var(--blue);
            padding: 12px 30px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            display: inline-block;
            transition: 0.3s;
        }
        .btn-outline:hover { background: #f1f5f9; }

@media (max-width: 768px) {
            .hero-content { grid-template-columns: 1fr; text-align: center; }
            .hero-list { display: inline-block; text-align: left; }
            .hero h1 { font-size: 2rem; }
            .online-box { text-align: center; justify-content: center; }
            .info-grid { grid-template-columns: 1fr; gap: 20px; }
        }
    </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" target="_blank" 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/" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-facebook-f"></i></a>
                <a href="https://wa.me/5547991140592" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-whatsapp"></i></a>
                <a href="https://www.instagram.com/inovasaofranciscodosul/" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-instagram"></i></a>
                <a href="https://x.com/Inova_Cursos_" target="_blank" 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/p/home.html" 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 profissionalizantes" 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/" target="_blank" class="hover:text-primary transition"><i class="fa-brands fa-facebook-f"></i></a>
                    <a href="https://wa.me/5547991140592" target="_blank" class="hover:text-primary transition"><i class="fa-brands fa-whatsapp"></i></a>
                    <a href="https://www.instagram.com/inovasaofranciscodosul/" target="_blank" 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-exclamation-triangle"></i> PREVISÃO DE INÍCIO: PRÓXIMA SEMANA! POUCAS VAGAS RESTANTES.
    </div>

<header class="hero">
        <div class="container-custom hero-content">
            <div class="hero-text">
                <span class="badge-carga"><i class="far fa-clock"></i> Carga Horária: 96 Horas</span>
                <h1>Curso Completo de<br><span style="color: var(--orange);">Youtuber</span></h1>
                <p>Quem não quer ganhar dinheiro sem sair de casa e, melhor ainda, fazendo o que dá prazer? É o que muita gente deseja e, graças à internet, isso é possível. Uma nova profissão vem ganhando cada vez mais espaço atualmente: a dos youtubers.</p>
                
                <ul class="hero-list">
                    <li><i class="fas fa-check-circle"></i> Criação e Gestão de Canal</li>
                    <li><i class="fas fa-check-circle"></i> Edição de Vídeos Profissional</li>
                    <li><i class="fas fa-check-circle"></i> Rentabilize suas Ideias</li>
                </ul>

<a href="#inscricao" class="btn-main btn-pulse">Quero a Minha Vaga Agora</a>
            </div>
            
            <div class="hero-media">
                <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB9nmPXVGdr8dj1PRU3En2tICrVigb3e43yvIxhcG7cIIb6SpKuK23n31xgr6idTXwXAj5891XfzzVsw_LrmtUQZkHBajFSOXg3zb-MI6hWegqFz2KkVoDt3SCJU-MjP7ogv13DBON8TDaU1Zv0ZMrnGEQSvmM6QIfHQeS7ab1drNV8QIC5Qyk9TK3Wto/s623/47129-confira-5-youtubers-que-falam-sobre-diapo-1.jpg" alt="Curso de Youtuber Inova Educacional profissionalizantes" class="main-hero-img">
                
                <div class="video-wrapper">
                    <iframe src="https://www.blogger.com/video.g?token=AD6v5dz9tdIkYSAHKJeOooggAmSjOq1_708MhCjDWfgjgWy936MF41Adn5wLd5Lhj6Ws4-1Txmr4hHCgA6oalbTN1qlJGknDfxzd3QXGqg3ZZ4sWObeIjk-riD9Okt6cxcMu9Bzk_pI&origin=www.inovaeducacional.com.br" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </header>

<section class="about-section">
        <div class="container-custom">
            <div class="about-box">
                <h2 class="section-title" style="margin-bottom: 20px; font-size: 1.8rem;">Por Que Estudar Este Curso?</h2>
                <p>São milhares de canais de conteúdo disponíveis para todos os gostos, mas o que chama a atenção mesmo são os lucros altos que esses profissionais vêm atingindo: segundo a Revista Forbes, o faturamento foi alto no último ano. Somente os 10 youtubers mais bem pagos da plataforma ganharam a soma de 127 milhões de dólares. Impressionante não? É por isso que ser youtuber é a profissão dos sonhos de muitos jovens, mas o que a maioria deles ainda não sabe é que, para ter sucesso, a atividade exige <strong>planejamento estratégico</strong> e deve ser encarada como um negócio.</p>
                <br>
                <h3 class="text-xl font-bold text-blue-800 mb-2 mt-4 text-center">Ferramentas Para Realizar o Seu Sonho</h3>
                <p class="text-center text-gray-600">Qualquer um pode entrar nessa e se aventurar no segundo site mais acessado no Brasil e do mundo, basta ter um celular com câmera e uma boa ideia. Simples, não é mesmo? Mas, para que a atividade não pareça amadora, é preciso entender sobre a profissão e o impacto dela na comunicação, assim é possível rentabilizar seu canal e transformá-lo em um negócio de verdade. Por meio de nosso <strong>método interativo</strong> de ensino, você aprende do seu jeito, no seu tempo.</p>
            </div>
        </div>
    </section>

<section class="modules-section">
        <div class="container-custom">
            <h2 class="section-title">O que vai aprender?</h2>
            <div class="modules-grid" style="grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));">
                <div class="module-card">
                    <i class="fab fa-youtube module-icon" style="color: #ef4444;"></i>
                    <h3>YouTube - Criação de Conteúdo</h3>
                    <p>Aprenda a estruturar o seu canal, criar pautas criativas, otimizar vídeos para os algoritmos de busca (SEO) e engajar a sua audiência.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-video module-icon"></i>
                    <h3>Premiere</h3>
                    <p>Mergulhe na edição profissional. Domine cortes dinâmicos, transições, tratamento de cor, correção de áudio e aplicação de efeitos.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-paint-brush module-icon"></i>
                    <h3>Photoshop</h3>
                    <p>Aprenda a criar "Thumbnails" (capas de vídeos) extremamente chamativas e com alta taxa de clique, além de definir a identidade visual do canal.</p>
                </div>
                <div class="module-card">
                    <i class="fas fa-user-tie module-icon"></i>
                    <h3>Marketing Pessoal</h3>
                    <p>Saiba como se posicionar diante das câmeras, construir uma comunicação envolvente, perder a timidez e rentabilizar a sua imagem na internet.</p>
                </div>
            </div>
            
            <div class="mt-12 text-center max-w-3xl mx-auto bg-orange-50 border-2 border-orange-200 rounded-xl p-8 shadow-sm">
                <h3 class="text-2xl font-bold text-blue-900 mb-3 uppercase">Dica Especial Inova!</h3>
                <p class="text-lg text-gray-700">Complemente o seu curso profissionalizante com o módulo de <strong>MARKETING DIGITAL</strong> e maximize as visualizações e oportunidades de negócios para o seu canal.</p>
            </div>
        </div>
    </section>

<section class="testimonials-section">
        <div class="container-custom">
            <h2 class="section-title">O que dizem nossos alunos</h2>
            <div class="testimonials-grid">
                <div class="testimonial-card">
                    <div class="quote-icon"><i class="fas fa-quote-left"></i></div>
                    <p class="testimonial-text">"O curso abriu a minha mente e me mostrou que o YouTube é um negócio sério e lucrativo. Hoje edito meus vídeos no Premiere e a qualidade do meu canal subiu 100%!"</p>
                    <div class="testimonial-author">
                        - Lucas P.
                        <span style="margin-left:auto"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></span>
                    </div>
                </div>
                <div class="testimonial-card">
                    <div class="quote-icon"><i class="fas fa-quote-left"></i></div>
                    <p class="testimonial-text">"Perdi o medo das câmeras nas aulas de Marketing Pessoal e aprendi a fazer capas incríveis no Photoshop. Recomendo muito para quem quer começar na internet."</p>
                    <div class="testimonial-author">
                        - Amanda Oliveira
                        <span style="margin-left:auto"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></span>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section id="inscricao" class="enroll-section">
        <div class="container-custom">
            
            
            <div class="online-box">
                <div class="online-content">
                    <h3><i class="fas fa-laptop-house"></i> Prefere estudar em casa?</h3>
                    <p>Acesse à 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#criacao-de-conteudo" class="btn-outline">Matrícula Online</a>
            </div>

<div class="vagas-header">
                <h2 class="section-title" style="margin-bottom: 5px;">Turmas para estudos Presenciais</h2>
                <span class="urgent-alert"><i class="fas fa-fire"></i> Início Previsto: Próxima Semana!</span>
                <p class="text-gray" style="margin-top: 10px;">Selecione um horário abaixo para garantir a sua vaga. (Atualizado há 10s.)</p>
            </div>

<div class="address-box">
                <i class="fas fa-map-marker-alt"></i>
                <div class="address-text">
                    <strong>Unidade São Francisco do Sul</strong>
                    Rua Marcílio Dias 607, Centro (Em frente à Ortobom)
                </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">
                <div class="spinner"></div> A verificar disponibilidade...
            </div>

</div>
    </section>

<section class="price-sticky">
        <div class="container-custom">
            <div class="price-tag">
                <span class="old-price">De R$ 239,90/mês</span>
                <span class="cta-price-text">CONSULTAR DESCONTO</span>
            </div>
            <br>
            <p style="font-size: 0.8rem; margin-bottom: 15px; color: rgba(255,255,255,0.7);">*Valores referentes a parcela mensal. Entre em contato para mais informações</p>
            <a href="https://www.inovaeducacional.com.br/p/inscricao-rapida.html#criacao-de-conteudo" class="btn-main btn-pulse">
                GARANTIR MINHA VAGA AGORA <i class="fas fa-arrow-right" style="margin-left: 10px;"></i>
            </a>
        </div>
    </section>

<a href="https://api.whatsapp.com/send?phone=5547991140592&text=Ol%C3%A1%2C%20tenho%20uma%20d%C3%BAvida%20sobre%20o%20curso%20de%20Auxiliar%20Administrativo!" class="floating-wa" target="_blank" title="Falar no WhatsApp">
        <i class="fab fa-whatsapp"></i>
        <div class="wa-tooltip">Dúvidas? Chame aqui!</div>
    </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="Cursos profissionalizantes Online" 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" target="_blank" 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>© Inova Cursos. Todos os direitos reservados.</p>
            <p class="mt-2 md:mt-0">AWC TREINAMENTOS @ GRUPO INOVA CURSOS.</p>
        </div>
    </footer>

<script>
        const SHEET_ID = '1oNRkdN8vJ15hzTJErJxzCLIkfdrdbkpdQ3HDhR3Cllo';
        const RANGE = 'B1:Z13'; 
        const WHATSAPP_NUMBER = '5547991140592';
        const BASE_URL = `https://docs.google.com/spreadsheets/d/${SHEET_ID}/gviz/tq?tqx=out:json&range=${RANGE}`;

async function fetchAvailability() {
            const loader = document.getElementById('loader');
            try {
                const response = await fetch(BASE_URL);
                const text = await response.text();
                const jsonData = JSON.parse(text.substring(text.indexOf('{'), text.lastIndexOf('}') + 1));
                loader.style.display = 'none'; 
                processData(jsonData.table);
            } catch (error) {
                console.error("Erro ao carregar vagas:", error);
                loader.innerHTML = '<span style="color:red">Erro ao carregar horários. Tente recarregar a página.</span>';
            }
        }

function processData(table) {
            const rows = table.rows;
            const headerRow = rows[0].c;

headerRow.forEach((titleCell, colIndex) => {
                if (!titleCell || !titleCell.v) return;

let occupied = 0;
                for (let i = 1; i < rows.length; i++) {
                    if (rows[i].c[colIndex] && rows[i].c[colIndex].v) {
                        occupied++;
                    }
                }

const totalSpots = 12;
                const free = Math.max(0, totalSpots - occupied);
                const percent = (occupied / totalSpots) * 100;
                
                renderCard(titleCell.v, free, percent, totalSpots);
            });
        }

function renderCard(title, free, percent, totalSpots) {
            const container = document.getElementById('gridContainer');
            const isFull = free === 0;
            const isNearFull = free <= 3 && free > 0;
            
            const card = document.createElement('div');
            card.className = `vaga-card ${isFull ? 'full' : ''}`;
            
            let barColor = 'var(--orange)';
            let statusText = `Restam <strong>${free}</strong> vagas`;
            let textColor = 'var(--blue)';

if (isFull) {
                barColor = '#ef4444'; 
                statusText = '<span style="color:#ef4444; font-weight:bold;">TURMA LOTADA</span>';
                textColor = '#94a3b8';
            } else if (isNearFull) {
                barColor = '#ef4444'; 
                statusText = `Últimas <strong>${free}</strong> vagas!`;
            }

card.innerHTML = `
                <div class="vaga-title" style="color: ${textColor}">
                    <i class="far fa-calendar-alt"></i> ${title}
                </div>
                <div class="vaga-status">
                    <span>${statusText}</span>
                    <span style="font-size:0.8rem">${Math.round(percent)}% ocupado</span>
                </div>
                <div class="progress-track">
                    <div class="progress-fill" style="width: ${percent}%; background: ${barColor}"></div>
                </div>
                ${!isFull ? `
                    <div style="margin-top:15px; text-align:right; font-size:0.85rem; font-weight:600; color:var(--orange);">
                        Clique para inscrever <i class="fas fa-chevron-right"></i>
                    </div>
                ` : ''}
            `;

if (!isFull) {
                // Mensagem atualizada para Curso de Youtuber
                const msg = encodeURIComponent(`Ol%C3%A1%20Inova!%20Vi%20no%20site%20que%20tem%20vaga%20para%20o%20curso%20de%20*Youtuber*%20no%20hor%C3%A1rio%3A%20*${title}*.%20Gostaria%20de%20garantir%20a%20minha%20vaga%20para%20o%20in%C3%ADcio%20na%20pr%C3%B3xima%20semana.`);
                card.onclick = () => window.open(`https://api.whatsapp.com/send?phone=${WHATSAPP_NUMBER}&text=${msg}`, '_blank');
            }

container.appendChild(card);
        }

// Inicializa Scripts
        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>

Criação de Conteúdo (Youtuber e Edição de Vídeos)

Siga a escola:

Pesquise aqui o que você precisa

Sobre a INOVA

Siga-nos

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

Contact form