CtOnline

<div class="container-fluid text-bg-dark pt-5 tiny-hero">
      
      <img decoding="async" src="<?php echo esc_url( get_stylesheet_directory_uri() . '/images/mudarcurso-logo-light.png' ); ?>” alt=”Logo do portal MudarCurso.com.br” class=”tiny-logo” width=”160″>
      <div class="container-lg">
        <div class="row gx-5 py-5">
          <div class="offset-xl-1 col-xl-6 col-lg-7 col-md-7 col-sm-12 pt-5">
            <div class="tiny-editable">
              <p class="text-uppercase fw-semibold" style="letter-spacing: .12em; font-size: .9rem;">
                PORTAL MUDARCURSO.COM.BR · CT.ONLINE
              </p>
              <h1>Seu sucesso pede passagem.</h1>
              <p style="font-size: 18px; max-width: 32rem;">
                Uma aula laboratório do Ct.Online MudarCurso para quem quer transformar habilidades em renda,
                com portfólio vivo, plano aplicado e o apoio da comunidade Gênios Descalços.
              </p>
              <p>
                <span style="font-size: 20px;">Data: Quinta, 20 de novembro de 2025</span><br>
                <span style="font-size: 20px;">Horário: 19h30 às 21h00 · Online e ao vivo</span>
              </p>
              <p class="mt-3" style="font-size: 15px; opacity: .9;">
                Você entra com sua história e seus talentos. O MudarCurso.com.br entra com método, comunidade e direção.
              </p>
            </div>
          </div>

<div class="col-xl-4 col-lg-5 col-md-5 col-sm-12 register-form">
            <div class="bg-primary p-3 rounded-4 shadow-lg">
              <h2 class="text-center my-3 fw-bold">Garanta seu embarque</h2>
              <form>
                <div class="mb-2">
                  <label for="first-name" class="form-label">Nome</label>
                  <input type="text" class="form-control" id="first-name" placeholder="Seu primeiro nome">
                </div>
                <div class="mb-2">
                  <label for="last-name" class="form-label">Sobrenome</label>
                  <input type="text" class="form-control" id="last-name" placeholder="Seu sobrenome">
                </div>
                <div class="mb-2">
                  <label for="email" class="form-label">E-mail</label>
                  <input type="email" class="form-control" id="email" placeholder="seu@email.com">
                </div>
                <div class="mb-2">
                  <label for="whatsapp" class="form-label">WhatsApp</label>
                  <input type="tel" class="form-control" id="whatsapp" placeholder="(00) 00000-0000">
                </div>
                <div class="mb-2">
                  <label for="interest" class="form-label">Qual área você quer destravar primeiro?</label>
                  <select id="interest" class="form-select">
                    <option selected value="">Selecione uma opção</option>
                    <option value="carreira">Carreira e profissão</option>
                    <option value="negocio">Negócio próprio / serviços</option>
                    <option value="criatividade">Criatividade & expressão</option>
                    <option value="renda_extra">Renda extra imediata</option>
                  </select>
                </div>
                <div class="text-center my-3">
                  <button type="submit" class="btn btn-info btn-lg text-white px-5 py-2 fw-semibold">
                    Quero meu cartão de embarque
                  </button>
                </div>
                <p class="text-center small mb-0">
                  Vamos enviar seu cartão de embarque + link da aula por e-mail e WhatsApp.
                </p>
              </form>
            </div>
          </div>

</div>
      </div>
    </div>

<div class="container-fluid">
      <div class="container-lg">
        <div class="row gx-5 py-5">
          <div class="offset-xl-1 col-xl-6 col-lg-7 col-md-7 col-sm-12">
            <div class="tiny-editable">
              <h2>Essa aula do MudarCurso.com.br é para você se…</h2>
              <ul class="fancy">
                <li style="font-size: 18px;">
                  sente que tem talentos parados na gaveta e quer transformar isso em algo que paga boletos e acende o coração.
                </li>
                <li style="font-size: 18px;">
                  já fez cursos demais, mas ainda não conseguiu montar um <strong>portfólio vivo</strong> que mostre seu valor.
                </li>
                <li style="font-size: 18px;">
                  quer um caminho simples e aplicado: aula → ação → resultado, sem ficar preso em teoria infinita.
                </li>
                <li style="font-size: 18px;">
                  busca uma comunidade que fale a sua língua e caminhe junto, em vez de tentar mudar de vida sozinho(a).
                </li>
              </ul>
              <p style="font-size: 18px;">
                No Ct.Online MudarCurso, cada encontro é desenhado para virar <strong>prova de valor</strong>: documento, apresentação,
                proposta, mini-oferta ou projeto real que você pode mostrar para clientes, empresas e parcerias.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>

<div class="container-fluid bg-primary text-white">
      <div class="container-lg">
        <div class="row gx-5 py-5 justify-content-center">
          <div class="col-md-10 col-lg-8 col-xl-6 text-center">
            <div class="tiny-editable">
              <h2>Como o Ct.Online MudarCurso funciona</h2>
              <p>O Ct.Online é o laboratório prático do portal MudarCurso.com.br.</p>
              <p>
                Em vez de só assistir aula e esquecer depois, você constrói um <strong>mini-sistema</strong>:
                páginas, textos, propostas e ativos digitais que podem ser usados de verdade no seu dia a dia.
              </p>
              <p>
                Nesta experiência ao vivo, você vai ver como usar um editor visual (TinyMCE) como coração
                do seu próprio “mini CMS” para cursos, serviços e campanhas — tudo dentro da lógica MudarCurso:
                <strong>talento em movimento, negócio vivo, plano aplicado.</strong>
              </p>
            </div>
          </div>
        </div>
      </div>

<div class="container-lg">
        <div class="row gx-5 pb-5">
          <div class="col text-center">
            <div class="tiny-editable">
              <img decoding="async" src="<?php echo esc_url( get_stylesheet_directory_uri() . '/images/mudarcurso-face-ronaldo.png' ); ?>” alt=”Retrato de Ronaldo Barreto” width=”200″>
              <h3><span style="font-size: 20px;">Ronaldo Barreto</span></h3>
              <p>Fundador do MudarCurso.com.br<br>Consultor de Carreiras Criativas</p>
            </div>
          </div>
          <div class="col text-center">
            <div class="tiny-editable">
              <img decoding="async" src="<?php echo esc_url( get_stylesheet_directory_uri() . '/images/mudarcurso-face-convidado1.png' ); ?>” alt=”Retrato de convidado(a)” width=”200″ height=”200″>
              <h3><span style="font-size: 20px;">Guardião de Futuro</span></h3>
              <p>História real de quem<br>transformou um curso em renda recorrente.</p>
            </div>
          </div>
          <div class="col text-center">
            <div class="tiny-editable">
              <img decoding="async" src="<?php echo esc_url( get_stylesheet_directory_uri() . '/images/mudarcurso-face-comunidade.png' ); ?>” alt=”Retrato da comunidade” width=”200″ height=”200″>
              <h3><span style="font-size: 20px;">Gênios Descalços Club</span></h3>
              <p>Comunidade do portal MudarCurso.com.br<br>para quem escolheu viver do que ama.</p>
            </div>
          </div>
        </div>
      </div>
    </div>

<div class="container-fluid">
      <div class="container-lg">
        <div class="row gx-5 py-4 align-items-center">
          <div class="col offset-xl-1">
            <p style="font-size: 14px;">
              Portal MudarCurso.com.br · Ct.Online · Gênios Descalços Club<br>
              Seu sucesso pede passagem — e você não embarca sozinho(a).
            </p>
          </div>
          <div class="col text-end d-none d-md-block">
            <div class="tiny-editable">
              <a href="https://www.mudarcurso.com.br" style="font-size: 14px; text-decoration: none;">
                Acessar o portal MudarCurso.com.br ↗
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>