<header>
    <div class="row d-flex justify-content-center m-0 bg-primary">
        <div class="col-lg-8">
            <nav class="navbar navbar-expand-xl navbar-light"> 
                <a href="#section-top" class="linkAnchor logo-top">
                    <!--<img src="https://media.comdono.com/modules/comprei/assets/images/logo-comprei.svg" height="40" alt="Comprei - Crédito imobiliário">-->
                    Logo
                </a>
            </nav>
        </div>
    </div>
</header>

<section id="section-top" class="content-banner bg-primary">
    <div class="row d-flex justify-content-center box-banner m-0">
        <div class="col-lg-8 d-flex align-items-center">
            <div class="row w-100 d-flex align-items-center m-0">
                <div class="col-lg-6 p-0 col-custom">
                    <div class="content-title text-white text-left">
                        <div class="card card-form shadow bg-primary text-white">
                            <div class="card-body">
                                <h1 class="mb-4"><strong>Lorem Ipsum is simply dummy text.</strong></h1>
                                <p class="mb-2"><strong>Para garantir basta se cadastrar aqui:</strong></p>
                                <form class="formCaptura" autocomplete="off">
                                    <input type="hidden" name="origem_captura" value="<?php //e($origem_captura); ?>" id="origem_captura">
                                    <input type="hidden" name="link" value="<?php //e($link); ?>">
                                    <input type="hidden" name="aceita_termos" value="1">
                                    
                                    <div class="form-group">
                                        <label for="nome">Informe seu nome</label>
                                        <input type="text" name="nome" class="form-control" id="nome" required="required">
                                    </div>
                                    <div class="form-group">
                                        <label for="email">Seu melhor e-mail</label>
                                        <input type="text" name="email" class="form-control" id="email" required="required">
                                    </div>
                                    <div class="form-group">
                                        <label for="telefone">Seu WhatsApp</label>
                                        <input type="text" name="telefone" class="form-control celularMask" id="telefone" required="required">
                                    </div>
                                    
                                    <div class="content_result"></div>
                                    
                                    <div class="form-group mt-4">
                                        <button type="submit" class="btn btn-lg btn-primary w-100">Clique para continuar</button>
                                    </div>
                                </form>
                                <div class="text-center">
                                    <p class="mb-0"><small>Ao clicar você estará aceitando nossa<span class="break"><a href="javascript:;" class="actOpenTermos">política de privacidade</a> comdono.com.</span></small></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
                <div class="offset-lg-1 col-lg-5 p-0 text-center col-custom">
                    <img src="http://d9hhrg4mnvzow.cloudfront.net/unbouncepages.com/oticacriative/10zeg32-02-jpg_10b60bf000000000000028.png" class="img-fluid" alt="Conversão Dinâmica">
                    <a href="#section-unidades" class="text-decoration-none text-white text-center d-block linkAnchor mt-4">
                        <strong>Saiba mais <span class="material-icons">expand_more</span></strong>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="section-unidades" class="section text-center">
    <div class="row d-flex justify-content-center h-100 m-0">
        <div class="col-lg-8">
            <h2 class="strong">Serviços</h2>
            <h6 class="text-primary">O que se tem de melhor</h6>
            <div class="row d-flex justify-content-center mt-5">
                <?php for($i=1;$i<=3;$i++){ ?>
                <div class="col-lg-4">
                    <div class="card card-produto text-left border-primary">
                        <a data-fancybox="image-<?php e($i) ?>" href="https://cdn.pixabay.com/photo/2020/07/08/04/12/work-5382501_960_720.jpg">
                            <div class="box-img-prod cursor-pointer lazy" data-src="https://cdn.pixabay.com/photo/2020/07/08/04/12/work-5382501_960_720.jpg"></div>
                        </a>
                        <div class="card-body bg-primary text-white">
                            <h5 class="mb-4"><strong>Serviço/Produto <?php e($i) ?></strong></h5>
                            <p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
            <div class="text-center mt-5">
                <a href="#section-top" class="btn btn-primary linkAnchor">Quero orçamento</a>
            </div>
        </div>
    </div>
</section>

<section id="section-diferenciais" class="section text-center bg-light text-dark">
    <div class="row d-flex justify-content-center h-100 m-0">
        <div class="col-lg-8">
            <h2 class="strong">Diferenciais</h2>
            <h6 class="text-primary">Por que meus serviços/produtos?</h6>
            <div class="row d-flex justify-content-center mt-5">
                <?php for($i=1;$i<=3;$i++){ ?>
                <div class="col-12 col-lg-4">
                    <div class="card text-center mb-5">
                        <div class="card-body">
                            <span class="material-icons text-primary">local_activity</span>
                            <h5 class="card-title my-4"><strong>Diferencial <?php e($i) ?></strong></h5>
                            <p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </div>
</section>

<section id="section-realizadores" class="section">
    <div class="row d-flex justify-content-center h-100 m-0">
        <div class="col-lg-8">
            <div class="row my-5">
                <div class="col-lg-5 d-flex align-items-center">
                    <div>
                        <h5 class="mb-4"><strong>Sobre a empresa</strong></h5>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                    </div>
                </div>
                <div class="offset-lg-1 col-lg-6 d-flex align-items-center justify-content-center">
                    <img data-src="https://cdn.pixabay.com/photo/2015/07/17/22/43/student-849824_960_720.jpg" class="img-fluid lazy rounded">
                </div>
            </div>
        </div>
    </div>
</section>

<section id="section-localizacao" class="section bg-light text-dark">
    <div class="row d-flex justify-content-center h-100 m-0">
        <div class="col-lg-8">
            <div class="row">
                <div class="col-lg-4 col-custom">
                    <h2 class="mb-4 text-primary">Contatos</h2>
                    <ul class="list-unstyled">
                        <li>
                            <span class="material-icons text-primary">location_on</span> Endereço - Complemento, Cidade-UF
                        </li>
                        <li>
                            <span class="material-icons text-primary">perm_phone_msg</span> (99) 99999-9999
                        </li>
                    </ul>
                    <h2 class="my-4 text-primary">Siga-nos</h2>
                    <ul class="list-inline">
                        <li class="list-inline-item"><i class="fa fa-facebook-square fa-2" aria-hidden="true"></i></li>
                        <li class="list-inline-item"><i class="fa fa-instagram fa-2" aria-hidden="true"></i></li>
                        <li class="list-inline-item"><i class="fa fa-youtube fa-2" aria-hidden="true"></i></li>
                     </ul>
                </div>
                <div class="col-lg-8 col-custom">
                    <div class="card">
                        <div class="card-body p-0">
                            <div class="container-maps">
                                <iframe class="lazy" data-src="https://maps.google.com/maps?q=-15.826600933607834,-47.95563488122864&amp;hl=es;z=14&amp;output=embed" allowfullscreen="" loading="lazy"></iframe>
                            </div>
                        </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-8">
            <div class="row">
                <div class="col-lg-4">
                    <a href="javascript:;" class="btn btn-lg btn-outline-primary w-100">
                        <span class="box-icon"><i class="fa fa-whatsapp" aria-hidden="true"></i></span>
                        <span class="box-text">(99) 99999-9999</span>
                    </a>
                </div>
                <div class="col-lg-4">Logo</div>
                <div class="col-lg-4">
                    <a href="javascript:;" class="btn btn-lg btn-outline-primary w-100">
                        <span class="box-icon"><i class="fa fa-map" aria-hidden="true"></i></span>
                        <span class="box-text">Endereço - Complemento, Cidade-UF</span>
                    </a>
                </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-8">
            <div class="text-center">
                <span>Crie facilmente uma página como esta - Saiba mais em conversao.com</span>
            </div>
        </div>
    </div>                
</section>-->