<header>
    <div class="row d-flex justify-content-center m-0 fixed-top bg-light">
        <div class="col-lg-10">
            <nav class="navbar navbar-expand-xl navbar-light">
                <a href="#section-top" class="linkAnchor logo-top">
                    <img src="<?php e(base_url("assets/img/pagina/emp_2/camp_2/page_2/logo-website.webp")) ?>" class="my-3" alt="Marcos Gontijo">
                </a>
                <button type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler collapsed">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div id="navbarCollapse" class="navbar-collapse collapse">
                    <div class="m-auto mb-2 mb-lg-0 w-100">
                        <ul class="navbar-nav m-auto mb-2 mb-lg-0 w-100 justify-content-end">
                            <li class="nav-item">
                                <a href="#inicio" class="nav-link linkAnchor active section-top">Início</a>
                            </li>
                            <li class="nav-item">
                                <a href="#aula-online" class="nav-link linkAnchor">Aula Online</a>
                            </li>
                            <li class="nav-item">
                                <a href="#para-quem" class="nav-link linkAnchor">Para quem</a>
                            </li>
                            <li class="nav-item">
                                <a href="#sobre" class="nav-link linkAnchor">Sobre</a>
                            </li>
                            <li class="nav-item">
                                <a href="https://pay.hotmart.com/R59448820K?off=lgv7ormv&bid=1654385210651" class="btn btn-sm btn-outline-primary text-uppercase actButton">Reservar minha vaga</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>
</header>

<section id="inicio" class="content-banner mt-5 lazy" data-src="<?php e(base_url("assets/img/pagina/emp_2/camp_2/page_2/bg-marcos-gontijo.webp")) ?>">
    <div class="row d-flex justify-content-center box-banner mt-5 pt-5 m-0">
        <div class="col-lg-10 d-flex align-items-center">
            <div class="row w-100 m-0">
                <div class="col-lg-6 d-flex align-items-center col-custom">
                    <div class="content-title text-left">
                        <h1 class="mb-4"><strong>O que você precisa para <span class="text-primary">iniciar no mundo OFF ROAD</span></strong></h1>
                        <h2 class="mb-4">Descubra como <span class="text-secondary strong">praticar Off Road com total segurança</span> entendendo tudo que você precisa <span class="text-secondary strong">para se aventurar com seu 4x4</span>.</h2>
                        <p>Eu, Marcos Gontijo, vou explicar, em uma aula on line e ao vivo, quais são todos os itens essenciais que você precisa para iniciar essa prática.</p>
                        <p><strong>Dia 16 de Setembro | Às 20:00hs</strong></p>
                        <div class="box-button mb-4">
                            <a href="https://pay.hotmart.com/R59448820K?off=lgv7ormv&bid=1654385210651" class="btn btn-lg btn-primary text-uppercase actButton">Reservar minha vaga</a>
                        </div>
                    </div>
                </div> 
                <div class="offset-lg-1 col-lg-5 col-custom text-center">
                    <img src="<?php e(base_url("assets/img/pagina/emp_2/camp_2/page_2/marca_4x4_por_diversao.webp")) ?>" class="img-fluid" alt="marca-4x4por-Diversao">
                </div>
            </div>
        </div>
    </div>
</section>

<section id="aula-online" class="section">
    <div class="row d-flex justify-content-center h-100 m-0">
        <div class="col-lg-10">
            <div class="row my-5 m-0">
                <div class="col-sm-6 d-flex align-items-center">
                    <div>
                        <h2 class="text-uppercase texto-secondary"><strong>Aula Online e Ao Vivo</strong></h2>
                        <h6 class="text-primary mb-5">O que será abordado</h6>
                        <p>Será uma aula online e ao vivo onde vou trazer um pouco da minha experiência de 30 anos como praticante  off road, onde sempre priorizei as viagens com muita aventura e diversão. Vou abordar com detalhes todos os itens que você precisa para iniciar no mundo off road.</p>
                        <p>Tudo isso de forma totalmente ONLINE e AO VIVO.</p>
                        <p>ITENS ESSENCIAIS PARA PRÁTICA OFF ROAD</p>
                        <ul>
                            <li>Cintas, anilhas</li>
                            <li>Ferramentas de Sapa ( facao, luva, pá, machado)</li>
                            <li>Faróis Auxiliares</li>
                            <li>Rádio Comunicador/HT de Rádio Base/Antena</li>
                            <li>Bagageiro de Teto</li>
                            <li>Chave Reserva</li>
                            <li>Combustível extra</li>
                            <li>Jogo básico de Ferramentas</li>
                            <li>Faróis auxiliares</li>
                            <li>Cambão</li>
                            <li>Pranchas</li>
                            <li>Guincho</li>
                            <li>GPS</li>
                        </ul>
                        <div class="box-button mb-4">
                            <a href="https://pay.hotmart.com/R59448820K?off=lgv7ormv&bid=1654385210651" class="btn btn-lg btn-primary text-uppercase actButton">Reservar minha vaga</a>
                        </div>
                    </div>
                </div>
                <div class="offset-sm-1 col-sm-5 d-flex align-items-center justify-content-center">
                    <img data-src="<?php e(base_url("assets/img/pagina/emp_2/camp_2/page_2/marcos-gontijo-aventura.webp")) ?>" class="img-fluid lazy rounded">
                </div>
            </div>
        </div>
    </div>
</section>

<section id="para-quem" class="section text-center bg-light text-dark">
    <div class="row d-flex justify-content-center h-100 m-0">
        <div class="col-lg-10">
            <h2 class="text-uppercase texto-secondary mb-5"><strong>Essa aula é para você que:</strong></h2>
            <div class="row d-flex justify-content-center m-0">
                <div class="col-lg-3 col-custom">
                    <div class="card text-center mb-5">
                        <div class="card-body px-2">
                            <img data-src="<?php e(base_url("assets/img/pagina/emp_2/camp_2/page_2/ico-para-quem-1.webp")) ?>" class="mb-4 lazy" alt="Quer começar a praticar Off Road e não sabe por onde começar">
                            <p class="card-text">Quer começar a praticar Off Road e não sabe por onde começar</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-custom">
                    <div class="card text-center mb-5">
                        <div class="card-body px-2">
                            <img data-src="<?php e(base_url("assets/img/pagina/emp_2/camp_2/page_2/ico-para-quem-2.webp")) ?>" class="mb-4 lazy" alt="Já pratica, mas tem dúvidas sobre os acessórios indispensáveis em uma aventura.">
                            <p class="card-text">Já pratica, mas tem dúvidas sobre os acessórios indispensáveis em uma aventura.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-custom">
                    <div class="card text-center mb-5">
                        <div class="card-body px-2">
                            <img data-src="<?php e(base_url("assets/img/pagina/emp_2/camp_2/page_2/ico-para-quem-3.webp")) ?>" class="mb-4 lazy" alt="Não se sente seguro quando sai com seu 4x4 por aí.">
                            <p class="card-text">Não se sente seguro quando sai com seu 4x4 por aí.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-custom">
                    <div class="card text-center mb-5">
                        <div class="card-body px-2">
                            <img data-src="<?php e(base_url("assets/img/pagina/emp_2/camp_2/page_2/ico-para-quem-4.webp")) ?>" class="mb-4 lazy" alt="Já é experiente, mas quer reciclar, afinal, o aprendizado é constante.">
                            <p class="card-text">Já é experiente, mas quer reciclar, afinal, o aprendizado é constante.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row m-0">
                <div class="col-12">
                    <div class="box-button mb-4">
                        <a href="https://pay.hotmart.com/R59448820K?off=lgv7ormv&bid=1654385210651" class="btn btn-lg btn-primary text-uppercase actButton">Reservar minha vaga</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="sobre" class="section">
    <div class="row d-flex justify-content-center h-100 m-0">
        <div class="col-lg-10">
            <div class="row m-0 flex-column-reverse flex-sm-row">
                <div class="col-sm-5 d-flex align-items-center justify-content-center">
                    <img data-src="<?php e(base_url("assets/img/pagina/emp_2/camp_2/page_2/marcos-gontijo.webp")) ?>" class="img-fluid lazy rounded">
                </div>
                <div class="col-sm-6 offset-sm-1 d-flex align-items-center">
                    <div>
                        <h2 class="text-uppercase texto-secondary mb-5"><strong>Quem é Marcos Gontijo</strong></h2>
                        <p>Marcos é  apaixonado pela natureza e o mundo off road, uma combinação perfeita para conhecer lugares pouco conhecidos, com paisagens deslumbrantes e onde só se chega de 4x4.</p>
                        <p>É um especialista em Fora de estrada com foco em diversão, ele acredita que as belezas do Brasil precisam ser conhecidas, e como os lugares mais deslumbrantes só chega de 4x4, por isso isso uniu as duas paixões e decidiu compartilhar sua experiência com quem quer conhecer lugares incríveis com seu 4x4, com segurança, planejamento e muita diversão, seu objetivo é ajudar essas pessoas dominarem seu 4x4, desde conhecer seu carro a participar com segurança de expedições e trilhas.</p>
                        <p>Já foram muitos quilômetros rodados durante todos esses anos, há mais de 30 anos viajando pelo Brasil  com amigos em viagens 4x4, sempre com o objetivo de desbravar lugares pouco conhecidos e principalmente, se divertir.</p>
                        <p>Grande parte de sua experiência veio dos Sertões, maior Rally das Américas, onde teve 15 participações, criou o Método 4x4 Por Diversão, uma mentoria onde te capacita para conhecer seu 4x4 do zero até participar de grandes expedições.</p>
                        <div class="box-button my-4">
                            <a href="https://pay.hotmart.com/R59448820K?off=lgv7ormv&bid=1654385210651" class="btn btn-lg btn-primary text-uppercase actButton">Reservar minha vaga</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="section-footer" class="py-5 bg-dark text-white text-center">
    <div class="row d-flex justify-content-center h-100 m-0">
        <div class="col-lg-10">
            <ul class="list-inline">
                <li class="list-inline-item">
                    <a href="https://www.facebook.com/marcosgontijog/" target="_blank" class="link-icon m-0">
                        <i class="fa fa-facebook-square"></i>
                    </a>
                </li>
                <li class="list-inline-item">
                    <a href="https://www.instagram.com/marcosgontijog/" target="_blank" class="link-icon">
                        <i class="fa fa-instagram"></i>
                    </a>
                </li>
                <li class="list-inline-item">
                    <a href="https://api.whatsapp.com/send?phone=5561992449235&amp;text=Olá! Gostaria de receber mais informações sobre a aula online." target="_blank" class="link-icon">
                        <i class="fa fa-whatsapp"></i>
                    </a>
                </li>
                <li class="list-inline-item">
                    <a href="https://t.me/joinchat/AAAAAFYuzIwSjsChT2txWw" target="_blank" class="link-icon">
                        <i class="fa fa-telegram"></i>
                    </a>
                </li>
                <li class="list-inline-item">
                    <a href="https://www.youtube.com/channel/UCF46oR59ZHvplmpiXxksQSw" target="_blank" class="link-icon">
                        <i class="fa fa-youtube"></i>
                    </a>
                </li>
            </ul>
            <div class="text-center">
                <a href="#section-top" class="linkAnchor logo-top">
                    <img src="<?php e(base_url("assets/img/pagina/emp_2/camp_2/page_2/logo-website-white.webp")) ?>" class="my-3" alt="Marcos Gontijo">
                </a>
            </div>
            <!--<div class="text-center">
                <span>Powered by Conversão</span>
            </div>-->
            <div class="text-center mt-4">
                <small class="text-muted">© <?php e(date('Y')) ?> Todos os direitos reservados - Marcos Gontijo</small>
            </div>
        </div>
    </div>                
</section>

<a href="https://api.whatsapp.com/send?phone=5561992449235&amp;text=Olá! Gostaria de receber mais informações sobre a aula online." class="float bounce" target="_blank">
    <i class="fa fa-whatsapp my-float"></i>
</a>