<?php 
include_once("cabecalho.php");
include_once("conexao.php")

?>




<!-- CABEÇALHO -->
<header class="cabecalho">
	<div class="container">
		<div class="intro-text">
			<div class="intro-lead-in">
				Bem Vindo a Q-Cursos
			</div>
			<div class="intro-heading text-uppercase">
				Ensino a distância
			</div>
			<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#cursos"> Nossos Cursos</a>

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


<!-- FORMAÇÕES -->
<section class="page-section" id="formacoes">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 text-center">
				<h2 class="section-heading text-uppercase">Principais Formações</h2>
				<h3 class="section-subheading text-muted"> <a class="text-muted" href="categorias.php">Ver todas as demais Formações</h3></a>
			</div>
		</div>

		<div class="row text-center">
			<div class="col-md-4">
				<span class="fa-stack fa-4x">
					<i class="fas fa-circle fa-stack-2x text-primary"></i>
					<i class="fas fa-laptop fa-stack-1x fa-inverse"></i>
				</span>
				<h4 class="titulo_formacao">Desenvolvedor WEB</h4>
				<p class="text-muted"> Texto falando sobre os cursos de desenvolvimento web Texto falando sobre os cursos de desenvolvimento webTexto 
			</div>

			<div class="col-md-4">
				<span class="fa-stack fa-4x">
					<i class="fas fa-circle fa-stack-2x text-primary"></i>
					<i class="fas fa-paint-brush fa-stack-1x fa-inverse"></i>
				</span>
				<h4 class="titulo_formacao">Designer Gráfico</h4>
				<p class="text-muted"> Texto falando sobre os cursos de desenvolvimento web Texto falando sobre os cursos de desenvolvimento webTexto 
			</div>

			<div class="col-md-4">
				<span class="fa-stack fa-4x">
					<i class="fas fa-circle fa-stack-2x text-primary"></i>
					<i class="fas fa-mobile-alt fa-stack-1x fa-inverse"></i>
				</span>
				<h4 class="titulo_formacao">Desenvolvedor APP</h4>
				<p class="text-muted"> Texto falando sobre os cursos de desenvolvimento web Texto falando sobre os cursos de desenvolvimento webTexto 
			</div>
		</div>



	</div>
</section>





 <!-- Área dos Cursos -->
  <section class="bg-light page-section" id="cursos">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 text-center">
          <h2 class="section-heading text-uppercase">Últimos Lançamentos</h2>
          <h3 class="section-subheading text-muted"> <a class="text-muted" href="cursos.php">Ver a lista completa de cursos</h3></a>
        </div>
      </div>

      <div class="row">

        
        <?php 



        $query = "select * from cursos where status = 'Aprovado' order by id desc limit 4";

       
        $result = mysqli_query($conexao, $query);

        while($res = mysqli_fetch_array($result)){
          $nome = $res["nome"];
          $desc_rapida = $res["desc_rapida"];
          $imagem = $res["imagem"];
          $id = $res["id"];
          $nome_url = $res["nome_url"];

         

            ?>


          <div class="col-lg-3 col-md-4 col-sm-6 cursos-item">
          <a class="cursos-link" href="curso.php?curso=<?php echo $nome_url; ?>">
            <div class="cursos-hover">
              <div class="cursos-hover-content">
                <i class="fas fa-plus fa-3x"></i>
              </div>
            </div>
            <img class="img-fluid" src="img/cursos/<?php echo $imagem; ?>" width="350" alt="">
          </a>
          <div class="cursos-caption">
            <span><big><?php echo $nome; ?></big></span><br>
            <span class="text-muted"><?php echo $desc_rapida; ?></span>
          </div>
        </div>



        <?php } ?>

        




      </div>


  	</div>
	</section>




  <!-- Área dos Cursos mais Vendidos -->
  <section class="bg-light page-section" id="cursos">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 text-center">
          <h2 class="section-heading text-uppercase">Mais Vendidos</h2>
          <h3 class="section-subheading text-muted"> <a class="text-muted" href="cursos.php">Ver a lista completa de cursos</h3></a>
        </div>
      </div>

      <div class="row">

        
        <?php 



        $query = "select * from cursos order by matriculas desc limit 4";

       
        $result = mysqli_query($conexao, $query);

        while($res = mysqli_fetch_array($result)){
          $nome = $res["nome"];
          $desc_rapida = $res["desc_rapida"];
          $imagem = $res["imagem"];
          $id = $res["id"];
          $nome_url = $res["nome_url"];

         

            ?>


          <div class="col-lg-3 col-md-4 col-sm-6 cursos-item">
          <a class="cursos-link" href="curso.php?curso=<?php echo $nome_url; ?>">
            <div class="cursos-hover">
              <div class="cursos-hover-content">
                <i class="fas fa-plus fa-3x"></i>
              </div>
            </div>
            <img class="img-fluid" src="img/cursos/<?php echo $imagem; ?>" width="350" alt="">
          </a>
          <div class="cursos-caption">
            <span><big><?php echo $nome; ?></big></span><br>
            <span class="text-muted"><?php echo $desc_rapida; ?></span>
          </div>
        </div>



        <?php } ?>

        




      </div>


    </div>
  </section>





	<!-- ESCOLA -->
<section class="page-section" id="qcursos">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 text-center">
				<h2 class="section-heading text-uppercase">Nossa Escola</h2>
				<h3 class="section-subheading text-muted"> A melhor escola em ensino EAD</h3>
			</div>
		</div>

		<div class="row">
			<div class="col-lg-12">
				<ul class="timeline">
					<li>
						<div class="timeline-image">
							<img class="rounded-circle img-fluid" src="img/escola.jpg" alt="">
						</div>

						<div class="timeline-panel">
							<div class="timeline-heading">
								<h4>Fundada em 2012</h4>
								<h5 class="subheading">Reconhecida em todo Brasil!!</h5>
							</div>
							<div class="timeline-body">
								<p class="text-muted"> Texto falando sobre a escola Texto falando sobre a escola Texto falando sobre a escola Texto falando sobre a escola Texto falando sobre a escola Texto falando sobre a escola </p>
							</div>
						</div>

					</li>


					<li class="timeline-inverted">
						<div class="timeline-image">
							<img class="rounded-circle img-fluid" src="img/compromisso.jpg" alt="">
						</div>

						<div class="timeline-panel">
							<div class="timeline-heading">
								<h4>Compromisso</h4>
								<h5 class="subheading">Compromisso em primeiro lugar</h5>
							</div>
							<div class="timeline-body">
								<p class="text-muted"> Texto falando sobre a escola Texto falando sobre a escola Texto falando sobre a escola Texto falando sobre a escola Texto falando sobre a escola Texto falando sobre a escola </p>
							</div>
						</div>

					</li>


					<li>
						<div class="timeline-image">
							<img class="rounded-circle img-fluid" src="img/certificado.jpg" alt="">
						</div>

						<div class="timeline-panel">
							<div class="timeline-heading">
								<h4>Certificados</h4>
								<h5 class="subheading">Certificado Profissionalizantes</h5>
							</div>
							<div class="timeline-body">
								<p class="text-muted"> Texto falando sobre a escola Texto falando sobre a escola Texto falando sobre a escola Texto falando sobre a escola Texto falando sobre a escola Texto falando sobre a escola </p>
							</div>
						</div>

					</li>

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

	</div>
</section>




<!-- ALUNOS -->
  <section class="bg-light page-section" id="alunos">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 text-center">
          <h2 class="section-heading text-uppercase">Depoimentos</h2>
          <h3 class="section-subheading text-muted">Alguns alunos formados na Q-Cursos</h3>
        </div>
      </div>
      <div class="row">
        <div class="col-sm-4">
          <div class="team-member">
            <img class="mx-auto rounded-circle" src="img/1.jpg" alt="">
            <h4>Marcela Campos</h4>
            <p class="text-muted">Desenvolvedora WEB</p>
             <p class="text-muted"><small>"Cursos 100% atualizados e com um excelente suporte, a melhor escola de ensino EAD."</small></p>
            <ul class="list-inline social-buttons">
              <li class="list-inline-item">
                <a href="#">
                  <i class="fab fa-twitter"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#">
                  <i class="fab fa-facebook-f"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#">
                  <i class="fab fa-linkedin-in"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-sm-4">
          <div class="team-member">
            <img class="mx-auto rounded-circle" src="img/2.jpg" alt="">
            <h4>Marcos Santos</h4>
            <p class="text-muted">Programador WEB</p>
             <p class="text-muted"><small>"Me formei em Programador WEB na Q-Cursos e já estou trabalhando na área!!"</small></p>
            <ul class="list-inline social-buttons">
              <li class="list-inline-item">
                <a href="#">
                  <i class="fab fa-twitter"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#">
                  <i class="fab fa-facebook-f"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#">
                  <i class="fab fa-linkedin-in"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-sm-4">
          <div class="team-member">
            <img class="mx-auto rounded-circle" src="img/3.jpg" alt="">
            <h4>Carla Silva</h4>
            <p class="text-muted">Desenvolvedora de Aplicativos</p>
             <p class="text-muted"><small>"Já fiz vários cursos na Q-Cursos e indico sempre, são excelentes e de grande valia."</small></p>
            <ul class="list-inline social-buttons">
              <li class="list-inline-item">
                <a href="#">
                  <i class="fab fa-twitter"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#">
                  <i class="fab fa-facebook-f"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="#">
                  <i class="fab fa-linkedin-in"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-8 mx-auto text-center">
          <p class="large text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
        </div>
      </div>
    </div>
  </section>



 <!-- Contatos -->
  <section class="page-section" id="contatos">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 text-center">
          <h2 class="section-heading text-uppercase ">Contate-nos</h2>
          <h3 class="section-subheading text-muted text-primary">Em caso de dúvidas preencha abaixo!!</h3>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-12">
          <form action="enviar.php" method="post" id="contactForm" name="sentMessage">
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <input class="form-control" id="nome" name="nome" type="text" placeholder="Seu Nome *" required>
                  <p class="help-block text-danger"></p>
                </div>
                <div class="form-group">
                  <input class="form-control" id="email" name="email" type="email" placeholder="Seu Email *" required>
                  <p class="help-block text-danger"></p>
                </div>
                <div class="form-group">
                  <input class="form-control" id="telefone" name="telefone" type="tel" placeholder="Seu Telefone - Opcional">
                 
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <textarea class="form-control" id="mensagem" name="mensagem" placeholder="Sua Mensagem *" required></textarea>
                  <p class="help-block text-danger"></p>
                </div>
              </div>
              <div class="clearfix"></div>
              <div class="col-lg-12 text-center">
                <div id="success"></div>
                <button id="" class="btn btn-primary btn-xl text-uppercase" type="submit">Enviar</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </section>




  <!-- Rodapé -->
  <footer class="footer">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-4">
          <span class="copyright"><i class="far fa-envelope mr-1"></i>hugovasconcelosf@hotmail.com</span>
        </div>
        <div class="col-md-4">
          <ul class="list-inline social-buttons">
            <li class="list-inline-item">
              <a href="#">
                <i class="fab fa-twitter"></i>
              </a>
            </li>
            <li class="list-inline-item">
              <a href="#">
                <i class="fab fa-facebook-f"></i>
              </a>
            </li>
            <li class="list-inline-item">
              <a href="#">
                <i class="fab fa-instagram"></i>
              </a>
            </li>
          </ul>
        </div>
        <div class="col-md-4">
          <ul class="list-inline quicklinks">
           
            <li class="list-inline-item">
              Hugo Vasconcelos - <a class="text-muted" href="http://api.whatsapp.com/send?1=pt_BR&phone=5531975275084" alt="31 97527-5084" target="_blank"><i class="fab fa-whatsapp mr-1"></i>31 97527-5084</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </footer>
 



</body>
</html>




 <!--MASCARAS -->

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script>


<script type="text/javascript">
    $(document).ready(function(){
      $('#telefone').mask('(00) 00000-0000');
      $('#cpf').mask('000.000.000-00');
      });
</script>