<?php
require './core/header.php';
?>

<main class="wibsonepage">


  <section id="login">


      <div class="header-index">

        <button type="button" id="btn-cadastro" class="btn btn-primary btn-cadastro">Comece Agora Grátis</button>
        <button type="button" id="btn-acessar" class="btn btn-primary">Acessar</button>

        <div class="acesslogin_wibster">

            <!--<h2>Hello,<br><span>Futuro fluente 👋</span></h2>-->

            <form method="post" action="">
              <div class="form-row">
                <div class="form-group col-md-6" id="form-username">
                  <input type="text" class="form-control" id="inputusername" placeholder="Seu e-mail">
                </div>
                <div class="form-group col-md-6" id="form-password">
                  <input type="password" class="form-control" id="inputpassword" placeholder="Sua senha" required>
                </div>
              </div>

              <button type="button" name="submit-login" id="btn-login" class="btn btn-primary" onclick="loginwibs()">Entrar</button>
              <!--<a class="btn btn-text" id="sem_acesso">Ainda não tem acesso?</a>
              <button type="submit" class="btn btn-primary btn_iastart">Acessar</button>-->
            </form>

        </div>

      </div>


      <div class="hero-index">
        <h4>Perda o medo de falar inglês, fale com a IA</h4>

        <div class="row">

          <div class="col-6">
            <h1>Aprenda ingles com IA, fluencia em 71 dias!</h1>
            <p>Sophia sua professora de <b>inglês online por IA</b>, promete te deixar <b>fluente em 71 dias</b>, do básio ao avançado, aprenda inglês no seu ritmo com seu <b>assunto de interesse</b>, pelo celular, tablet ou notebook, onde e quando quiser, com nossa IA que gera seu <b>plano de estudo</b> personalizado.</p>
            <button type="button" class="btn btn-secundary btn-cadastro">Teste Grátis, rápido, sem cartão!</button>
          </div>

          <div class="col-6 ia-index">
            <div class="ia-in-index"><i class="fa-solid fa-microphone"></i><span>Treine, fale e escute em tempo real!</span></div>
            <div class="ia-in-index2"><i class="fa-solid fa-mobile-screen"></i><span>Acesse pelo celular, notebook ou tablet!</span></div>
            <div class="ia-speak-index"><i class="fa fa-play"></i></div>
          </div>

        </div>

      </div>


      <div class="logos-index">
        <h4>Fomos mencionados nas mídias</h4>
        <img src="./assets/imgs/clients/client-1.png">
        <img src="./assets/imgs/clients/client-2.png">
        <img src="./assets/imgs/clients/client-3.png">
        <img src="./assets/imgs/clients/client-4.png">
        <img src="./assets/imgs/clients/client-5.png">
        <img src="./assets/imgs/clients/client-6.png">
      </div>


      <div class="sobre-index">
        <!--<h4>Conheça a IA que pode transformar sua vida!</h4>-->
        <div><i class="fa-solid fa-book-open"></i><h4>Plano de estudos personalizado, aprenda com seu assunto favorito!</h4></div>
        <div><i class="fa-solid fa-microphone"></i><h4>Converse em tempo real por texto ou voz em português e inglês!</h4></div>
        <div><i class="fa-solid fa-diagram-project"></i><h4>Faça um módulo por dia, dos 71 módulos do basico ao avançdo!</h4></div>
        <div><i class="fa-solid fa-bolt"></i><h4>Uma IA entende e treina sua fala e escrita, perca o medo de falar inglês!</h4></div>
      </div>


      <div class="cta-index">
        <h2>Sabe como se aprende inglês? Aprendendo, falando, ouvindo e treinando sobre aquilo que você mais gosta 💜
        <button type="button" class="btn btn-secundary btn-cadastro">Teste Grátis, você vai adorar!</button></h2>
      </div>


      <div class="depoimentos-index">
        <h4>Milhares de pessoas confiam na Hello SophIA, e oque dizem?</h4>

        <ul>

        <div class="swiper swiper2">
          <div class="swiper-wrapper">


          <!-- Slides -->
          <div class="swiper-slide">
            <li>
              <h4>
                <img src="./assets/imgs/depoimentos/depoimentos-1.png">
                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                <span>Ana Silva</span>
              </h4>
              <p>Hello Sophia transformou meu aprendizado! A IA me corrigiu de forma suave e eficaz, e agora me sinto muito mais confiante para conversar em inglês.</p>
            </li>
            <li>
              <h4>
                <img src="./assets/imgs/depoimentos/depoimentos-2.png">
                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                <span>Mariana Costa</span>
              </h4>
              <p>Incrível! A IA realmente entende minhas dificuldades e adapta as lições. Meu inglês melhorou muito mais rápido do que eu esperava.</p>
            </li>
              <li>
              <h4>
                <img src="./assets/imgs/depoimentos/depoimentos-3.png">
                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                <span>Pedro Oliveira</span>
              </h4>
              <p>Eu tinha muito medo de falar inglês, mas a Hello Sophia me ajudou a perder esse medo! A IA é super paciente e o ambiente de aprendizado é muito agradável.</p>
            </li>
          </div>

          <div class="swiper-slide">
            <li>
              <h4>
                <img src="./assets/imgs/depoimentos/depoimentos-4.png">
                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-regular fa-star"></i>
                <span>Fernanda Lima</span>
              </h4>
              <p>Estou gostando bastante da Hello Sophia! A IA tem me ajudado com a pronúncia e a gramática. Um bom aplicativo para quem quer aprender inglês de forma prática.</p>
            </li>
            <li>
              <h4>
                <img src="./assets/imgs/depoimentos/depoimentos-5.png">
                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                <span>Ricardo Santos</span>
              </h4>
              <p>A Hello Sophia foi uma grande surpresa! A IA realmente me ajuda a focar nos meus pontos fracos e a avançar no meu ritmo. Super recomendo!</p>
            </li>
            <li>
              <h4>
                <img src="./assets/imgs/depoimentos/depoimentos-6.png">
                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                <span>Lucas Ferreira</span>
              </h4>
              <p>Não acreditava muito em aprender inglês com IA, mas a Hello Sophia me surpreendeu! É muito interativo e estou aprendendo de forma divertida.</p>
            </li>
          </div>

          <div class="swiper-slide">
            <li>
              <h4>
                <img src="./assets/imgs/depoimentos/depoimentos-7.png">
                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                <span>Camila Rodrigues</span>
              </h4>
              <p>A Hello Sophia é perfeita para quem tem pouco tempo! A IA me ajuda a otimizar meu estudo e meu inglês está melhorando a cada dia.</p>
            </li>
              <li>
              <h4>
                <img src="./assets/imgs/depoimentos/depoimentos-8.png">
                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-regular fa-star"></i>
                <span>Gustavo Pereira</span>
              </h4>
              <p>O aplicativo é bom, mas poderia ter mais opções de exercícios. No geral, a IA tem me ajudado bastante.</p>
            </li>
            <li>
              <h4>
                <img src="./assets/imgs/depoimentos/depoimentos-9.png">
                  <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                <span>Lucas Martins</span>
              </h4>
              <p>Simplesmente amando a Hello Sophia! A IA é incrível e o app é super fácil de usar. Minha pronúncia melhorou muito!</p>
            </li>
          </div>

          <div class="swiper-slide">
            <li>
                <h4>
                <img src="./assets/imgs/depoimentos/depoimentos-10.png">
                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                <span>Rafael Almeida</span>
              </h4>
              <p>Estava com dificuldades para aprender inglês sozinho, mas a Hello Sophia mudou tudo! A IA é um verdadeiro tutor pessoal.</p>
            </li>
            <li>
                <h4>
                <img src="./assets/imgs/depoimentos/depoimentos-11.png">
                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                <span>Juliana Sousa</span>
              </h4>
              <p>A Hello Sophia é uma ferramenta incrível para quem quer aprender inglês de forma prática e eficaz. Adorei a interação com a IA.</p>
            </li>
            <li>
              <h4>
                <img src="./assets/imgs/depoimentos/depoimentos-12.png">
                  <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                <span>Thiago Nunes</span>
              </h4>
              <p>É um aplicativo muito bom, me ajudou a perder a timidez e a praticar meu inglês diariamente.</p>
            </li>
          </div>
            
          <div class="swiper-slide">
              <li>
              <h4>
                  <img src="./assets/imgs/depoimentos/depoimentos-13.png">
                  <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                  <span>Beatriz Castro</span>
              </h4>
              <p>Recomendo a Hello Sophia para todos que querem aprender inglês de forma flexível e personalizada. A IA é incrível!</p>
              </li>
              <li>
                <h4>
                  <img src="./assets/imgs/depoimentos/depoimentos-14.png">
                    <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-regular fa-star"></i>
                    <span>Larissa Gomes</span>
                </h4>
                <p>O aplicativo é bom, mas senti falta de mais conteúdo voltado para minha área de atuação. No geral, a IA é eficiente.</p>
              </li>
              <li>
                <h4>
                  <img src="./assets/imgs/depoimentos/depoimentos-15.png">
                  <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                  <span>Daniel Rocha</span>
                </h4>
                <p>Estou adorando usar a Hello Sophia! A IA me dá feedback instantâneo e eu consigo ver meu progresso de forma clara.</p>
              </li>
          </div>
          <div class="swiper-slide">
            <li>
                <h4>
                <img src="./assets/imgs/depoimentos/depoimentos-16.png">
                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                <span>Debora Oliveira</span>
                </h4>
                <p>A Hello Sophia é a melhor opção para quem quer aprender inglês sem sair de casa. A IA é super atenciosa e dedicada.</p>
            </li>
              <li>
                  <h4>
                    <img src="./assets/imgs/depoimentos/depoimentos-17.png">
                      <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                      <span>Guilherme Alves</span>
                  </h4>
                  <p>Estava procurando um aplicativo que me desse confiança para falar inglês e encontrei na Hello Sophia! A IA me motiva a continuar estudando.</p>
              </li>
              <li>
                <h4>
                    <img src="./assets/imgs/depoimentos/depoimentos-14.png">
                    <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-regular fa-star"></i>
                    <span>Sofia Mendes</span>
                  </h4>
                  <p>O aplicativo é bom, mas ainda preciso de mais tempo para entender todas as funcionalidades. No geral, a IA é bem útil.</p>
              </li>
          </div>
          <div class="swiper-slide">
              <li>
                <h4>
                    <img src="./assets/imgs/depoimentos/depoimentos-19.png">
                    <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                    <span>Eduardo Costa</span>
                </h4>
                <p>Hello Sophia me ajudou a destravar meu inglês de uma vez por todas! A IA é muito intuitiva e as lições são super dinâmicas.</p>
              </li>
              <li>
                <h4>
                    <img src="./assets/imgs/depoimentos/depoimentos-18.png">
                      <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                      <span>Patricia Barbosa</span>
                  </h4>
                  <p>Recomendo demais a Hello Sophia para quem busca uma forma eficaz e divertida de aprender inglês com o auxílio da IA. Estou amando!</p>
              </li>
              <li>
                <h4>
                  <img src="./assets/imgs/depoimentos/depoimentos-20.png">
                    <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-regular fa-star"></i>
                    <span>Daniel Rocha</span>
                </h4>
                <p>O aplicativo é bom, mas senti falta de mais conteúdo voltado para minha área de atuação. No geral, a IA é eficiente.</p>
              </li>
          </div>


          </div>

            <div class="swiper-button-prev swiper-button-prev2"></div>
            <div class="swiper-button-next swiper-button-next2"></div>

        </div>


        </ul>
      </div>


      <div class="exemplos-index">
        <h4>Sophia é uma IA treinada com esse metodo simples, pratico e já testado!</h4>

        <div class="row gy-4">

        <div class="col-xl-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
          <article>

            <div class="post-img">
              <img src="./assets/imgs/blog/blog-1.jpg?v=1" alt="" class="img-fluid">
            </div>

            <p class="post-category">A falar</p>

            <h2 class="title">
              <a href="https://noticias.cancaonova.com/capa-do-portal/professor-de-portugues-de-jpii-recorda-cotidiano-com-o-papa/" target="_blank">O Papa João Paulo segundo aprendeu a falar português em 8 semanas.</a>
            </h2>

          </article>
        </div><!-- End post list item -->

        <div class="col-xl-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
          <article>

            <div class="post-img">
              <img src="./assets/imgs/blog/blog-2.jpg?v=1" alt="" class="img-fluid">
            </div>

            <p class="post-category">Aprendem</p>

            <h2 class="title">
              <a href="https://aeroin.net/comissarios-de-voo-da-emirates-falam-70-idiomas-diferentes-a-bordo-de-aeronaves/" target="_blank">Comissários da emirates airlines aprendem idiomas de suas rotas em semanas</a>
            </h2>

          </article>
        </div><!-- End post list item -->

        <div class="col-xl-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
          <article>

            <div class="post-img">
              <img src="./assets/imgs/blog/blog-3.jpg?v=1" alt="" class="img-fluid">
            </div>

            <p class="post-category">Rapidamente</p>

            <h2 class="title">
              <a href="https://www.yspanuslanguages.com/post/como-mormons-aprendem-idiomas-rapido" target="_blank">Missionários mórmons ensinam rapidamente idiomas dos paises de suas missões</a>
            </h2>

          </article>
        </div><!-- End post list item -->

        </div>
      </div>


      <div class="planos-index" id="planos">
        <h4>E por tudo isso você ser fluente custa menos que duas pizzas!</h4>
        <h2>Seu plano de teste venceu, atualize seu plano para continuar o acesso!</h2>

        <div class="row g-4 py-lg-5 aos-init aos-animate" data-aos="zoom-out" data-aos-delay="100">

          <div class="col-lg-6">
            <div class="pricing-item">
              <h3>Plano teste free!</h3>
              <div class="icon">
                <i class="fa-solid fa-star"></i>
              </div>

              <h4><sup>R$</sup>0<span> ,00 / valor unico!</span></h4>
              <ul>
                <li><i class="fa-solid fa-check"></i> Acesso as duas primeiras aulas do básico por 2 dias!</li>
                <li><i class="fa-solid fa-check"></i> Podendo utilizar pelo celular, notebook, tablet entre outros...</li>
                <li><i class="fa-solid fa-check"></i> Estude e acesse por tempo ilimitado.</li>
                <li><i class="fa-solid fa-check"></i> Suporta audio e texto.</li>
                <li><i class="fa-solid fa-check"></i> Suporta português e inglês.</li>
                <li class="corte-linha"><i class="fa-solid fa-xmark"></i> Todos os módulos liberados do "Nível Iniciante (A1 - A2)".</li>
                <li class="corte-linha"><i class="fa-solid fa-xmark"></i> Todos os módulos liberados do "Nível Intermediário (B1 - B2)".</li>
                <li class="corte-linha"><i class="fa-solid fa-xmark"></i> Todos os módulos liberados do "Nível Avançado (C1 - C2)".</li>

              </ul>
              <a href="#" class="btn btn-payment btn-venceu">Seu teste expirou!</a>
              <a href="#" class="btn btn-payment btn-cadastro">Começar agora grátis!</a>
            </div>
          </div><!-- End Pricing Item -->

          <div class="col-lg-6">
            <div class="pricing-item featured">
              <h3>Plano 71 dias fluente!</h3>
              <div class="icon">
                <i class="fa-solid fa-rocket"></i>
              </div>

              <h4><sup>R$</sup>147<span> ,90 / valor unico!</span></h4>
              <ul>
                <li><i class="fa-solid fa-check"></i> Acesso a todas as aulas do básico ao avançado por 71 dias!</li>
                <li><i class="fa-solid fa-check"></i> Podendo utilizar pelo celular, notebook, tablet entre outros...</li>
                <li><i class="fa-solid fa-check"></i> Estude e acesse por tempo ilimitado.</li>
                <li><i class="fa-solid fa-check"></i> Suporta audio e texto.</li>
                <li><i class="fa-solid fa-check"></i> Suporta português e inglês.</li>
                <li><i class="fa-solid fa-check"></i> Todos os módulos liberados do "Nível Iniciante (A1 - A2)".</li>
                <li><i class="fa-solid fa-check"></i> Todos os módulos liberados do "Nível Intermediário (B1 - B2)".</li>
                <li><i class="fa-solid fa-check"></i> Todos os módulos liberados do "Nível Avançado (C1 - C2)".</li>

              </ul>
              <div class="btn btn-payment"><script src="https://www.mercadopago.com.br/integrations/v1/web-payment-checkout.js" data-preference-id="671599299-d29115bf-70ae-4974-a612-be632c8a3028" data-source="button"></script></div>
            </div>
          </div><!-- End Pricing Item -->

        </div>

      </div>


      <div class="footer-index">

        <div class="col-12">
            <img src="./assets/imgs/logo.png" alt="">
            <p>O método de aprendizado da SophIA é simples, pratica! Quanto mais você ouvir, pensar e falar em inglês mais estará perto da fluencia, e não se preoculpe te ajudamos a iniciar, você não precisa ser avançado, basta querer conversar...</p>
        </div>
        <div class="copyrigth">
            <p>© Copyright Hello SophIA Todos os direitos reservados</p>
        </div>

      </div>


  </section>


  <section id="register">
  
    <a id="btn-backlogin"><i class="fa-solid fa-arrow-left-long"></i></a>

      <form method="post" action="">

        <div class="swiper swiper1">
        <div class="swiper-wrapper">

            <!-- Slides -->
            <div class="swiper-slide">
              
              <h1 class="h1">Yess!, fez a melhor escolha!</h1>
              <h3 class="h3">Como você se chama?</h3>
              <input type="text" name="u_name" class="form-control bigform-control" id="u_name" placeholder="Seu nome" required>
              <input type="hidden" name="u_plano" class="form-control" id="u_plano" value="<?php if(isset($_GET['p'])){ echo $_GET['p']; } else { echo "free"; } ?>">

            </div>

            <div class="swiper-slide">
              
              <h3 class="h3">E qual sua ídade?</h3>

              <input type="number" name="u_idade" class="form-control bigform-control" id="u_idade" value="10" required>

            </div>

            <div class="swiper-slide btns-interesses">

              <h3 class="h3">Qual seu principal interesse?</h3>

              <input type="radio" class="btn-check" name="u_interesse" id="u_interesse1" value="Tecnologias e IA" autocomplete="off"><label class="btn btn-outline-success" for="u_interesse1">💻 Tecnologias e IA</label>
              <input type="radio" class="btn-check" name="u_interesse" id="u_interesse2" value="Viajens e paises" autocomplete="off"><label class="btn btn-outline-success" for="u_interesse2">✈️ Viajens e paises</label>
              <input type="radio" class="btn-check" name="u_interesse" id="u_interesse3" value="Músicas e bandas" autocomplete="off"><label class="btn btn-outline-success" for="u_interesse3">🎵 Músicas e bandas</label>
              <input type="radio" class="btn-check" name="u_interesse" id="u_interesse4" value="Filmes e séries" autocomplete="off"><label class="btn btn-outline-success" for="u_interesse4">🍿 Filmes e séries</label>
              <input type="radio" class="btn-check" name="u_interesse" id="u_interesse5" value="Trabalho e escritório" autocomplete="off"><label class="btn btn-outline-success" for="u_interesse5">👨‍💻 Trabalho e escritório</label>
              <input type="radio" class="btn-check" name="u_interesse" id="u_interesse6" value="Jogos e games" autocomplete="off"><label class="btn btn-outline-success" for="u_interesse6">🎮 Jogos e games</label>
              <input type="radio" class="btn-check" name="u_interesse" id="u_interesse7" value="Novelas e doramas" autocomplete="off"><label class="btn btn-outline-success" for="u_interesse7">🧘 Novelas e doramas</label>
              <input type="radio" class="btn-check" name="u_interesse" id="u_interesse8" value="Esportes e fitness" autocomplete="off"><label class="btn btn-outline-success" for="u_interesse8">🏀 Esportes e fitness</label>
              <input type="radio" class="btn-check" name="u_interesse" id="u_interesse9" value="Moda e arte" autocomplete="off"><label class="btn btn-outline-success" for="u_interesse9">👗 Moda e arte</label>
              <input type="radio" class="btn-check" name="u_interesse" id="u_interesse10" value="Danças e ioga" autocomplete="off"><label class="btn btn-outline-success" for="u_interesse10">💃 Danças e ioga</label>
              <input type="radio" class="btn-check" name="u_interesse" id="u_interesse11" value="Comidas e saúde" autocomplete="off"><label class="btn btn-outline-success" for="u_interesse11">🍽️ Comidas e saúde</label>

            </div>

            <div class="swiper-slide btns-interesses">

              <h3 class="h3">Legal, e qual seu objetivo principal com o inglês?</h3>

              <input type="radio" class="btn-check" name="u_objetivo" id="u_objetivo1" value="Trabalhar em outro pais" autocomplete="off"><label class="btn btn-outline-success" for="u_objetivo1">💼 Trabalhar em outro pais</label>
              <input type="radio" class="btn-check" name="u_objetivo" id="u_objetivo2" value="Viajar para o exterior" autocomplete="off"><label class="btn btn-outline-success" for="u_objetivo2">✈️ Viajar para o exterior</label>
              <input type="radio" class="btn-check" name="u_objetivo" id="u_objetivo3" value="Estudar ou intercambio" autocomplete="off"><label class="btn btn-outline-success" for="u_objetivo3">🎓 Estudar ou intercambio</label>
              <input type="radio" class="btn-check" name="u_objetivo" id="u_objetivo4" value="Me mudar para fora" autocomplete="off"><label class="btn btn-outline-success" for="u_objetivo4">🌉 Me mudar para fora</label>
              <input type="radio" class="btn-check" name="u_objetivo" id="u_objetivo5" value="Desenvolvimento pessoal" autocomplete="off"><label class="btn btn-outline-success" for="u_objetivo5">🌱 Desenvolvimento pessoal</label>

            </div>

            <div class="swiper-slide">
              
              <h3 class="h3">Qual nível do inglês você se considera?</h3>

              <select class="form-select" aria-label="Iniciante" name="u_nivel">
                <option value="Iniciante" selected>Iniciante</option>
                <option value="Intermediario">Intermediario</option>
                <option value="Avançado">Avançado</option>
                <option value="Fluente">Fluente</option>
              </select>

            </div>

            <div class="swiper-slide btns-rotina">
              
              <h3 class="h3">Por fim, me conte qual melhor rotina de estudo para você?</h3>

              <select class="form-select" aria-label="Todos os dias" name="u_rotinadias">
                <option value="Todos os dias" selected>Todos os dias</option>
                <option value="De Segunda a Sexta">De Segunda a Sexta</option>
                <option value="De Segunda a Sabado">De Segunda a Sabado</option>
                <option value="Três dias na semana">Três dias na semana</option>
              </select>

              <div class="row row-rotina">
                <div class="col-3">
                  <h5>as</h5>
                </div>
                
                <div class="col-6">
                  <input type="number" name="u_rotinahorarios" class="form-control" id="u_rotinahorarios" value="20" required>
                </div>
                
                <div class="col-3">
                  <p>hs</p>
                </div>
              </div>
              
              

              

            </div>

            <div class="swiper-slide">
              
              <h3 class="h3">Agora vamos criar seu acesso com um e-mail e senha</h3>
              <input type="email" name="u_email" class="form-control" id="u_email" placeholder="Digite seu e-mail" value="<?php echo $_GET['e']; ?>">
              <input type="password" name="u_senha" class="form-control mb-4" id="u_senha" placeholder="Crie uma senha" required>
              <input type="hidden" name="u_auth" class="form-control" id="u_auth" value="<?php if(isset($_GET['authorization'])){ echo $_GET['authorization']; } else { echo "0"; } ?>">

              <button type="button" name="submit-user" id="btn-cadastrar" class="btn btn-primary" onclick="registerwibs()">Nice, começar já!</button>

            </div>


        </div>

            <div class="swiper-button-prev swiper-button-prev1"></div>
            <div class="swiper-button-next swiper-button-next1"></div>
            <div class="swiper-scrollbar swiper-scrollbar1"></div>

        </div>


      </form>

  </section>


  <section id="thewibster">





      <div class="cartoon">

          <div class="container_cartoon face1 olhos1 cabelo1 roupa7 tipocabelo2 acessorios5 mini">
                      <div class="face_cartoon"></div>
                      <div class="cabelo_cartoon"><span></span><span></span><span></span></div>
                      <div class="sombrancelhas_cartoon sombrancelha_esquerda"></div>
                      <div class="sombrancelhas_cartoon sombrancelha_direita"></div> 
                      <div class="orelhas_cartoon orelha_esquerda"></div>
                      <div class="orelhas_cartoon orelha_direita"></div>  
                      <div class="olhos_cartoon olho_esquerdo"><span ><span></span></span></div>
                      <div class="olhos_cartoon olho_direito"><span><span></span></span></div>
                      <div class="nariz_cartoon"></div>
                      <div class="boca_cartoon"><span></span><span></span></div>
                      <div class="corpo_cartoon"></div>
                      <div class="bracos_cartoon braco_esquerda"><span></span></div>
                      <div class="bracos_cartoon braco_direita"><span></span></div>
                      <div class="pernas_cartoon perna_esquerda"><span></span></div>
                      <div class="pernas_cartoon perna_direita"><span></span></div>
                      <div class="roupa_cartoon"><span></span><span></span></div>
                      <div class="acessorios_cartoon"><span></span><span></span><span></span><span></span><span></span><span></span></div>
                      <div class="distras_cartoon"><span></span><span></span></div>
                      <div class="itensassunto_cartoon"><span></span><span></span></div>
                      <div id="viewimg_cartoon"></div>
          </div>

          <div class="escrita-comands">
          
                  <div class="chat-container" id="chat-container"></div>

                  <div class="input-container none">
                    <textarea type="text" id="message-input" placeholder="Escreva em inglês ou português..."></textarea>
                    <button id="send-button"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
                  </div>

                  <a class="btn-voz" id="btn-chat"><i class="fa-solid fa-comment"></i></a>
                  <a class="btn-voz" id="btn-en"><i class="fa-solid fa-microphone"></i></a>
                  <a class="btn-voz" id="btn-pt"><i class="fa-solid fa-microphone"></i></a>
                  <a class="btn-voz" id="btn-afterintro">Yes! Iniciar Agora!</a>

          </div>

      </div>






      <div class="explorer none">
        <video autoplay id="explorerWebcam"></video>
        <canvas id="explorerCanva"></canvas>
        <button id="fotoButton"><i class="fa fa-camera"></i></button>
        <button id="switchCameraButton"><i class="fa fa-camera-rotate"></i></button>
      </div>






      <div class="modal-comands none">
        <a class="modal-comands-close">x</a>

        <div class="memorias-comands none">

            <h5 class="h5">Notas salvas</h5>

            <ul class="list-memorias">

              <?php
              /*
              if(isset($_COOKIE['p_user'])){

                $sql_memoria = "SELECT * FROM `notas` WHERE p_user = '$p_user'";
                $result_memoria = mysqli_query($con, $sql_memoria);

                while($row_memoria = mysqli_fetch_array($result_memoria)){
                  if(isset($row_memoria["text"])){
                    echo '<li data-texto="'.$row_memoria["text"].'">'.$row_memoria["text"].'</li>';
                  }
                }
              }
              */
              ?>

            </ul>

        </div>


        <div class="caderno-comands none">

            <h5 class="h5">Lista de caderno</h5>

            <ul class="list-caderno">

              <?php
              /*
              if(isset($_COOKIE['p_user'])){

                $sql_caderno = "SELECT * FROM `caderno` WHERE p_user = '$p_user'";
                $result_caderno = mysqli_query($con, $sql_caderno);

                while($row_caderno = mysqli_fetch_array($result_caderno)){
                    echo '<p>'.$row_caderno["text"].'</p>';
                }

              }
              */
              ?>

            </ul>

        </div>



        <div class="quiz-container res1" id="quiz-container"><ul></ul><a id="quiz-concluido">Concluido!</a></div>

      </div>






      <div class="profile-nav nav none">

          <div class="contatos-comands">

            <ul class="list-contatos">

          <div class="list-nivel-iniciante">
              <h2>Nível Iniciante (A1 - A2)</h2>
              <p>Objetivo Geral: Desenvolver a compreensão e produção de frases e expressões básicas para comunicação em situações cotidianas.</p>

              <li data-texto="Alfabeto e Pronúncia: Aprender o alfabeto inglês e seus sons, incluindo diferenças fonéticas em relação ao português." data-num="1"><h4><i class="fa-solid fa-font"></i> Alfabeto e Pronúncia</h4><h5>Aprender o alfabeto inglês e seus sons, incluindo diferenças fonéticas em relação ao português.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Números (0-100): Conhecer os números cardinais e ordinais básicos." data-num="2"><h4><i class="fa-solid fa-hashtag"></i> Números (0-100)</h4><h5>Conhecer os números cardinais e ordinais básicos.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Cores: Vocabulário das cores comuns." data-num="3"><h4><i class="fas fa-palette"></i> Cores</h4><h5>Vocabulário das cores comuns.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Cumprimentos e Apresentações: Aprender a cumprimentar, apresentar-se e apresentar outras pessoas." data-num="4"><h4><i class="fas fa-handshake"></i> Cumprimentos e Apresentações</h4><h5>Aprender a cumprimentar, apresentar-se e apresentar outras pessoas.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Informações Pessoais: Saber perguntar e responder sobre nome, idade, nacionalidade, profissão." data-num="5"><h4><i class="fas fa-id-card"></i> Informações Pessoais</h4><h5>Saber perguntar e responder sobre nome, idade, nacionalidade, profissão.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Família: Vocabulário relacionado à família (pai, mãe, irmão, etc.)." data-num="6"><h4><i class="fas fa-users"></i> Família</h4><h5>Vocabulário relacionado à família (pai, mãe, irmão, etc.).</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Objetos do Cotidiano: Nomear objetos comuns (mesa, cadeira, caneta, etc.)." data-num="7"><h4><i class="fas fa-table"></i> Objetos do Cotidiano</h4><h5>Nomear objetos comuns (mesa, cadeira, caneta, etc.).</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Dias da Semana e Meses: Aprender os nomes dos dias da semana e meses do ano." data-num="8"><h4><i class="fas fa-calendar-alt"></i> Dias da Semana e Meses</h4><h5>Aprender os nomes dos dias da semana e meses do ano.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Expressões Básicas: Sim, Não, Por favor, Obrigado, Com licença." data-num="9"><h4><i class="fas fa-comment"></i> Expressões Básicas</h4><h5>"Sim", "Não", "Por favor", "Obrigado", "Com licença".</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Verbo To Be: Dominar as conjugações do verbo to be no presente." data-num="10"><h4><i class="fas fa-signature"></i> Verbo To Be</h4><h5>Dominar as conjugações do verbo "to be" no presente.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Horas: Aprender a dizer as horas." data-num="11"><h4><i class="fas fa-clock"></i> Horas</h4><h5>Aprender a dizer as horas.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Rotinas Diárias: Descrever ações do dia a dia (acordar, comer, trabalhar, etc.)." data-num="12"><h4><i class="fas fa-list-ul"></i> Rotinas Diárias</h4><h5>Descrever ações do dia a dia (acordar, comer, trabalhar, etc.).</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Comida e Bebida: Vocabulário sobre alimentos e bebidas." data-num="13"><h4><i class="fas fa-utensils"></i> Comida e Bebida</h4><h5>Vocabulário sobre alimentos e bebidas.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Lugares: Nomear lugares comuns (casa, escola, loja, etc.)." data-num="14"><h4><i class="fas fa-map-marker-alt"></i> Lugares</h4><h5>Nomear lugares comuns (casa, escola, loja, etc.).</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Direções: Pedir e dar direções simples." data-num="15"><h4><i class="fas fa-compass"></i> Direções</h4><h5>Pedir e dar direções simples.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Transporte: Vocabulário sobre meios de transporte." data-num="16"><h4><i class="fas fa-bus"></i> Transporte</h4><h5>Vocabulário sobre meios de transporte.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Clima: Descrever o clima (ensolarado, chuvoso, etc.)." data-num="17"><h4><i class="fas fa-cloud-sun"></i> Clima</h4><h5>Descrever o clima (ensolarado, chuvoso, etc.).</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Hobbies e Interesses: Expressar gostos e atividades de lazer." data-num="18"><h4><i class="fas fa-heart"></i> Hobbies e Interesses</h4><h5>Expressar gostos e atividades de lazer.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Presente Simples: Usar o presente simples para descrever ações habituais." data-num="19"><h4><i class="fas fa-arrow-right"></i> Presente Simples</h4><h5>Usar o presente simples para descrever ações habituais.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Passado Simples: Começar a usar o passado simples para descrever eventos passados." data-num="20"><h4><i class="fas fa-arrow-left"></i> Passado Simples</h4><h5>Começar a usar o passado simples para descrever eventos passados.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Perguntas com Wh-: Aprender a fazer perguntas com what, where, when, why, etc." data-num="21"><h4><i class="fas fa-question"></i> Perguntas com Wh-</h4><h5>Aprender a fazer perguntas com "what", "where", "when", "why", etc.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Plural: Formação do plural de substantivos." data-num="22"><h4><i class="fas fa-plus-square"></i> Plural</h4><h5>Formação do plural de substantivos.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Adjetivos Básicos: Usar adjetivos para descrever pessoas e coisas." data-num="23"><h4><i class="fas fa-tag"></i> Adjetivos Básicos</h4><h5>Usar adjetivos para descrever pessoas e coisas.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Preposições de Lugar: Usar preposições como in, on, at para indicar localização." data-num="24"><h4><i class="fas fa-map-pin"></i> Preposições de Lugar</h4><h5>Usar preposições como "in", "on", "at" para indicar localização.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Expressões de Tempo: Usar expressões como now, yesterday, tomorrow." data-num="25"><h4><i class="fas fa-stopwatch"></i> Expressões de Tempo</h4><h5>Usar expressões como "now", "yesterday", "tomorrow".</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>
          </div>


          <div class="list-nivel-intermediario">
              <h2>Nível Intermediário (B1 - B2)</h2>
              <p>Objetivo Geral: Desenvolver a capacidade de compreender e produzir textos mais complexos, expressar opiniões e interagir em situações cotidianas e profissionais.</p>

              <li data-texto="Present Perfect: Usar o presente perfeito para falar sobre experiências passadas com ligação ao presente." data-num="26"><h4><i class="fas fa-history"></i> Present Perfect</h4><h5>Usar o presente perfeito para falar sobre experiências passadas com ligação ao presente.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Passado Contínuo: Descrever ações que estavam em progresso no passado." data-num="27"><h4><i class="fas fa-hourglass-half"></i> Passado Contínuo</h4><h5>Descrever ações que estavam em progresso no passado.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Futuro com Will e Going To: Expressar ações futuras com will e going to." data-num="28"><h4><i class="fas fa-arrow-circle-right"></i> Futuro com Will e Going To</h4><h5>Expressar ações futuras com "will" e "going to".</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Comparativos e Superlativos: Fazer comparações entre pessoas e objetos." data-num="29"><h4><i class="fas fa-balance-scale"></i> Comparativos e Superlativos</h4><h5>Fazer comparações entre pessoas e objetos.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Conectores: Usar conectores como and, but, so, because para unir frases." data-num="30"><h4><i class="fas fa-link"></i> Conectores</h4><h5>Usar conectores como "and", "but", "so", "because" para unir frases.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Expressões Idiomáticas: Aprender algumas expressões idiomáticas comuns." data-num="31"><h4><i class="fas fa-comment-dots"></i> Expressões Idiomáticas</h4><h5>Aprender algumas expressões idiomáticas comuns.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Viagens: Vocabulário relacionado a viagens e turismo." data-num="32"><h4><i class="fas fa-plane"></i> Viagens</h4><h5>Vocabulário relacionado a viagens e turismo.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Saúde: Vocabulário básico sobre saúde e bem-estar." data-num="33"><h4><i class="fas fa-heartbeat"></i> Saúde</h4><h5>Vocabulário básico sobre saúde e bem-estar.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Trabalho e Carreira: Descrever seu trabalho, falar sobre empregos e profissões." data-num="34"><h4><i class="fas fa-briefcase"></i> Trabalho e Carreira</h4><h5>Descrever seu trabalho, falar sobre empregos e profissões.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Compras: Vocabulário para fazer compras e pedir produtos." data-num="35"><h4><i class="fas fa-shopping-cart"></i> Compras</h4><h5>Vocabulário para fazer compras e pedir produtos.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Meio Ambiente: Vocabulário sobre questões ambientais e sustentabilidade." data-num="36"><h4><i class="fas fa-tree"></i> Meio Ambiente</h4><h5>Vocabulário sobre questões ambientais e sustentabilidade.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Textos Narrativos Simples: Escrever e entender textos narrativos simples." data-num="37"><h4><i class="fas fa-book-open"></i> Textos Narrativos Simples</h4><h5>Escrever e entender textos narrativos simples.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Textos Descritivos Simples: Descrever pessoas, lugares e objetos." data-num="38"><h4><i class="fas fa-align-left"></i> Textos Descritivos Simples</h4><h5>Descrever pessoas, lugares e objetos.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Expressar Opiniões: Usar frases para expressar seus gostos e desgostos." data-num="39"><h4><i class="fas fa-comment-alt"></i> Expressar Opiniões</h4><h5>Usar frases para expressar seus gostos e desgostos.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Present Perfect Contínuo: Usar o presente perfeito contínuo para expressar ações em progresso com ligação ao presente." data-num="40"><h4><i class="fas fa-hourglass-start"></i> Present Perfect Contínuo</h4><h5>Usar o presente perfeito contínuo para expressar ações em progresso com ligação ao presente.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Voz Passiva: Usar a voz passiva para descrever ações." data-num="41"><h4><i class="fas fa-volume-down"></i> Voz Passiva</h4><h5>Usar a voz passiva para descrever ações.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Orações Condicionais: Usar as condicionais para falar sobre possibilidades." data-num="42"><h4><i class="fas fa-code-branch"></i> Orações Condicionais</h4><h5>Usar as condicionais para falar sobre possibilidades.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Reported Speech (Discurso Indireto): Relatar o que outras pessoas disseram." data-num="43"><h4><i class="fas fa-quote-left"></i> Reported Speech (Discurso Indireto)</h4><h5>Relatar o que outras pessoas disseram.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Modais: Usar modais como should, must, might, etc." data-num="44"><h4><i class="fas fa-exclamation-triangle"></i> Modais</h4><h5>Usar modais como "should", "must", "might", etc.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Textos Argumentativos: Desenvolver habilidades para escrever textos argumentativos." data-num="45"><h4><i class="fas fa-pen-alt"></i> Textos Argumentativos</h4><h5>Desenvolver habilidades para escrever textos argumentativos.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Discussões e Debates: Aprender a participar de discussões e debates." data-num="46"><h4><i class="fas fa-comments"></i> Discussões e Debates</h4><h5>Aprender a participar de discussões e debates.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Notícias e Atualidades: Compreender notícias e atualidades." data-num="47"><h4><i class="fas fa-newspaper"></i> Notícias e Atualidades</h4><h5>Compreender notícias e atualidades.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Tecnologia: Vocabulário sobre tecnologia e inovação." data-num="48"><h4><i class="fas fa-laptop"></i> Tecnologia</h4><h5>Vocabulário sobre tecnologia e inovação.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Entretenimento: Vocabulário sobre filmes, músicas e outras formas de entretenimento." data-num="49"><h4><i class="fas fa-film"></i> Entretenimento</h4><h5>Vocabulário sobre filmes, músicas e outras formas de entretenimento.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Problemas Sociais: Discutir problemas sociais e questões políticas." data-num="50"><h4><i class="fas fa-users-cog"></i> Problemas Sociais</h4><h5>Discutir problemas sociais e questões políticas.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Linguagem Formal e Informal: Adaptar sua linguagem a diferentes contextos." data-num="51"><h4><i class="fas fa-language"></i> Linguagem Formal e Informal</h4><h5>Adaptar sua linguagem a diferentes contextos.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Apresentações Orais: Aprender a fazer apresentações orais em inglês." data-num="52"><h4><i class="fas fa-chalkboard-teacher"></i> Apresentações Orais</h4><h5>Aprender a fazer apresentações orais em inglês.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>
          </div>


          <div class="list-nivel-avancado">
              <h2>Nível Avançado (C1 - C2)</h2>
              <p>Objetivo Geral: Aperfeiçoar a fluência e precisão no uso da língua, sendo capaz de lidar com qualquer situação comunicativa com naturalidade e eficácia.</p>

              <li data-texto="Linguagem Abstrata: Expressar ideias complexas e abstratas." data-num="53"><h4><i class="fas fa-brain"></i> Linguagem Abstrata</h4><h5>Expressar ideias complexas e abstratas.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Nuances da Língua: Compreender sutilezas e nuances da língua." data-num="54"><h4><i class="fas fa-magic"></i> Nuances da Língua</h4><h5>Compreender sutilezas e nuances da língua.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Sotaques e Dialetos: Compreender diferentes sotaques e dialetos." data-num="55"><h4><i class="fas fa-headphones"></i> Sotaques e Dialetos</h4><h5>Compreender diferentes sotaques e dialetos.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Gírias e Expressões Informais: Usar gírias e expressões informais em contextos apropriados." data-num="56"><h4><i class="fas fa-smile"></i> Gírias e Expressões Informais</h4><h5>Usar gírias e expressões informais em contextos apropriados.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Linguagem Figurativa: Compreender e usar linguagem figurativa (metáforas, analogias, etc.)." data-num="57"><h4><i class="fas fa-theater-masks"></i> Linguagem Figurativa</h4><h5>Compreender e usar linguagem figurativa (metáforas, analogias, etc.).</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Artigos Acadêmicos: Ler e compreender artigos acadêmicos." data-num="58"><h4><i class="fas fa-graduation-cap"></i> Artigos Acadêmicos</h4><h5>Ler e compreender artigos acadêmicos.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Textos Literários: Ler e analisar textos literários." data-num="59"><h4><i class="fas fa-book"></i> Textos Literários</h4><h5>Ler e analisar textos literários.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Debates Complexos: Participar de debates complexos sobre temas variados." data-num="60"><h4><i class="fas fa-gavel"></i> Debates Complexos</h4><h5>Participar de debates complexos sobre temas variados.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Negociações: Habilidades de negociação em inglês." data-num="61"><h4><i class="fas fa-hand-holding-usd"></i> Negociações</h4><h5>Habilidades de negociação em inglês.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Apresentações Formais: Fazer apresentações formais em inglês." data-num="62"><h4><i class="fas fa-microphone-alt"></i> Apresentações Formais</h4><h5>Fazer apresentações formais em inglês.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Redação Criativa: Desenvolver habilidades de Exercício quiz criativa." data-num="63"><h4><i class="fas fa-pencil-ruler"></i> Redação Criativa</h4><h5>Desenvolver habilidades de Exercício quiz criativa.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Domínio Completo da Língua: Uso impecável da gramática e vocabulário." data-num="64"><h4><i class="fas fa-check-circle"></i> Domínio Completo da Língua</h4><h5>Uso impecável da gramática e vocabulário.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Flexibilidade e Adaptação: Adaptar a linguagem a qualquer contexto." data-num="65"><h4><i class="fas fa-arrows-alt"></i> Flexibilidade e Adaptação</h4><h5>Adaptar a linguagem a qualquer contexto.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Fluidez e Naturalidade: Expressar-se com fluidez e naturalidade de um falante nativo." data-num="66"><h4><i class="fas fa-comment-dots"></i> Fluidez e Naturalidade</h4><h5>Expressar-se com fluidez e naturalidade de um falante nativo.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Argumentação Sofisticada: Desenvolver argumentos complexos e persuasivos." data-num="67"><h4><i class="fas fa-bullhorn"></i> Argumentação Sofisticada</h4><h5>Desenvolver argumentos complexos e persuasivos.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Tradução e Interpretação: Traduzir e interpretar textos e discursos complexos." data-num="68"><h4><i class="fas fa-language"></i> Tradução e Interpretação</h4><h5>Traduzir e interpretar textos e discursos complexos.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Linguística e Estudos da Língua: Compreender conceitos de linguística e estudos da língua." data-num="69"><h4><i class="fas fa-book-reader"></i> Linguística e Estudos da Língua</h4><h5>Compreender conceitos de linguística e estudos da língua.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Especialização: Usar a língua com proficiência em sua área de especialização profissional ou acadêmica." data-num="70"><h4><i class="fas fa-user-graduate"></i> Especialização</h4><h5>Usar a língua com proficiência em sua área de especialização profissional ou acadêmica.</h5><div></div><a><i class="fas fa-paste"></i>Exercício quiz<span></span></a><a><i class="fas fa-microphone"></i>Exercício de fala<span></span></a></li>

              <li data-texto="Publicações e Apresentações de Alto Nível: Publicar artigos e fazer apresentações em níveis avançados." data-num="71"><h4><i class="fas fa-globe"></i> Publicações e Apresentações de Alto Nível</h4><h5>Publicar artigos e fazer apresentações em níveis avançados.</h5><div></div><a><i class="fas fa-brain"></i></a><a><i class="fas fa-paste"></i></a><a><i class="fas fa-microphone"></i></a></li>
          </div>

            <a id="btn-iniciaraula"><i class="fa-solid fa-play"></i> Iniciar aula</a>
            <a id="btn-verrelatorios"><i class="fa-solid fa-chart-simple"></i> Ver relatório</a>

            </ul>

          </div>

      </div>






      <div class="relatorio-comands none">

        <h2 class="h2">Relatório de Desempenhos</h2>
        <p>Acompanhe como está suas pontuações e desempenhos</p>

        <div class="row relatorios-ultimos">
          <div class="col-6 relatorio-left">
            <h1><i class="fa-solid fa-font"></i><span>00</span></h1>
            <h2>Última pontuação escrita</h2>
          </div>
          <div class="col-6 relatorio-rigth">
            <h1><i class="fa-solid fa-headphones"></i><span>00</span></h1>
            <h2>Última pontuação fala</h2>
          </div>
        </div>

        <p>Gráfico de aproveitamento nos 71 dias</p>
        <div class="relatorio-grafico">
          <i class="pe pe-1"></i>
          <i class="pf pf-1"></i>
          <i class="pe pe-2"></i>
          <i class="pf pf-2"></i>
          <i class="pe pe-3"></i>
          <i class="pf pf-3"></i>
          <i class="pe pe-4"></i>
          <i class="pf pf-4"></i>
          <i class="pe pe-5"></i>
          <i class="pf pf-5"></i>
          <i class="pe pe-6"></i>
          <i class="pf pf-6"></i>
          <i class="pe pe-7"></i>
          <i class="pf pf-7"></i>
          <i class="pe pe-8"></i>
          <i class="pf pf-8"></i>
          <i class="pe pe-9"></i>
          <i class="pf pf-9"></i>
          <i class="pe pe-10"></i>
          <i class="pf pf-10"></i>
          <i class="pe pe-11"></i>
          <i class="pf pf-11"></i>
          <i class="pe pe-12"></i>
          <i class="pf pf-12"></i>
          <i class="pe pe-13"></i>
          <i class="pf pf-13"></i>
          <i class="pe pe-14"></i>
          <i class="pf pf-14"></i>
          <i class="pe pe-15"></i>
          <i class="pf pf-15"></i>
          <i class="pe pe-16"></i>
          <i class="pf pf-16"></i>
          <i class="pe pe-17"></i>
          <i class="pf pf-17"></i>
          <i class="pe pe-18"></i>
          <i class="pf pf-18"></i>
          <i class="pe pe-19"></i>
          <i class="pf pf-19"></i>
          <i class="pe pe-20"></i>
          <i class="pf pf-20"></i>
          <i class="pe pe-21"></i>
          <i class="pf pf-21"></i>
          <i class="pe pe-22"></i>
          <i class="pf pf-22"></i>
          <i class="pe pe-23"></i>
          <i class="pf pf-23"></i>
          <i class="pe pe-24"></i>
          <i class="pf pf-24"></i>
          <i class="pe pe-25"></i>
          <i class="pf pf-25"></i>
          <i class="pe pe-26"></i>
          <i class="pf pf-26"></i>
          <i class="pe pe-27"></i>
          <i class="pf pf-27"></i>
          <i class="pe pe-28"></i>
          <i class="pf pf-28"></i>
          <i class="pe pe-29"></i>
          <i class="pf pf-29"></i>
          <i class="pe pe-30"></i>
          <i class="pf pf-30"></i>
          <i class="pe pe-31"></i>
          <i class="pf pf-31"></i>
          <i class="pe pe-32"></i>
          <i class="pf pf-32"></i>
          <i class="pe pe-33"></i>
          <i class="pf pf-33"></i>
          <i class="pe pe-34"></i>
          <i class="pf pf-34"></i>
          <i class="pe pe-35"></i>
          <i class="pf pf-35"></i>
          <i class="pe pe-36"></i>
          <i class="pf pf-36"></i>
          <i class="pe pe-37"></i>
          <i class="pf pf-37"></i>
          <i class="pe pe-38"></i>
          <i class="pf pf-38"></i>
          <i class="pe pe-39"></i>
          <i class="pf pf-39"></i>
          <i class="pe pe-40"></i>
          <i class="pf pf-40"></i>
          <i class="pe pe-41"></i>
          <i class="pf pf-41"></i>
          <i class="pe pe-42"></i>
          <i class="pf pf-42"></i>
          <i class="pe pe-43"></i>
          <i class="pf pf-43"></i>
          <i class="pe pe-44"></i>
          <i class="pf pf-44"></i>
          <i class="pe pe-45"></i>
          <i class="pf pf-45"></i>
          <i class="pe pe-46"></i>
          <i class="pf pf-46"></i>
          <i class="pe pe-47"></i>
          <i class="pf pf-47"></i>
          <i class="pe pe-48"></i>
          <i class="pf pf-48"></i>
          <i class="pe pe-49"></i>
          <i class="pf pf-49"></i>
          <i class="pe pe-50"></i>
          <i class="pf pf-50"></i>
          <i class="pe pe-51"></i>
          <i class="pf pf-51"></i>
          <i class="pe pe-52"></i>
          <i class="pf pf-52"></i>
          <i class="pe pe-53"></i>
          <i class="pf pf-53"></i>
          <i class="pe pe-54"></i>
          <i class="pf pf-54"></i>
          <i class="pe pe-55"></i>
          <i class="pf pf-55"></i>
          <i class="pe pe-56"></i>
          <i class="pf pf-56"></i>
          <i class="pe pe-57"></i>
          <i class="pf pf-57"></i>
          <i class="pe pe-58"></i>
          <i class="pf pf-58"></i>
          <i class="pe pe-59"></i>
          <i class="pf pf-59"></i>
          <i class="pe pe-60"></i>
          <i class="pf pf-60"></i>
          <i class="pe pe-61"></i>
          <i class="pf pf-61"></i>
          <i class="pe pe-62"></i>
          <i class="pf pf-62"></i>
          <i class="pe pe-63"></i>
          <i class="pf pf-63"></i>
          <i class="pe pe-64"></i>
          <i class="pf pf-64"></i>
          <i class="pe pe-65"></i>
          <i class="pf pf-65"></i>
          <i class="pe pe-66"></i>
          <i class="pf pf-66"></i>
          <i class="pe pe-67"></i>
          <i class="pf pf-67"></i>
          <i class="pe pe-68"></i>
          <i class="pf pf-68"></i>
          <i class="pe pe-69"></i>
          <i class="pf pf-69"></i>
          <i class="pe pe-70"></i>
          <i class="pf pf-70"></i>
          <i class="pe pe-71"></i>
          <i class="pf pf-71"></i>
          <span><b>Escritas</b><b>Conversação</b></span>
        </div>

      </div>





      <div class="config-comands none">
        
          <h2 class="h2">Configurações</h2>
          <p>Acesse as configurações de sua conta</p>

          <input type="email" name="a_email" class="form-control" id="a_email" placeholder="Digite se deseja alterar seu e-mail">

          <input type="password" name="a_senha" class="form-control mb-4" id="a_senha" placeholder="Crie uma nova senha">

          <p>Digite sua senha atual para permitir suas alterações!</p>
          <input type="password" name="a_senhaatual" class="form-control mb-4" id="a_senhaatual" placeholder="Sua senha atual" required>

          <button type="button" name="submit-user" id="btn-atualizarconta" class="btn btn-primary" onclick="personalizawibs()">Atualizar</button>
          <button type="button" name="delete-user" id="btn-deletarconta" class="btn btn-primary" onclick="deletarcontawibs()">Deletar conta</button>

      </div>



  </section>


  <button class="btn btn-success" id="start"></button>


</main>

<?php
  require './view/termos.php';
  require './core/footer.php';
?>