<?php $_shouldextend[1]=1; ?>

<?php $this->startSection('content'); ?>
	
	<?php $this->startPush("metadata"); ?>
 <?php echo $metadata; ?>

	<?php $this->stopPush(); ?>
	<div class="container-fluid first-tip position-relative bg-light" id="begin" >
	<div id="img-container" class="carousel slide mt-0 mb-0" data-ride="carousel"  data-interval="false">

 <!-- Indicators -->
 <ul class="carousel-indicators hidden">
 <li data-target="#img-container" data-slide-to="0" class="active"></li>
 <li data-target="#img-container" data-slide-to="1"></li>
 <li data-target="#img-container" data-slide-to="2"></li>
 </ul>

 <!-- The slideshow -->
 <div class="carousel-inner">
 <div class="carousel-item  active" >
 <div class="w-100 img img-responsive-h" style="
 height:75vh;
 background:linear-gradient(45deg, #000,#33608d);
 background-size: cover;
 ">

 </div>
 </div>
 <div class="carousel-item " >
 <div class="w-100 img" style="
 height: 100vh;
 background: url('assets/img/bg2.jpg') 100% 100%;
 background-size: cover;
 background-attachment: fixed;
 ">

 </div>
 </div>
 <div class="carousel-item " >
 <div class="w-100 img" style="
 height: 100vh;
 background: url('assets/img/capa12.jpg') 100% 100%;
 background-size: cover;
 background-attachment: fixed;
 ">

 </div>
 </div>
 </div>
	</div>
	<div class="w-100 h-100 position-absolute on-top-0" style="

 ">
 <div class="container h-100">
 <div class="row align-items-center justify-content-center h-100 pt-5">

 <div class="col-12 col-lg-6">
 <img src="assets/img/atech_team.svg" class="w-100 apear-up">
 </div>

 <div class="col-12 col-lg-6">
 <div class="grid-container apear-up">

 <div class="d-flex justify-content-center align-items-center">
 <h1 class="text-center big-font pb-3 text-std-1 font-weight-bold mb-3 text-uppercase pr-3 ml-3" style="color: rgba(32,113,184 ,1);">Desenvolvimento</h1>
 </div>

 <h5 class="text-center text-std-1 text-light py-4">
 Ultrapasse as barreiras de sua criatividade
 </h5>
 <div class="d-flex justify-content-center align-items-center py-3">
 <button class="btn btn-outline-light text-std-1"  data-target="#budget-view-modal" data-toggle="modal">
 Solicitar orçamento
 <i class="material-icons float-right ml-2 text-std-3">arrow_forward</i>
 </button>
 </div>


 </div>
 </div>


 </div>
 </div>
	</div>

	</div>
	<div  >
 <div class="" >
 <section class="container-fluid pt-5 pb-5 position-relative banner-top" id="club-holder">

 <div class="container">
 <div class="row align-items-center">

 <div class="col-12 col-lg-7 ">
 <div class="grid-container apear-up ">
 <h1 class="text-std-1 mb-3 pb-3 text-std-3">
 Tenha um website profissional a sua imagem
 </h1>
 <p class="text-palid-2 text-std-1 text-justify big-font-2">Desenvolvemos websites personalizados em função a sua necessidade. Solicite já o website e tenha: </p>
 <p class="text-palid-2 text-std-1 text-justify big-font-2">
 <i class="blue-std fa fa-check sm-font mt-1 float-left mr-2"></i>
 Uma aplicação multiplataforma acessível em qualquer dispositivo</p>
 <p class="text-palid-2 text-std-1 text-justify big-font-2">
 <i class="blue-std fa fa-check sm-font mt-1 float-left mr-2"></i>
 Fácil acesso a marketing digital</p>
 <p class="text-palid-2 text-std-1 text-justify big-font-2">
 <i class="blue-std fa fa-check sm-font mt-1 float-left mr-2"></i>
 Uma aplicação robusta mas de simples interação </p>
 </div>

 </div>
 <div class="col-12 col-lg-5">
 <img src="assets/img/iphonedeitado.svg" class="w-100 apear-up sm-img" >
 </div>
 </div>
 </div>
 </section>

 <div class="">
 <section class="container-fluid pt-5 pb-5  position-relative "
 >
 <div class="container " id="programmer-section">

 <div class="row align-items-center">

 <div class="col-12 col-lg-6 pb-3">
 <div class="d-flex justify-content-center">
 <img src="assets/img/atech_programmer2.svg" class="w-100 sm-img" id="programmer">
 </div>
 </div>

 <div class="col-12 col-lg-6 pb-3">

 <div class="grid-container py-4 rounded fade-text-right" >

 <h1 class=" text-center big-font
 text-std mb-5 text-std-1 border-bottom-0">
 Olá, eu sou desenvolvedor
 </h1>

 <p class="sm-title-1 big-font-1 text-std-2 text-justify" >
 Um pintor de ideias, a partir da sua imaginação eu desenho a tela</p>

 </div>
 </div>



 </div>

 </div>
 </section>
 </div>

 </div>
 <section class="container-fluid pt-5 pb-5  position-relative "
 >
 <div class="container  " id="lamp-section">

 <div class="row align-items-center">


 <div class="col-12 col-lg-6 pb-3">

 <div class="grid-container py-4 rounded fade-text-left " >

 <h1 class=" text-center big-font-1
 text-std mb-3 text-std-1">
 Possui uma ideia ?
 </h1>

 <h1 class=" text-center big-font-1
 text-std mb-3 text-std-1">
 Um projecto que queira que se torne realidade ?
 </h1>

 <p class="sm-title-1 big-font-2 text-std-2 text-justify" >
 Se sim, então deixe os nossos desenvolvedores o tornarem realidade, com delicadeza e profissionalismo
 </p>

 </div>
 </div>

 <div class="col-12 col-lg-6 pb-3">
 <div class="d-flex justify-content-center">
 <img src="assets/img/atech_idea.svg" class="w-100 sm-img" id="lamp">
 </div>
 </div>




 </div>

 </div>
 </section>

 <section class="container-fluid pt-5 pb-5  position-relative "
 >
 <div class="container py-2" id="web-section">

 <div class="row align-items-center">


 <div class="col-12 col-lg-6 pb-3">

 <div class="grid-container py-4 rounded fade-text-right" >

 <h1 class=" text-center big-font-1
 text-std mb-3 text-std-1">
 Estamos aqui para você
 </h1>

 <h1 class="sm-title-1 text-center big-font-1
 text-std mb-3 text-std-1">
 Desenvolvemos os seus projectos em diferentes plataformas
 </h1>

 <p class="big-font-2 text-std-2 text-center" >
 Seja Mobile, Web ou Desktop
 </p>

 </div>
 </div>

 <div class="col-12 col-lg-6 pb-3">
 <div class="d-flex justify-content-center">
 <img src="assets/img/atech_web1.svg" class="w-100 sm-img" id="web">
 </div>
 </div>

 <div class="col-12 col-lg-12 pb-3">

 <p class="big-font-2 text-std-2 text-center" >
 Diga-nos o que precisa
 </p>
 <p class="big-font-2 text-std-2 text-center" >
 e nós fazemos acontecer
 </p>
 <div class="d-flex justify-content-center my-5">
 <button class="btn btn-outline-secondary btn-lg text-std-1 " data-target="#budget-view-modal" data-toggle="modal">
 Solicitar orçamento
 <i class="text-std-3 float-right ml-2 material-icons">arrow_forward</i>
 </button>
 </div>

 </div>


 </div>

 </div>
 </section>

	</div>
	<?php $this->startPush("scripts"); ?>

 <script type="text/javascript">

 /*document.getElementById("video1").addEventListener("loadedmetadata", function() {
 this.currentTime = 2.5;
 }, false);*/

 $('#btn-sign-up-project').on('click', function(e){


 console.log("Entrou em condição");

 });

 const carouselItemTo = carouselItem => {
 // $("#form-steps-holder").carousel(carouselItem);
 $(`[data-target='#form-slider'][data-slide-to=${carouselItem}]`).click();
 $(".btn-next-slide").click();
 };


 $('.app-selection').on('click', function(){

 if($(this).hasClass("active")){

 //  console.log("Imgame: "+$(this).find("img").attr("src") + "Tamanho: " +$(this).find("img").attr("src").indexOf("c"));
 if($(this).find("img").attr("src").indexOf("c") > 0){
 $(this).find("img").attr("src",$(this).find("img").attr("src").split("_")[0]+".svg");
 console.log("Imgame2: "+$(this).find("img").attr("src") );


 }

 $(this).find("input").click();

 $(this).css('background-color','#fff');
 $(this).removeClass('active');
 $(this).find("h6").css("color","#000");

 }else{


 if($(this).find("img").attr("src").indexOf("_") == -1){
 $(this).find("img").attr("src",$(this).find("img").attr("src").split(".")[0]+"_branco.svg");

 // console.log("Imgame2323: "+$(this).find("img").attr("src") + "Tamanho: " +$(this).find("img").attr("src").indexOf("c"));
 }

 $(this).find("input").click();
 $(this).css('background-color','rgba(2,119,189 ,1)');
 $(this).addClass('active');
 $(this).find("h6").css("color","#fff");



 }


 });

 $('.btn-move-to-slide').on('click', function(){

 $("#form-slider").find(".carousel-item").removeClass("active");
 $($("#form-slider").find(".carousel-item").eq(0)).addClass("active");

 });

 $("a.scroll-link").click(function (event) {
 event.preventDefault();

 if($($(this).attr('href')).hasClass('is-new'))
 $("html, body").animate({scrollTop: $($(this).attr("href")).offset().top + 70}, 600);
 else
 $("html, body").animate({scrollTop: $($(this).attr("href")).offset().top}, 600);

 });

 $(document).ready(function(){

 var controller = new ScrollMagic.Controller();
 var scene1 = new ScrollMagic.Scene({
 triggerElement : '#programmer'
 })
 .setClassToggle('#programmer,.fade-text-right','fade-in')
 .addTo(controller);

 var sceneLamp = new ScrollMagic.Scene({
 triggerElement : '#lamp-section'
 })
 .setClassToggle('#lamp,.fade-text-left','fade-in')
 .addTo(controller);

 var sceneLamp = new ScrollMagic.Scene({
 triggerElement : '#web-section'
 })
 .setClassToggle('#web,.fade-text-right','fade-in')
 .addTo(controller);

 var apearSection = new ScrollMagic.Scene({
 triggerElement : '#begin'
 })
 .setClassToggle('.apear-up','active')
 .addTo(controller);


 var scene2 = new ScrollMagic.Scene({
 triggerElement : '#scr-el'
 })
 .setClassToggle('.row-x','fade-in-2')
 .addTo(controller);

 var scene3 = new ScrollMagic.Scene({
 triggerElement : '#most-searched-zones'
 })
 .setClassToggle('#most-searched-zones','fade-in')
 .addTo(controller);

 var scene5 = new ScrollMagic.Scene({
 triggerElement : '#calendar'
 })
 .setClassToggle('#calendar','fade-in')
 .addTo(controller);

 var scene6 = new ScrollMagic.Scene({
 triggerElement : '#phrases'
 })
 .setClassToggle('#phrases','fade-in')
 .addTo(controller);

 var scene4 = new ScrollMagic.Scene({
 triggerElement : '#new'
 })
 .setClassToggle('.row-x','fade-in-2')
 .addTo(controller);

 });

 $(window).scroll(function () {
 if ($(window).scrollTop() >= 10) {
 $('#logo-img').animate({height : '45px',width : '45px' },500);
 $('.nav-menu').css('background', 'rgba(33,33,33 ,1)');
 $('.nav-menu').css('color', '#000');
 $('.nav-link').removeClass("text-light").addClass("text-secondary");


 }
 else {
 $('#logo-img').animate({height : '70px',width : '70px' },500);
 $('.nav-menu').css('background', 'linear-gradient(rgba(0,0,0 ,.7),rgba(33,33,33 ,.3), rgba(255,255,255 ,.01))');
 $('.nav-menu').css('color', '#fff');
 $('.nav-link').removeClass("text-palid").addClass("text-light");

 }
 }
 );
 $('.btn-show-enterprise').on('click', function(){

 if(!$(this).hasClass('shown')){
 $(this).parent().parent().parent().parent().find('.carousel').show('fast');
 $(this).addClass('shown');
 $(this).text("Esconder empresas");
 }
 else{
 $(this).parent().parent().parent().parent().find('.carousel').hide('fast');
 $(this).removeClass('shown');
 $(this).text("Ver empresas");
 }
 });

 $('.btn-see-img').on('click', function(e){

 $('#img-displayer').attr('src',  $(this).parents('.img-advertising').find('img').attr('src'));

 });



 </script>

	<?php $this->stopPush(); ?>
	<?php  $this->startComponent("components/solicitateBudget"); ?><?php  echo $this->renderComponent(); ?>
<?php $this->stopSection(); ?>

<?php if (@$_shouldextend[1]) { echo $this->runChild('guest.layouts.guestApp', ["title" => "Início"]); } ?>