<!DOCTYPE html>
<html lang="pt-br">
<head>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-ND2NRKN');</script>
    <!-- End Google Tag Manager -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>Fórmula</title>

    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" href="/portal/favicon/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/portal/favicon/favicon.ico" type="image/x-icon">
    <meta name="theme-color" content="#cacaca">

    <script src="/portal/js/scriptsFormula_topo.js"></script>
    <link rel="stylesheet" href="/portal/css/estilo_Formula.css">
</head>

<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ND2NRKN"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-108803435-1"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'UA-108803435-1');
</script>

<main>
    <header class="logo">
        <a href="#" target="_blank">
            <img src="/portal/img/logo_topo.png" alt="Logo Fórmula" />
        </a>
    </header>

    <div class="banner">
        <div class="tarja visible-xs">
            <h1>Plano Estudante</h1>
            <p class="text">Agora para jovens de 12 a 25 anos</p>
            <div class="destaque_banner">
                <div class="valor">
                    <p class="cifrao">R$</p>
                    <p class="numero">113</p>
                    <p class="periodo">por<br />mês<sup>*</sup></p>
                </div>
            </div>
        </div>
    </div>

    <div class="indicacao_direita">
        <img src="/portal/img/textura-vermelha-direita.png" alt="Imagem" />
    </div>

    <section class="container secao_cupom">
        <h2 class="title">PREENCHA OS DADOS ABAIXO E GARANTA O PREÇO PROMOCIONAL.</h2>
        <p class="margin-bottom matricula">A matrícula pode ser feita no nosso site ou na recepção da academia.</p>

        <form action="/cadastrar" method="POST" class="form_cupom row" id="formulario-gerar-cupom"><input type="hidden" name="_csrf" value="5JtRvCZ6W3sVfZsYZQBcr0rYStNkYuIsbk5urmYO_iiDonXfgKgy3xcYaB44H_55Vi1ozXjtZ7JSVIMBWisPmFM-xh7ikxPm"/>
            <input type="hidden" name="origem" value="sitemap.xml" />

            <div class="alert alert-danger" id="msg-erros" style="display: none;">
                <span>Favor preencher corretamente os seguintes campos: <span id="campos"></span></span>
                <button type="button" class="close" onclick="$('#msg-erros').hide()" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="clearfix">
                <fieldset class="col-xs-12 col-sm-4">
                    <input type="text" id="nome" name="nome" class="form-control no-numbers" />
                    <label for="nome">Nome<sup>*</sup></label>
                </fieldset>
                <fieldset class="col-xs-12 col-sm-4">
                    <input type="email" id="email" name="email" class="form-control" />
                    <label for="email">Email<sup>*</sup></label>
                </fieldset>
                <fieldset class="col-xs-12 col-sm-4">
                    <input type="text" id="telefone" name="telefone" class="form-control telefone"/>
                    <label for="telefone">Telefone com DDD<sup>*</sup></label>
                </fieldset>
            </div>
            <div class="unidade clearfix">
                <label>Escolha a sua academia<sup>*</sup>:</label>

                <fieldset class="col-xs-12 col-sm-4">
                    <select class="form-control select-padrao" name="uf"
                            onchange="carregarCombo(carregarCidadesUrl, 'cidades', 'Cidade');block('uf', ['cidade', 'unidade']);">
                        <option value="">UF</option>
                        <option value="AM">AM</option>
                        <option value="ES">ES</option>
                        <option value="GO">GO</option>
                        <option value="MS">MS</option>
                        <option value="MT">MT</option>
                        <option value="PB">PB</option>
                        <option value="RJ">RJ</option>
                        <option value="RS">RS</option>
                        <option value="SP">SP</option>
                    </select>
                </fieldset>

                <fieldset class="col-xs-12 col-sm-4 disabled cidades">
                    <select class="form-control select-padrao cidades" disabled="disabled" name="cidade"
                            onchange="carregarCombo(carregarUnidadesUrl, 'unidades', 'Academia');block('cidade', ['unidade']);">
                        <option value="">Cidade</option>
                    </select>
                </fieldset>

                <fieldset class="col-xs-12 col-sm-4 disabled unidades">
                    <select class="form-control select-padrao unidades" disabled="disabled" name="unidade">
                        <option value="">Academia</option>
                    </select>
                </fieldset>
            </div>

            <fieldset class="text-center">
                <button type="button" class="btn btn-azul" id="gerarCupom"> MATRICULE-SE AGORA </button>
            </fieldset>
        </form>
        <br>
    </section>

    <div class="homem-esquerda">
        <img src="/portal/img/homem-esquerda.png" alt="" />
    </div>

    <section class="container plano">
        <h2 class="title">LANÇAMOS ESSE PLANO PORQUE QUEREMOS FAZER PARTE DA SUA VIDA</h2>
        <h3 class="subtitulo">Conheça a nova opção de plano da Fórmula!</h3>
        <p class="plano_text">Plano Estudande, flexível para treinar e com planos <br /> a partir de R$ 113 / mês<sup>*</sup></p>
        <img src="/portal/img/mulher-lista.png" class="nadador hidden-xs hidden-sm" alt="" />

        <div class="icone_row">
            <div class="icone">
                <img src="/portal/img/icones_mochila.png" alt="" />
            </div>
            <p class="icone_text">
                O Plano Estudande é exclusivo para quem tem entre 12 e 25 anos de idade, e o horário de acesso na academia é restrito durante o dia.<sup>*</sup> Consulte a sua unidade para verificar o horário.
            </p>
        </div>

        <div class="icone_row">
            <div class="icone">
                <img src="/portal/img/icones_lapis.png" alt="" />
            </div>
            <p class="icone_text">
                A matrícula pode ser feita <a href="#">por aqui</a> ou na recepção da academia. O preço da mensalidade não inclui a taxa de adesão.<sup>*</sup> Não existe trancamento de matrícula neste plano.
            </p>
        </div>

        <div class="icone_row">
            <div class="icone">
                <img src="/portal/img/icones_relogio.png" alt="" />
            </div>
            <p class="icone_text">
                Durante a semana o horário será restrito, mas nos finais de semana e feriados, será livre. Ao se matricular em uma Fórmula, o seu acesso será exclusivo nesta unidade. Confira abaixo a tabela com os horários.
            </p>
        </div>

        <div class="text-center">
            <img src="/portal/img/separador-queremos.jpg" alt="" />
        </div>
    </section>
    <section class="tabela">
        <div class="container">
            <div class="table-horarios hidden-xs">
                <div class="thead">
                    <ul>
                        <li>Cidade / Academia</li>
                        <li>full<br />day</li>
                        <li>9h/<br />17h</li>
                        <li>10h/<br />17h</li>
                        <li>10h/<br />16h</li>
                        <li>10h/<br />15h</li>
                        <li>08h/<br />16h</li>
                    </ul>
                </div>

                <div class="tbody">
                    <ul>
                        <li><b>Campo Grande - </b><span>Shopping Campo Grande</span></li>
                        <li></li>
                        <li><span>R$ 113</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Cariacica - </b><span>Shopping Moxuara</span></li>
                        <li><span>R$ 113</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Cuiabá  - </b><span>Pantanal Shopping</span></li>
                        <li></li>
                        <li><span>R$ 113</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Cuiabá - </b><span>Shopping Três Américas</span></li>
                        <li></li>
                        <li><span>R$ 113</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Guarulhos - </b><span>Parque Shopping Maia</span></li>
                        <li><span>R$ 113</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>João Pessoa - </b><span>João Pessoa</span></li>
                        <li></li>
                        <li><span>R$ 125</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Manaus - </b><span>Shopping Ponta Negra</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li><span>R$ 113</span></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Porto Alegre - </b><span>Praia De Belas Shopping</span></li>
                        <li></li>
                        <li><span>R$ 198</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Ribeirão Preto - </b><span>Ribeirão Preto</span></li>
                        <li><span>R$ 119</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Rio de Janeiro - </b><span>Copacabana Barão de Ipanema</span></li>
                        <li></li>
                        <li></li>
                        <li><span>R$ 113</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Rio de Janeiro - </b><span>Copacabana Lido</span></li>
                        <li></li>
                        <li></li>
                        <li><span>R$ 113</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Rio de Janeiro - </b><span>Americas Shopping</span></li>
                        <li></li>
                        <li><span>R$ 113</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Rio de Janeiro - </b><span>Ilha Jardim Guanabara</span></li>
                        <li><span>R$ 113</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Rio de Janeiro - </b><span>Vila da Penha</span></li>
                        <li></li>
                        <li></li>
                        <li><span>R$ 113</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Rio Verde - </b><span>Buriti Shopping</span></li>
                        <li></li>
                        <li><span>R$ 113</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>São Paulo - </b><span>Frei Caneca</span></li>
                        <li><span>R$ 220</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul>
                        <li><b>Serra - </b><span>Shopping Mestre Alvaro</span></li>
                        <li><span>R$ 113</span></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>

            <div class="table-horarios-mobile hidden-sm hidden-md hidden-lg">
                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                    FULL DAY
                                </a>
                            </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                            <div class="panel-body">
                                <ul>
                                    
                                    <li>
                                        <b>Cariacica - </b><span>Shopping Moxuara</span>
                                    </li>
                                    
                                    
                                    <li>
                                        <b>Guarulhos - </b><span>Parque Shopping Maia</span>
                                    </li>
                                    
                                    
                                    
                                    <li>
                                        <b>Ribeirão Preto - </b><span>Ribeirão Preto</span>
                                    </li>
                                    
                                    
                                    
                                    <li>
                                        <b>Rio de Janeiro - </b><span>Ilha Jardim Guanabara</span>
                                    </li>
                                    
                                    
                                    <li>
                                        <b>São Paulo - </b><span>Frei Caneca</span>
                                    </li>
                                    <li>
                                        <b>Serra - </b><span>Shopping Mestre Alvaro</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingTwo">
                            <h4 class="panel-title">
                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                                    Academias de 9h as 17h
                                </a>
                            </h4>
                        </div>
                        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                            <div class="panel-body">
                                <ul>
                                    <li>
                                        <b>Campo Grande - </b><span>Shopping Campo Grande</span>
                                    </li>
                                    
                                    <li>
                                        <b>Cuiabá  - </b><span>Pantanal Shopping</span>
                                    </li>
                                    <li>
                                        <b>Cuiabá - </b><span>Shopping Três Américas</span>
                                    </li>
                                    
                                    <li>
                                        <b>João Pessoa - </b><span>João Pessoa</span>
                                    </li>
                                    
                                    <li>
                                        <b>Porto Alegre - </b><span>Praia De Belas Shopping</span>
                                    </li>
                                    
                                    
                                    
                                    <li>
                                        <b>Rio de Janeiro - </b><span>Americas Shopping</span>
                                    </li>
                                    
                                    
                                    <li>
                                        <b>Rio Verde - </b><span>Buriti Shopping</span>
                                    </li>
                                    
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingThree">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    Academias de 10h - 17h
                                </a>
                            </h4>
                        </div>
                        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                            <div class="panel-body">
                                <ul>
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    <li>
                                        <b>Rio de Janeiro - </b><span>Copacabana Barão de Ipanema</span>
                                    </li>
                                    <li>
                                        <b>Rio de Janeiro - </b><span>Copacabana Lido</span>
                                    </li>
                                    
                                    
                                    <li>
                                        <b>Rio de Janeiro - </b><span>Vila da Penha</span>
                                    </li>
                                    
                                    
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingFour">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
                                    Academias de 9h - 16h
                                </a>
                            </h4>
                        </div>
                        <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
                            <div class="panel-body">
                                <ul>
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingFive">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                    Academias de 10h - 16h
                                </a>
                            </h4>
                        </div>
                        <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
                            <div class="panel-body">
                                <ul>
                                    
                                    
                                    
                                    
                                    
                                    
                                    <li>
                                        <b>Manaus - </b><span>Shopping Ponta Negra</span>
                                    </li>
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="sobre container">
        <div class="chamada hidden-sm hidden-md hidden-lg">
            <h2>FÓRMULA</h2>
            <p>NA MEDIDA CERTA PARA VOCÊ</p>
        </div>
        <figure>
            <div class="figpicture" style="background-image: url(/portal/img/img-fm-sobre-11.jpg);"></div>
            <img src="/portal/img/bg-pontos.png" alt="" class="bg-pontos hidden-xs">
            <figcaption>
                <div class="chamada">
                    <h2 class="hidden-xs">FÓRMULA</h2>
                    <p class="hidden-xs">NA MEDIDA CERTA PARA VOCÊ</p>
                    <label>Desde 2010, somos orientados por um único pensamento:<br /> oferecer tudo o que você precisa para estar bem.</label>
                </div>
            </figcaption>
        </figure>

        <figure>
            <div class="figpicture" style="background-image: url(/portal/img/img-fm-sobre-22.jpg);"></div>
            <figcaption>
                Quem procura uma melhor qualidade de vida através de uma rotina de exercícios, alto padrão de atendimento, excelente localização e custo acessível, encontra na Fórmula a solução mais fácil e inteligente.
            </figcaption>
        </figure>
    </section>

    <section class="motivos">
        <div class="container">
            <div class="chamada">
                <h2>4 Motivos para fazer Fórmula:</h2>
                <p class="hidden-xs">Experiência completa</p>
            </div>

            <div class="owl-carousel owl-theme bt-carousel">
                <div class="item">
                    <figure>
                        <img src="/portal/img/icon-motivos-01.png" alt="">
                        <figcaption>
                            <h3>EQUIPAMENTOS DE ÚLTIMA GERAÇÃO</h3>
                            <p>Para melhorar seu desempenho.</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="item">
                    <figure>
                        <img src="/portal/img/icon-motivos-02.png" alt="">
                        <figcaption>
                            <h3>INSTRUTORES QUALIFICADOS</h3>
                            <p>Para tirar suas dúvidas e ajudar seus treinos.</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="item">
                    <figure>
                        <img src="/portal/img/icon-motivos-03.png" alt="">
                        <figcaption>
                            <h3>AULAS COLETIVAS</h3>
                            <p>Para sair da rotina e entrar em forma.</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="item">
                    <figure>
                        <img src="/portal/img/icon-motivos-04.png" alt="">
                        <figcaption>
                            <h3>MELHOR CUSTO-BENEFÍCIO</h3>
                            <p>Para oferecer mais e ainda caber no seu bolso.</p>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="disclaimer">
            <div class="container">
                <p>*O preço da mensalidade não inclui taxa de adesão. Exclusivo para clientes entre 12 e 25 anos. Acesso limitado na academia contratada e com horário restrito de 2a à 6a feira.
                    Plano não comercializado em todas as academias Fórmula. Consulte a recepção ou o site www.formulaacademia.com.br, na página da academia, para verificar a disponibilidade e outras informações.</p>
            </div>
        </div>
        <div class="rodape">
            <img src="/portal/img/logo-formula-footer.png" alt="formula" class="formula-logo">
            <img src="/portal/img/logo-bodytech-footer.png" alt="bodytech company">
            <div class="copyright">
                Desenvolvido por <a href="https://fattoriaweb.com.br/index-1.html" target="_blank"><img src="/portal/img/logo-fattoria-footer.png" alt=""></a>
            </div>
        </div>
    </footer>

    <script src="/portal/js/libs_Formula_rodape.js"></script>
    <script src="/portal/js/jquery.mask.min.js"></script>

    <script>
        var validarUrl         = "\/validar";
        var carregarCidadesUrl = "\/carregar\/cidades";
        var carregarUnidadesUrl= "\/carregar\/unidades";
        var salvarLogUrl       = "\/salvar\/log\/acesso\/landing\/page";

        $(document).ready(function() {
            var telefoneMaskBehavior = function (val) {
                return val.replace(/\D/g, '').length === 11 ? '(00)00000-0000' : '(00)0000-00009';
            },
            telefoneOptions = {
                onKeyPress: function(val, e, field, options) {
                    field.mask(telefoneMaskBehavior.apply({}, arguments), options);
                }
            };
            $('.telefone').mask(telefoneMaskBehavior, telefoneOptions);

            $('.no-numbers').keypress(function(key) {
                if(key.charCode >= 48 && key.charCode <= 57) return false;
            });

            $('#gerarCupom').on('click', function(e) {
                e.preventDefault();

                var $form = $('#formulario-gerar-cupom');
                $("#msg-erros").hide();
                $.ajax({
                    url: validarUrl,
                    data: $form.serialize(),
                    type: 'POST',
                    dataType: 'json',
                    success: function(data) {
                        if (data === true) {
                            $form.submit();
                        } else {
                            $('#campos').empty();
                            $.each(data, function(key, value) {
                                $('#campos').append(value.message);
                                if ((key + 1) != data.length) {
                                    $('#campos').append(", ");
                                } else {
                                    $('#campos').append(".");
                                }
                            });
                            $("#msg-erros").show();
                        }
                    }
                });
            });

            $.ajax({ url: salvarLogUrl });
        });

        function carregarCombo(url, destinationClass, label) {
            $.ajax({
                url: url,
                data: $('#formulario-gerar-cupom').find("select:visible, input").serialize(),
                dataType: 'json',
                success: function(json) {
                    $('select.'+destinationClass).html('<option value="">' + label + '</option>');
                    $.each(json, function(key, value) {
                        $('select.'+destinationClass).append('<option value="' + value + '">' + value + '</option>');
                    });
                    $('select.'+destinationClass).prop('disabled', false);
                    if (destinationClass == 'unidades' || destinationClass == 'cidades') {
                        $('.'+destinationClass).removeClass('disabled');
                    }
                }
            });
        }

        function block(actualField, blockFields) {
            if ($("[name='" + actualField + "']").val() == '') {
                $.each(blockFields, function(key, value) {
                    $("[name='" + value + "']").prop('disabled', true);
                    $("[name='" + value + "']").val('').change();
                });
            }
        }
    </script>
</main>
</body>
</html>
