@@include('header.html')

<section id="bannerinterno" style="background-image: url(./assets/images/banner_int.png);">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-4">
                <div class="block">
                    <h2>Contato</h2>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="contato" class="page-section" >
    <div class="container-fluid no-gutters">
      <div class="row no-gutters ">
        <div class="col-lg-6">
            <div class="row justify-content-end">
                <div class="col-lg-7 desc">
                    <div class="row">
                        <div class="col-lg-12">
                            
                            <p>
                                <i class="fa fa-home"></i>
                                Rua Exemplos, nº 000 <br>
                                Bairro Exemplo, Cascavel,PR <br>
                                CEP: 00000-000
                            </p>
                            
                            <p>
                                <i class="fa fa-phone-square"></i>
                                <span class="num">(45) 0000 0000</span> 
                            </p>
                            <p>
                                <i class="fa fa-envelope"></i>
                                <span class="mail">contato@zaamp.com.br</span> <br>
                            <p>
                                Horário de atendimento: <br>
                                Segunda a sex. <br>
                                08h às 12h | 13h30 às 18h
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <iframe src="https://snazzymaps.com/embed/154430" width="100%" height="600px" style="border:none; float: left;"></iframe>
        </div>
      </div>
    </div>
</section>

<section id="contato-form" class="page-section" >
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <h3>Entre em Contato</h3>
                <p>Preencha o formulário abaixo e entraremos em contato o mais breve possível.</p>
                <form method="post">
                  <div class="row">
                        <div class="col-lg-12">
                          <input type="text" placeholder="Nome" name="nome">
                        </div>
                        <div class="col-lg-12">
                          <input type="text" placeholder="E-mail" name="email">
                        </div>
                        <div class="col-lg-12">
                          <input type="text" placeholder="Telefone" name="telefone">
                        </div>
                        <div class="col-lg-12">
                          <textarea placeholder="Sua Mensagem" name="msg"></textarea>
                          <button>Enviar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

<section id="noticias" class="bg-int">
    <div class="container">
        <div class="row noticia">
            <div class="col-lg-6">
                <div class="row">
                    <div class="col-lg-12">
                        <a class="imagem" href="" data-lity>
                            <img src="./assets/images/not.png" alt="">
                            <div class="hover">
                                <i class="fa fa-plus-circle"></i>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-2">
                        <br>
                        <strong>05</strong>
                        <span>MAI</span>
                    </div>
                    <div class="col-lg-10">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam </p>
                        <a href=""><i class="fa fa-plus-circle"></i> Saiba <span>mais</span></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="row">
                    <div class="col-lg-12">
                        <a class="imagem" href="" data-lity>
                            <img src="./assets/images/not.png" alt="">
                            <div class="hover">
                                <i class="fa fa-plus-circle"></i>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-2">
                        <br>
                        <strong>05</strong>
                        <span>MAI</span>
                    </div>
                    <div class="col-lg-10">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam </p>
                        <a href=""><i class="fa fa-plus-circle"></i> Saiba <span>mais</span></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-12">
                <a class="button">Veja todos</a>
            </div>
        </div>
    </div>
</section>

@@include('footer.html')