<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>
		Casa Limpa	</title>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Material Design Bootstrap -->
    <link href="css/mdb.min.css" rel="stylesheet">
    <!-- Google Fonts - Muli -->
    <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet"> 
    <!-- Your custom styles (optional) -->
    <link href="css/style.css" rel="stylesheet">
    <!-- Responsive-carousel -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/responsive-carousel.css"/>
    <link rel="stylesheet" type="text/css" href="js/jquery.bxslider.css">    

</head>
<body>
    <!-- Projeto -->
    <nav class="navbar navbar-expand-lg navbar-dark verde-casa-limpa">
        <div class="col-1 divEspacador bgBrancoTopo">&nbsp;</div>
        <a class="navbar-brand" href="/" >
            <img src="img/logo_casalimpa2.png" class="logo_header" alt="Logo casalimpa">

        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="/quem_somos">Quem somos</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/servicos">Nossos Serviços</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/contato">Contato</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/orcamento">Orçamento</a>
                </li>
            </ul>
        </div>
        <div class="collapse navbar-collapse" id="navbarSupportedContent-4">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item redes">
                    <span class="nav-link floatLeft" id="ligue">Ligue agora<br>13 3232-1092</span>
                            <a class="nav-link floatLeft" href="https://www.facebook.com/CasaLimpaInseticidas/" target="_blank"><i class="fab fa-facebook-f"></i></a>
                            <a class="nav-link floatLeft waves-effect waves-light" href="https://www.instagram.com/casalimpa.inseticidas/?hl=pt-br" target="_blank"><i class="fab fa-instagram"></i></a>
                </li>
               
            </ul>
        </div>
        <div class="col-1 divEspacador">&nbsp;</div>
    </nav>
    <div id="container">
                <div class="carousel">
    <div class="carousel-inner">        
        <div class='slide active'>  <img src='img/banners/banner-01.jpg' alt='img/banners/banner-01.jpg'/></div><div class='slide '>  <img src='img/banners/banner-01.png' alt='img/banners/banner-01.png'/></div><div class='slide '>  <img src='img/banners/banner-02.jpg' alt='img/banners/banner-02.jpg'/></div><div class='slide '>  <img src='img/banners/banner-02.png' alt='img/banners/banner-02.png'/></div><div class='slide '>  <img src='img/banners/banner-03.jpg' alt='img/banners/banner-03.jpg'/></div><div class='slide '>  <img src='img/banners/banner-03.png' alt='img/banners/banner-03.png'/></div><div class='slide '>  <img src='img/banners/banner-04.jpg' alt='img/banners/banner-04.jpg'/></div><div class='slide '>  <img src='img/banners/banner-04.png' alt='img/banners/banner-04.png'/></div><div class='slide '>  <img src='img/banners/banner-contato.jpg' alt='img/banners/banner-contato.jpg'/></div><div class='slide '>  <img src='img/banners/banner-contato.png' alt='img/banners/banner-contato.png'/></div><div class='slide '>  <img src='img/banners/banner-orcamento.jpg' alt='img/banners/banner-orcamento.jpg'/></div><div class='slide '>  <img src='img/banners/banner-quemsomos.jpg' alt='img/banners/banner-quemsomos.jpg'/></div><div class='slide '>  <img src='img/banners/banner-quemsomos2.jpg' alt='img/banners/banner-quemsomos2.jpg'/></div><div class='slide '>  <img src='img/banners/banner-servicos.jpg' alt='img/banners/banner-servicos.jpg'/></div>    </div>
</div>

    <div class="banner_home_blc">
        <div class="banner_home">           
            <div><img src="img/banners/banner-01.jpg" alt='banner1'/></div>
            <div><img src='img/banners/banner-02.jpg' alt='banner2'/></div>
            <div><img src='img/banners/banner-03.jpg' alt='banner3'/></div>
            <div><img src='img/banners/banner-04.jpg' alt='banner4'/></div>            
        </div>
    </div>

    <div class="banner_mobile_blc">
        <div class="banner_mobile">           
            <div><img src="img/banners/mobile/banner01-mobile.png" alt='banner1'/></div>
            <div><img src='img/banners/mobile/banner02-mobile.png' alt='banner2'/></div>
            <div><img src='img/banners/mobile/banner03-mobile.png' alt='banner3'/></div>
            <div><img src='img/banners/mobile/banner04-mobile.png' alt='banner4'/></div>            
        </div>
    </div>

<!--
<div class="carousel">
    <div class="carousel-inner">
        <div class='slide active'>
            <img src='img/banners/banner-01.jpg' alt='banner1'/>
        </div>
        <div class='slide'>
            <img src='img/banners/banner-02.jpg' alt='banner2'/>
        </div>
        <div class='slide'>
            <img src='img/banners/banner-03.jpg' alt='banner3'/>
        </div>
        <div class='slide'>
            <img src='img/banners/banner-04.jpg' alt='banner4'/>
        </div>
    </div>
</div>
-->

<div id="produtos" class="col-10 zeroAuto">
    <div class="produtos_home_titulo">
        <h1>Produtos e serviços para <strong>controle de pragas e pombos</strong></h1>
        <p>
            A Casa Limpa é a mais tradicional casa de produtos para controle de pragas de Santos.<br>
            Desde 1971 oferecemos as melhores opçoes da Baixada Santista
        </p>
    </div>
    <div id="servicos" class="col-12 col-md-4 col-lg-4 col-xl-2 float-left produtos">
        <div class="imgProdutos">
            <img src="img/mascara.png" alt="Desinsetização">
        </div>
        <p>Desinsetização</p>
    </div>
    <div class="col-12 col-md-4 col-lg-4 col-xl-2 float-left produtos">
        <div class="imgProdutos">
            <img src="img/sofa.png" alt="Higienização">
        </div>
        <p>Higienização</p>
    </div>
    <div class="col-12 col-md-4 col-lg-4 col-xl-2 float-left produtos">
        <div class="imgProdutos">
            <img src="img/cupim.png" alt="Controle de cupins">
        </div>
        <p>Controle de cupins</p>
    </div>
    <div class="col-12 col-md-4 col-lg-4 col-xl-2 float-left produtos">
        <div class="imgProdutos">
            <img src="img/voadores.png" alt="Controle de voadores">
        </div>
        <p>Controle de voadores</p>
    </div>
    <div class="col-12 col-md-4 col-lg-4 col-xl-2 float-left produtos">
        <div class="imgProdutos">
            <img src="img/rato.png" alt="Controle de ratos">
        </div>
        <p>Controle de ratos</p>
    </div>
    <div class="col-12 col-md-4 col-lg-4 col-xl-2 float-left produtos">
        <div class="imgProdutos">
            <img src="img/pombo.png" alt="Controle de pombos">
        </div>
        <p>Controle de pombos</p>
    </div>
</div>
<div id="pombos" class="">
    <img src="img/pombos.png">
</div>

<div id="pombos_mobile" class="">
    <img src="img/banners/mobile/banner-pombos-mobile.png">
</div>
<div id="bannerContato" class="col-12 zeroAuto">
    <p>Garanta mais <strong>segurança e tranquilidade</strong> no controle de pragas com a ajuda de nossos <strong>especialistas.</strong></p><br>
    <h2>Entre em contato agora mesmo e solicite um orçamento!</h2>
</div>
<div id="localizacao" class="col-10 zeroAuto">
    <div class="col-12 col-md-6 col-lg-3 col-xl-3 float-left">
        <h4>Localização</h4>
        <p>
            Rua Dr. Carvalho de Mendonça, 70<br>
            Encruzilhada - Santos - SP
        </p>
        <br>
        <h4>Telefone</h4>
        <p>
            13 3232.1092
        </p>
        <br>
        <h4>Whatsapp</h4>
        <p>
            13 99710.7302
        </p>
        <br>
        <h4>E-mail</h4>
        <p>
            loja@casalimpainseticidas.com.br
        </p>
    </div>
    <div class="col-12 col-md-6 col-lg-6 col-xl-6 float-left">
        <iframe 
            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3646.2609559453686!2d-46.32854068454961!3d-23.951210684490757!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce0375ada77309%3A0xefda4cf5bc530b77!2sR.+Dr.+Carvalho+de+Mendon%C3%A7a%2C+70+-+Vila+Belmiro%2C+Santos+-+SP%2C+11070-101!5e0!3m2!1spt-BR!2sbr!4v1553343410378" 
            width="100%" 
            height="422" 
            frameborder="0" 
            style="border:0" 
            allowfullscreen>
        </iframe>
    </div>
    <div class="col-12 col-md-12 col-lg-3 col-xl-3 float-left">
        <h4>Escreva sua mensagem</h4>
        <p>Em breve retornaremos o contato</p>
        <form action="phpmailerv3/envia_contato2.php" method="post">
            <!--Grid column-->
            <div class=""> <!-- <div class="col-md-12"> -->
                <div class="md-form mb-0">
                    <input type="text" id="nome" name="nome" class="form-control">
                    <label for="nome" class="">Nome</label>
                </div>
            </div>
            <!--Grid column-->
            <!--Grid column-->
            <div class="">
                <div class="md-form mb-0">
                    <input type="text" id="email" name="email" class="form-control">
                    <label for="email" class="">E-mail</label>
                </div>
            </div>
            <!--Grid column-->
            <!--Grid column-->
            <div class="">
                <div class="md-form mb-0">
                    <input type="text" id="tel" name="tel" class="form-control">
                    <label for="tel" class="">Telefone com DDD</label>
                </div>
            </div>
            <!--Grid column-->
            <!--Grid column-->
            <div class="">
                <div class="md-form mb-0">
                    <textarea id="nome" name="mensagem" class="form-control"></textarea>
                    <label for="nome" class="">Mensagem</label>
                </div>
            </div>
            <!--Grid column-->
            <!--Grid column-->
            <div class="col-md-12">
                <div class="md-form">
                     <button class="btn btnCasa" type="submit">Enviar</button>
                </div>
            </div>
            <!--Grid column-->
        </form>
    </div>
    
</div>


    </div>
    <footer>
        <div class="espacadorFooter"></div>
        <!-- <div class="col-1 divEspacadorFooter float-left"></div> -->
        <div class="col-10 zeroAuto">
            <div class="col-4 float-left">
                <img src="img/retangulo.png">
                <h2>Siga-nos</h2>
                <a href="https://www.facebook.com/CasaLimpaInseticidas/" target="_blank"><img class="logo_rede_f" src="img/face.png"></a>
                <a href="https://www.instagram.com/casalimpa.inseticidas/?hl=pt-br" target="_blank"><img class="redesSociais logo_rede_f" src="img/insta.png"></a>
            </div>
            <div class="col-4 float-left">
                <img src="img/retangulo.png">
                <h2>Empresa</h2>
                <address>
                    Rua Carvalho de Mendonça, 70 - Santos<br>
                    +55 13 3232.1092 | +55 13 99710.7302<br>
                    loja@casalimpainseticidas.com.br
                </address>
            </div>
            <div class="col-4 float-left">
                <img src="img/retangulo.png">
                <ul id="footerLinks">
                    <li><a href="/quem_somos">Quem Somos</a></li>
                    <li><a href="/servicos">Nossos serviços e produtos</a></li>
                    <li><a href="/contato">Contatos</a></li>
                    <li><a href="/orcamento">Orçamento</a></li>
                </ul>
            </div>
        </div>
        <div id="gestao">
            &copy; Casa Limpa - Todos os direitos reservados
        </div>
    </footer>
    <!-- /Projeto -->
	
    <!-- SCRIPTS -->
    <!-- JQuery -->
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <!-- Bootstrap tooltips -->
    <script type="text/javascript" src="js/popper.min.js"></script>
    <!-- Bootstrap core JavaScript -->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <!-- MDB core JavaScript -->
    <script type="text/javascript" src="js/mdb.js"></script>
    <!-- Choco-slider JavaScript -->
    <script type="text/javascript" src="js/jquery.chocoslider.js"></script>
    <!-- responsive-carousel JavaScript -->
    <script type="text/javascript" src="js/responsive-carousel.js"></script>
    <!-- custom javascript (optional) -->
    <script type="text/javascript" src="js/onload.js"></script>

    <script type="text/javascript" src="js/jquery.bxslider.js"></script>

    <script>
    $(function(){   
      $('.banner_home').bxSlider({        
        controls: true,
        pager: false,
        auto: true,
        touchEnabled: false,
        speed: 1500,
        autoHover: true
      });

      $('.banner_mobile').bxSlider({        
        controls: true,
        pager: false,
        auto: true,
        touchEnabled: false,
        speed: 1500,
        autoHover: true
      });
    });
</script>

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

  gtag('config', 'UA-141658570-1');
</script>


</body>
</body>
</html>
