File: //home/artinside/www/finance/themes/web/lp-bolsas.php
<?php $v->layout("_theme_lps",["btn"=>1]);
$v->start("css"); ?>
<?php $v->end(); ?>
<div id="slider" class="slider-element-2 dark py-5" style="background: linear-gradient(to left, rgba(255,255,255,0) 10%, rgba(255,255,255, 0.8)), url('<?= theme("assets/images/sl-bolsa-2.jpg")?>') no-repeat 90% 100% / auto 100%;
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;">
<div class="container">
<div class="row">
<div class="col-lg-5 py-5">
<h2 class="display-4 color font-weight-bolder font-display">Programa de Bolsa</h2>
<p class="color">Bolsas de estudo até 50% na mensalidade de novos estudantes do Ensino Fundamental 2 e Ensino Médio</p>
<a data-animate="tada" data-scrollto="#bolsa" class="button bg-theme-secondary button-3d button-circle button-xlarge mb-0" style="letter-spacing: -0.01em">Inscreva-se</a>
</div>
</div>
</div>
</div>
<section id="content">
<div class="content-wrap">
<div class="container">
<!-- How We Care
============================================= -->
<!-- Get 24/7 Care
============================================= -->
<div class="row justify-content-between align-items-center my-6 col-mb-50">
<div class="col-lg-7">
<h3 class="display-3 color-2 font-weight-bolder font-display mb-5">Qual caminho da educação você quer alcançar?</h3>
<p class="text-large color">Estamos definitivamente prontos para juntos, conquistar seus objetivos. Aqui no Lectus, entregamos ensino de qualidade, apoio socioemocional e todas as ferramentas tecnológicas e humanas que viabilizem seu aprendizado.</p>
</div>
<div class="col-lg-5 mt-6">
<img src="<?= theme("assets/images/im1.png")?>" alt="Colégio Lectus" class="rounded">
</div>
</div>
</div>
<div id="section-buy" class="section page-section bg-theme dark m-0">
<div class="container clearfix">
<div class="heading-block text-center border-bottom-0">
<h2 style="text-transform: initial">Quer saber por que ensinamos melhor? </h2>
</div>
<div class="center">
<a href="<?= url()?>" target="_blank" class="button bg-theme-secondary button-3d button-circle button-xlarge mb-0" style="letter-spacing: -0.01em">Conheça o Lectus</a>
</div>
</div>
</div>
<div class="section m-0">
<div class="container">
<div class="row justify-content-between mt-5 mb-5" id="bolsa">
<div class="col-lg-10 center-col">
<div class="row mb-5">
<div class="col-md-10 center-col text-center">
<h3 class="display-4 color-2 font-weight-bold font-display theme-secondary-text">Programa de Bolsas</h3>
<h4 class="display-5 color font-weight-bold font-display theme-text font-large">Vagas Limitadas</h4>
<p class="lead" style="line-height: 1.5">Inscreva-se abaixo para participar do processo de bolsas</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 pricing-table mb-5">
<div class="card shadow">
<div class="product">
<div class="product-image">
<img src="<?= theme("assets/images/chd1.jpg")?>" alt="Niveis de ensino">
<div class="sale-flash badge badge-secondary p-2 bg-color-2">Vagas 2022</div>
</div>
</div>
<h3 class="ls0 font-weight-bold mb-3 mt-5">Ensino Fundamental 2 </h3>
<p class="mb-2 text-black-50">Cuidado e atenção pessoal com seu filho nos tornou a escola com melhor avaliação da região.</p>
<p class="mb-3 text-black-50 font-weight-bolder">11 a 14 anos – 6º ao 9º ano do ensino fundamental</p>
<p class="mb-3 text-black-50 font-weight-bolder color-2">Próxima Prova 20/08/2021 <br><span class="small text-black-50">Confira próximas datas no edital</span></p>
<a href="#myModal1" data-lightbox="inline" class="button bg-theme-secondary button-3d button-circle mb-0 center" style="letter-spacing: -0.01em">Inscreva-se</a>
<p class="mb-3 mt-3 center"><a href="<?=url("edital-fundamental.pdf")?>" target="_blank" class="color-2 center">baixar edital</a></p>
</div>
</div>
<div class="col-lg-6 pricing-table">
<div class="card shadow">
<div class="product">
<div class="product-image">
<img src="<?= theme("assets/images/chd2.jpg")?>" alt="Niveis de ensino">
<div class="sale-flash badge badge-secondary p-2 bg-color-2">Vagas 2021 e 2022</div>
</div>
</div>
<h3 class="ls0 font-weight-bold mb-3 mt-5">Ensino Médio </h3>
<p class="mb-2 text-black-50">Excelentes resultados nas melhores universidades do país (IBMEC, FAAP, INSPER, Mackenzie e FGV).</p>
<p class="mb-3 text-black-50 font-weight-bolder">15 a 17 anos – 1ª, 2ª e 3ª séries do ensino médio</p>
<p class="mb-3 text-black-50 font-weight-bolder color-2">Próxima Prova 20/08/2021 <br><span class="small text-black-50">Confira próximas datas no edital</span></p>
<a href="#myModal2" data-lightbox="inline" class="button bg-theme-secondary button-3d button-circle mb-0 center" style="letter-spacing: -0.01em">Inscreva-se</a>
<p class="mb-3 mt-3 center"><a href="<?=url("edital-medio.pdf")?>" target="_blank" class="color-2 center">baixar edital</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section m-0" style="background-color: rgba(15,100,88,.15); padding: 80px 0">
<div class="container">
<div class="mw-md mx-auto">
<div class="row align-items-end mb-1">
<div class="col-md-5 col-12">
<img src="<?= theme("assets/images/dep1.jpg")?>" alt="image" class="border border-width-3 border-light">
</div>
<div class="col-md-4 col-12 mt-2">
<img src="<?= theme("assets/images/dep.jpg")?>" alt="image" class="border border-width-3 border-light">
</div>
<div class="col-md-3 my-4 my-md-0">
<h3 class="mb-3 color h1 font-weight-bolder">Depoimentos</h3>
<p class="mb-0">Somos a escola melhor avaliada no Google (4,9 de 5,0) e nas principais redes sociais, como o Facebook (5,0 de 5,0)</p>
</div>
</div>
<div class="clear"></div>
<div class="row mt-4">
<div class="col-md-6 col-12">
<img src="<?= theme("assets/images/dep3.jpg")?>" alt="image" class="border border-width-3 border-light">
</div>
<div class="col-md-6 col-12 mt-2">
<img src="<?= theme("assets/images/dep4.jpg")?>" alt="image" class="border border-width-3 border-light">
</div>
</div>
</div>
</div>
</div>
<div class="section m-0 bg-color footer-stick " style="padding: 100px 0;">
<div class="container clearfix" id="contact-form">
<div class="row mx-auto dark">
<div class="col-md-12">
<div class="center dark mb-5">
<i class="icon-line2-envelope-letter h1 "></i>
<h2 class="font-weight-bold mb-2">Fale Conosco!</h2>
<p class="font-weight-normal mb-2 lead">Entre em contato e agende uma visita para conhecer a melhor opção educacional.</p>
</div>
<!-- Contact Info
============================================= -->
<div class="row col-mb-5 center">
<div class="col-12 col-lg-6">
<a id="whatsappLp4" href="https://api.whatsapp.com/send?phone=5511993662413" data-animate="tada" target="_blank" class="button button-dark button-desc button-circle nomargin center si-whatsapp" style="display: block">
<i class="icon-whatsapp"></i>
<div>(11) 99366-2413
<span>Fale com o Diretor</span>
</div>
</a>
</div>
<div class="col-12 col-lg-6">
<a href="tel:+55115531-4161" class="button button-dark button-desc button-circle nomargin center si-twitter" style="display: block">
<i class="icon-phone"></i>
<div>(11) 5531-4161
<span>Administrativo</span>
</div>
</a>
</div>
<!-- <div class="col-12 col-lg-6">-->
<!-- <a href="https://www.facebook.com/colegiolectus" target="_blank" class="button button-dark button-desc button-circle nomargin center si-facebook" style="display: block">-->
<!-- <i class="icon-facebook"></i>-->
<!-- <div>Facebook-->
<!-- <span>Curta no Facebook</span>-->
<!-- </div>-->
<!-- </a>-->
<!---->
<!-- </div>-->
<!-- <div class="col-12 col-lg-6">-->
<!-- <a href="https://www.instagram.com/colegiolectus/" target="_blank" class="button button-dark button-desc button-circle nomargin center si-instagram" style="display: block">-->
<!-- <i class="icon-instagram"></i>-->
<!-- <div>Instagram-->
<!-- <span>Nos siga no Instagram</span>-->
<!-- </div>-->
<!-- </a>-->
<!---->
<!-- </div>-->
<!---->
<!-- <div class="col-12 col-lg-6">-->
<!-- <a href="https://www.linkedin.com/company/col%C3%A9gio-lectus" target="_blank" class="button button-dark button-desc button-circle nomargin center si-linkedin" style="display: block">-->
<!-- <i class="icon-linkedin"></i>-->
<!-- <div>Linkedin-->
<!-- <span>Conecte-se conosco</span>-->
<!-- </div>-->
<!-- </a>-->
<!---->
<!-- </div>-->
<!---->
<!-- <div class="col-12 col-lg-6">-->
<!-- <a href="mailto:marketing.escolar@colegiolectus.com.br" target="_blank" class="button button-dark button-desc button-circle nomargin center si-pinterest" style="display: block">-->
<!-- <i class="icon-email"></i>-->
<!-- <div>Email-->
<!-- <span>Envie sua mensagem</span>-->
<!-- </div>-->
<!-- </a>-->
<!---->
<!-- </div>-->
</div><!-- Contact Info End -->
<!-- <div class="card bg-white shadow-lg border-0">-->
<!-- <div class="card-body p-5">-->
<!-- <div class="form-widget" data-loader="button" data-alert-type="inline">-->
<!---->
<!-- <div class="form-result"></div>-->
<!---->
<!-- <form class="row mb-0" id="landing-enquiry" action="include/form.php" method="post" enctype="multipart/form-data">-->
<!-- <div class="form-process"></div>-->
<!-- <div class="col-12 form-group mb-4">-->
<!-- <label>Nome:</label>-->
<!-- <input type="text" name="landing-enquiry-name" id="landing-enquiry-name" class="form-control form-control-lg required" value="" placeholder="Seu nome">-->
<!-- </div>-->
<!-- <div class="col-12 form-group mb-4">-->
<!-- <label>Email:</label>-->
<!-- <input type="email" name="landing-enquiry-email" id="landing-enquiry-email" class="form-control form-control-lg required" value="" placeholder="Seu melhor email">-->
<!-- </div>-->
<!-- <div class="col-12 form-group mb-4">-->
<!-- <label>Telefone:</label><br>-->
<!-- <div class="input-group input-group-lg">-->
<!---->
<!-- <input type="text" name="landing-enquiry-phone" id="landing-enquiry-phone" class="form-control form-control-lg required mask-celular" value="" placeholder="Seu Telefone">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-12 form-group mb-4">-->
<!-- <label>Mensagem:</label>-->
<!-- <textarea name="landing-enquiry-additional-requirements" id="landing-enquiry-additional-requirements" class="form-control form-control-lg" cols="30" rows="5" placeholder="Fale conosco..."></textarea>-->
<!-- </div>-->
<!-- <div class="col-12 d-none">-->
<!-- <input type="text" id="landing-enquiry-botcheck" name="landing-enquiry-botcheck" value="" />-->
<!-- </div>-->
<!-- <div class="col-12">-->
<!-- <button type="submit" name="landing-enquiry-submit" class="btn btn-block text-white bg-color rounded-lg py-3 font-weight-semibold text-uppercase mt-2">Enviar</button>-->
<!-- </div>-->
<!---->
<!-- <input type="hidden" name="prefix" value="landing-enquiry-">-->
<!-- </form>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</div>
</div>
<!-- Featured Icons Area
============================================= -->
</div>
</section>
<!--<div class="modal1 mfp-hide" id="myModal1">-->
<!-- <div class="block mx-auto" style="background-color: #FFF; max-width: 500px;">-->
<!-- <div class="center" style="padding: 50px;">-->
<!-- <h3>A Simple Example of a Text Modal</h3>-->
<!-- <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum delectus, tenetur obcaecati porro! Expedita nostrum tempora quia provident perspiciatis inventore, autem eaque, quod explicabo, ipsum, facilis aliquid! Sapiente, possimus quo!</p>-->
<!-- </div>-->
<!-- <div class="section center m-0" style="padding: 30px;">-->
<!-- <a href="#" class="button" onClick="$.magnificPopup.close();return false;">Close this Modal</a>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!-- Modal -->
<!--<div class="modal-on-load" data-target="#myModal1"></div>-->
<div class="modal1 mfp-hide" id="myModal1">
<div class="block mx-auto " style="background-color: #FFF; max-width: 700px;">
<div class="row m-0">
<div class="col-md-6" data-height-xl="586" data-height-lg="586" data-height-md="586" data-height-sm="0" data-height-xs="0" style="background-image: url(<?= theme("assets/images/sl2.jpg")?>); background-size: cover;"></div>
<div class="col-md-6 col-padding" data-height-xl="456" data-height-lg="456" data-height-md="456" data-height-sm="586" data-height-xs="586">
<div>
<h4 class="ls1 font-weight-bolder color">Bolsa de Estudo</h4>
<span class="small">Inscreva-se para programa de Bolsa</span>
<hr>
<form action="<?= url("/contact")?>" class="row mb-0" style="max-width: 700px;">
<div class="col-12 form-group">
<input type="text" name="name" value="" class="sm-form-control rounded" placeholder="Nome do Cantidato"/>
</div>
<div class="col-12 form-group">
<input type="text" name="email" value="" class="sm-form-control rounded" placeholder="Email"/>
</div>
<div class="col-12 form-group">
<input type="text" name="phone" value="" class="sm-form-control rounded mask-phone" placeholder="Celular ou Telefone"/>
</div>
<div class="col-12 form-group">
<input type="text" name="field1" value="" class="sm-form-control rounded" placeholder="Endereço"/>
</div>
<div class="col-12 form-group">
<input type="text" name="field2" value="" class="sm-form-control rounded" placeholder="Bairro"/>
</div>
<div class="col-12 form-group">
<input type="text" name="field3" value="" class="sm-form-control rounded mask-date" placeholder="Data Nascimento"/>
</div>
<input type="hidden" name="message" value="Programa de bolsa Ensino Fundamental 2">
<input type="hidden" name="action" value="bolsa">
<input type="hidden" name="landing" value="Programa de bolsa Ensino Fundamental 2">
<div class="col-12 form-group">
<button type="submit" class="button button-circle button-small bg-theme-secondary m-0" value="submit">Realizar Inscrição</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="modal1 mfp-hide" id="myModal2">
<div class="block mx-auto " style="background-color: #FFF; max-width: 700px;">
<div class="row m-0">
<div class="col-md-6" data-height-xl="586" data-height-lg="586" data-height-md="586" data-height-sm="0" data-height-xs="0" style="background-image: url(<?= theme("assets/images/sl3.jpg")?>); background-size: cover;"></div>
<div class="col-md-6 col-padding" data-height-xl="456" data-height-lg="456" data-height-md="456" data-height-sm="586" data-height-xs="586">
<div>
<h4 class="ls1 font-weight-bolder color">Bolsa de Estudo</h4>
<span class="small">Inscreva-se para programa de Bolsa</span>
<hr>
<form action="<?= url("/contact")?>" class="row mb-0" style="max-width: 700px;">
<div class="col-12 form-group">
<input type="text" name="name" value="" class="sm-form-control rounded" placeholder="Nome do Cantidato"/>
</div>
<div class="col-12 form-group">
<input type="text" name="email" value="" class="sm-form-control rounded" placeholder="Email"/>
</div>
<div class="col-12 form-group">
<input type="text" name="phone" value="" class="sm-form-control rounded mask-phone" placeholder="Celular ou Telefone"/>
</div>
<div class="col-12 form-group">
<input type="text" name="field1" value="" class="sm-form-control rounded" placeholder="Endereço"/>
</div>
<div class="col-12 form-group">
<input type="text" name="field2" value="" class="sm-form-control rounded" placeholder="Bairro"/>
</div>
<div class="col-12 form-group">
<input type="text" name="field3" value="" class="sm-form-control rounded mask-date" placeholder="Data Nascimento"/>
</div>
<input type="hidden" name="message" value="Programa de bolsa Ensino Médio">
<input type="hidden" name="action" value="bolsa">
<input type="hidden" name="landing" value="Programa de bolsa Ensino Médio">
<div class="col-12 form-group">
<button type="submit" class="button button-circle button-small bg-theme-secondary m-0" value="submit">Realizar Inscrição</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<?php $v->start("scripts"); ?>
<script>
// var times = 0;
// $(document).ready(function() {
// $(document).mouseleave(function(e) {
// if(e.clientY < 0 & times == 0) {
// times = 1;
// $.magnificPopup.open({
// items: { src: '#myModal1' },
// type: 'inline'
// });
// }
// });
// });
</script>
<?php $v->end(); ?>
<!-- #content end -->