Improv

</head> <style> html { scroll-behavior: smooth; } </style> <body> <nav class="fixed top-0 w-full z-110"> <div class="flex gap-5 w-full justify-center items-center h-[70px] px-[35px] 2xl:px-[150px] rounded-b-[80px] cor-menu-blur"> <div class="flex items-center gap-10 xl:gap-0 justify-center xl:justify-between w-full"> <a href="https://www.improvequipamentos.com.br" class="w-40 pl-2.5"> <svg id="Camada_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 793 163"> <path class="st1 fill-(--azul)" d="M510.9,79.8c2.8,15.5,13.7,30.2,27.5,39,6.9,4.4,14.9,7.4,23.2,7.8,5.4.3,11.2-2.1,17.1-4.4,9.6-3.8,19.3-7.6,27.5.2,5.6,5.3,5.9,13.6,2.7,19.9-3.3,6.4-12.1,10.3-19,13-37.6,14.7-85.3-4.9-92.6-45.7-3.1-17.6,2.3-34.3,13.4-46.5-.8,5.4-.8,11.1.3,16.8"/> <path class="st2 fill-(--verde-topo)" d="M606.2,150.5c11.9-10.2,19.1-27,19.7-43.4.3-8.2-.2-17.1-5-23.9-8.3-11.8-30.3-18.6-26.2-36.3,1.7-7.5,8.7-11.9,15.8-12.3,7.2-.4,15,5.2,20.8,9.8,31.7,25,39,76.1,7.5,103-13.6,11.6-30.8,15.4-46.9,12,5.1-2,9.9-4.9,14.4-8.7"/> <path class="st0 fill-(--laranja)" d="M620,33.2c-14.7-5.5-32.9-3.6-47.5,3.8-7.3,3.7-15,8.6-18.5,15.9-6.2,13.1-1.6,35.5-19.1,40.5-7.4,2.1-14.7-1.9-18.4-7.8-3.9-6.1-2.7-15.6-1.5-22.9,6.6-39.8,47.7-70.9,86.5-56.4,16.7,6.3,28.3,19.5,33.2,35.3-4.2-3.5-9.1-6.3-14.6-8.3"/> <rect class="st3 fill-white" x="1.8" y="10.8" width="24.7" height="140.8"/> <polygon class="st3 fill-white" points="64.2 10.8 90.5 10.8 133.4 77.4 176.2 10.8 202.6 10.8 202.6 151.6 177.8 151.6 177.8 50.6 133.4 117 132.6 117 88.5 51 88.5 151.6 64.2 151.6 64.2 10.8"/> <path class="st3 fill-white" d="M238.8,10.8h55.5c32.8,0,53.5,18.7,53.5,47.1v.4c0,31.6-25.3,48.1-56.3,48.1h-28v45.3h-24.7V10.8ZM292.3,84c18.7,0,30.4-10.5,30.4-25.1v-.4c0-16.5-11.9-25.1-30.4-25.1h-28.8v50.7h28.8Z"/> <path class="st3 fill-white" d="M373.2,10.8h62.8c17.7,0,31.6,5.2,40.6,14.1,7.4,7.6,11.7,18.1,11.7,30.4v.4c0,23.1-13.9,37-33.6,42.6l38,53.3h-29.2l-34.6-49.1h-31v49.1h-24.7V10.8ZM434.1,80.6c17.7,0,29-9.3,29-23.5v-.4c0-15.1-10.9-23.3-29.2-23.3h-36v47.3h36.2Z"/> <polygon class="st3 fill-white" points="652.4 10.8 679.7 10.8 722.2 119 764.4 10.8 791.2 10.8 732.7 152.6 710.9 152.6 652.4 10.8"/> </svg> </a> <div class="block xl:hidden"> <div class="w-11 flex justify-center items-center"> <span class="material-symbols-outlined text-[35px]! topicos-topo" onclick="AtivaDesativaMenu()"> dehaze </span> </div> <div class="menu-mobile flex justify-center w-full fixed top-[2000px] right-0 left-0 bottom-0 z-10 duration-600 ease-in-out"> <div class="xl:hidden bg-(--bg-clarinho)! bg-center w-[340px] sm:w-[460px] h-[620px]"> <div class="bg-(--bg-clarinho)!"> <div class="flex items-center justify-between mx-10 pt-5"> <a href="http://127.0.0.1:5500/views/index.html" class=""> <img class="w-30" src="/src/images/SVG/logo cor.svg" /> </a> <div class=""> <i onclick="AtivaDesativaMenu()" class="fa fa-remove text-(--azul) text-[30px]!" ></i> </div> </div> <div class="flex justify-start gap-3 pl-10 pt-3"> <div> <a href="https://web.whatsapp.com/send?phone=19999206250" target="_blank" > <img class="w-5 h-5" src="/src/images/SVG/icon-wpp.svg" alt="icon whatsapp" /> </a> </div> <div> <a href="https://www.instagram.com/improvequipamentos/" target="_blank" > <img class="w-5 h-5" src="/src/images/SVG/icon-instagram.svg" alt="icon instagram" /> </a> </div> <div> <a href="https://www.facebook.com/improvequipamentos/" target="_blank" > <img class="w-5 h-5" src="/src/images/SVG/icon-facebook.svg" alt="icon facebook" /> </a> </div> <div> <a href="https://br.linkedin.com/company/improv-equipamentos-ltda" target="_blank" > <img class="w-5 h-5" src="/src/images/SVG/icon-linkedin.svg" alt="icon linkedin" /> </a> </div> </div> <div class="pt-10 pl-10 flex flex-col gap-2"> <a href="empresa" onclick="AtivaDesativaMenu()" class="flex items-center justify-between pr-10" > <p class=" inter-bold text-[20px] text-(--azul)">Empresa</p> </a> <div id="open-accordian-menu"> <button onclick="toogleAccordianMenu(this)" class=" w-full inter-bold text-[20px] text-(--azul) flex items-center justify-between pr-10"> Produtos <div class="flex justify-end"> <span class="material-symbols-outlined seta-menu text-[25px]! text-(--laranja)!">keyboard_arrow_down</span> </div> </button> <div class="childen-accordian-menu max-h-[0px] overflow-hidden duration-500 ease-out flex flex-col gap-[5px]"> <a href="sistema-de-bombeamento-em-linha" onclick="AtivaDesativaMenu()" class="inter-bold text-[14px] text-(--azul)">SBL</a> <a href="medicao-termodinamica-de-bombas" onclick="AtivaDesativaMenu()" class="inter-bold text-[14px] text-(--azul)">SPS</a> <a href="abracadeira-para-tubulacao" onclick="AtivaDesativaMenu()" class="inter-bold text-[14px] text-(--azul)">Abraçadeiras</a>  <a href="tanque-de-armazenamento" onclick="AtivaDesativaMenu()" class="inter-bold text-[14px] text-(--azul)">Armazenamento</a> </div> </div> <a href="cases" onclick="AtivaDesativaMenu()" class="flex items-center justify-between pr-10" > <p class="inter-bold text-[20px] text-(--azul)">Cases</p> </a> <a href="noticias" onclick="AtivaDesativaMenu()" class="flex items-center justify-between pr-10" > <p class="inter-bold text-[20px] text-(--azul)">Notícias</p> </a> <a href="cliente" onclick="AtivaDesativaMenu()" class="flex items-center justify-between pr-10" > <p class="inter-bold text-[20px] text-(--azul)">Clientes</p> </a> <a href="faq" onclick="AtivaDesativaMenu()" class="flex items-center justify-between pr-10" > <p class="inter-bold text-[20px] text-(--azul)">FAQ</p> </a> <a href="governanca" onclick="AtivaDesativaMenu()" class="flex items-center justify-between pr-10" > <p class="inter-bold text-[20px] text-(--azul)">Governança</p> </a> <a href="#contato" onclick="AtivaDesativaMenu()" class="flex items-center justify-between pr-10" > <p class="inter-bold text-[20px] text-(--azul)">Contato</p> </a> </div> </div> </div> </div> </div> <div class="xl:flex hidden gap-9"> <div> <a class="topicos-topo inter-semi-bold text-[14px]" href="empresa">Empresa</a> </div> <div class="flex items-center"> <div class="group relative cursor-pointer"> <div class="flex items-center"> <p class="topicos-topo inter-semi-bold text-[14px]">Produtos</p> <div class="pt-[4px] flex items-end"> <span class="material-symbols-outlined topicos-topo text-[16px]! transition duration-500 group-hover:rotate-[180deg]">keyboard_arrow_down</span> </div> </div> <div class="hidden group-hover:flex flex-col gap-[5px] absolute bg-(--bg-clarinho) w-[160px] rounded-[10px] px-[10px] pl-[10px] py-[10px] shadow-[1px_10px_7px_rgba(0,0,0,0.25)] left-[-40px]"> <a href="sistema-de-bombeamento-em-linha" class="cursor-pointer flex justify-between items-center h-[30px] border-b border-gray-300"> <p class="inter-medium text-[13px]">SBL</p> <i class="fa fa-angle-right text-[19px]! text-(--roxo-cinza)"></i> </a> <a href="medicao-termodinamica-de-bombas" class="cursor-pointer flex justify-between items-center h-[30px] border-b border-gray-300"> <p class="inter-medium text-[13px]">SPS</p> <i class="fa fa-angle-right text-[19px]! text-(--roxo-cinza)"></i> </a> <a href="abracadeira-para-tubulacao" class="cursor-pointer flex justify-between items-center h-[30px] border-b border-gray-300"> <p class="inter-medium text-[13px]">Abraçadeiras</p> <i class="fa fa-angle-right text-[19px]! text-(--roxo-cinza)"></i> </a>  <a href="tanque-de-armazenamento" class="cursor-pointer flex justify-between items-center h-[30px] border-b border-gray-300"> <p class="inter-medium text-[13px]">Armazenamento</p> <i class="fa fa-angle-right text-[19px]! text-(--roxo-cinza)"></i> </a> </div> </div> </div> <div> <a class="topicos-topo inter-semi-bold text-[14px]" href="cases">Cases</a> </div> <div> <a class="topicos-topo inter-semi-bold text-[14px]" href="noticias">Notícias</a> </div> <div> <a class="topicos-topo inter-semi-bold text-[14px]" href="cliente">Clientes</a> </div> <div> <a class="topicos-topo inter-semi-bold text-[14px]" href="faq">FAQ</a> </div> <div> <a class="topicos-topo inter-semi-bold text-[14px]" href="governanca">Governança</a> </div> </div> <div class="md:flex hidden gap-4"> <a href="#contato" class="w-[140px] bg-(--roxo-claro) p-4 rounded-[25px] flex justify-center"> <div> <p class="inter-bold text-white">Contato</p> </div> </a> <div class="w-[140px] h-full flex items-center justify-center gap-3 p-4 rounded-[25px]"> <a href="https://web.whatsapp.com/send?phone=19999206250" target="_blank"> <img class="w-5 h-5" src="/src/images/SVG/icon-wpp.svg" alt="icon whatsapp"/> </a> <a href="https://www.instagram.com/improvequipamentos/" target="_blank"> <img class="w-5 h-5" src="/src/images/SVG/icon-instagram.svg" alt="icon instagram"/> </a> <a href="https://www.facebook.com/improvequipamentos/" target="_blank"> <img class="w-5 h-5" src="/src/images/SVG/icon-facebook.svg" alt="icon facebook"/> </a> <a href="https://br.linkedin.com/company/improv-equipamentos-ltda" target="_blank"> <img class="w-5 h-5" src="/src/images/SVG/icon-linkedin.svg" alt="icon linkedin"/> </a> </div> </div> </div> </div> </nav>  <script>location.href="/404"</script> <footer class="rodape pt-17 w-full "> <div class="w-full bg-(--roxo-claro) pt-10 pb-10 px-[35px] 2xl:px-[166px] flex flex-col xl:flex-row xl:justify-center items-center rounded-t-[65px] 2xl:rounded-t-[93px]" > <div class="w-full xl:flex xl:items-center xl:justify-center"> <div class="w-full xl:w-[411px]"> <a href="https://www.improvequipamentos.com.br/" class="w-full flex justify-center xl:justify-start"> <img class="w-[200px]" src="/src/images/SVG/logo branco.svg" alt="Logo branco" /> </a> <div class="pt-6 w-full"> <p class="inter-regular text-[1.1048rem] xl:text-[1.1rem] text-white text-center xl:text-start" > Inovação e tecnologia aplicada na <b class="inter-bold">universalização do saneamento.</b> </p> </div> <div class="flex justify-center xl:justify-start gap-2 pt-5 w-full"> <a href="https://www.instagram.com/improvequipamentos/" target="_blank" > <img class="w-[30px] xl:w-[25px] h-[30px] xl:h-[25px]" src="/src/images/SVG/instagram-branco.svg" alt="Icon instagram" /> </a> <a href="https://www.facebook.com/improvequipamentos/" target="_blank" > <img class="w-[30px] xl:w-[25px] h-[30px] xl:h-[25px]" src="/src/images/SVG/facebook-branco.svg" alt="Icon facebook" /> </a> <a href="https://br.linkedin.com/company/improv-equipamentos-ltda" target="_blank" > <img class="w-[30px] xl:w-[25px] h-[30px] xl:h-[25px]" src="/src/images/SVG/linkedin-branco.svg" alt="Icon linkedin" /> </a> </div> </div> <div class="lg:flex lg:gap-10 xl:gap-0 lg:items-center lg:pt-5"> <div class="pt-6 xl:pt-0 w-full xl:w-[420px] flex flex-col items-center xl:items-start xl:border-r-2 xl:border-(--laranja) xl:pl-1 2xl:mr-[55px] xl:mr-10 lg:pr-5 xl:pr-0" > <h1 class="inter-bold text-[1.8392rem] xl:text-[1.4392rem] text-(--laranja)" > Contato </h1> <div class="flex flex-col items-center gap-3 w-full"> <div class="w-full flex justify-center xl:justify-start gap-5 xl:gap-0 pt-3" > <div class="w-full md:w-[20%] lg:w-[35%] xl:w-[40%] flex justify-center xl:justify-start gap-1" > <img class="w-[17px] h-[17px]" src="/src/images/SVG/icon-telefone.svg" alt="icon telefone" /> <p class="inter-regular text-white text-[0.9048rem] text-center" > (19) 3407-0494 </p> </div> <div class="w-full md:w-[20%] lg:w-[35%] xl:w-[40%] flex justify-center xl:justify-start gap-1" > <img class="w-[25px] xl:w-5 h-[25px] xl:h-5" src="/src/images/SVG/icon-wpp.svg" alt="icon whatsapp" /> <p class="inter-regular text-white text-[0.9048rem] text-center" > (19) 9 9920-6250 </p> </div> </div> <div class="w-full flex items-center justify-center xl:justify-start" > <p class="inter-regular text-white text-[0.9048rem] text-center" > contato@improvequipamen<wbr />tos.com.br </p> </div> <div class="w-full flex justify-center xl:justify-start"> <p class="inter-regular text-white text-[0.9048rem] text-center xl:text-start" > R. Luís Ometo, 176 - Distrito Industrial I <br class="hidden xl:block" /> Santa Bárbara d'Oeste - SP </p> </div> </div> </div> <div class="lg:hidden bg-(--laranja) w-full h-0.5 my-6"></div> <div class="lg:block xl:hidden hidden border-r-2 border-(--laranja) h-40" ></div> <div class="w-full xl:w-[235px] 2xl:w-[258px] flex flex-col items-center xl:items-start gap-3 xl:border-r-2 xl:border-(--laranja) xl:pr-6 xl:mr-[25px]" > <h1 class="inter-bold text-[1.8392rem] xl:text-[1.4392rem] text-(--laranja)" > Mapa do site </h1> <div class="w-full flex justify-center xl:justify-start items-center gap-10 xl:gap-15" > <div class="flex flex-col gap-1 items-start"> <a class="inter-regular text-white text-[0.9048rem] text-center" href="https://www.improvequipamentos.com.br/" >Home</a > <a class="inter-regular text-white text-[0.9048rem] text-center" href="empresa" >Empresa</a > <a class="inter-regular text-white text-[0.9048rem] text-center" href="cases" >Cases</a > </div> <div class="flex flex-col gap-1 items-start"> <a class="inter-regular text-white text-[0.9048rem] text-center" href="cliente" >Clientes</a > <a class="inter-regular text-white text-[0.9048rem] text-center" href="faq" >FAQ</a > <a class="inter-regular text-white text-[0.9048rem] text-center" href="governanca" >Governanças</a > </div> </div> </div> </div> <div class="xl:hidden bg-(--laranja) w-full h-0.5 my-6"></div> <div class="w-full xl:w-[283px] flex flex-col items-center xl:items-start 2xl:pl-5" > <p class="inter-regular text-[1.1048rem] text-white text-center xl:text-start" > <b class="inter-bold">Inscreva-se</b> para receber nossas Newsletters: </p> <div class="w-[75%] lg:w-[40%] xl:w-full relative"> <form id="newsform" method="post" ENCTYPE="multipart/form-data"> <input class="w-full h-10 rounded-[20px] bg-white pl-5 mt-7 focus:ring-0 focus:outline-none" type="text" name="emailnews" id="emailnews" placeholder="Digite seu e-mail" /> <div class="absolute bottom-0 -right-0.5 flex justify-center"> <button type="submit" class="cursor-pointer"> <svg class="w-[35px] h-10 bg-(--azul) rounded-r-[20px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3" > <path d="M120-160v-640l760 320-760 320Zm80-120 474-200-474-200v140l240 60-240 60v140Zm0 0v-400 400Z" /> </svg> </button> </div> </form> </div> <small id="respostarodape"></small> </div> </div> </div> </footer> <div class="mx-[35px] mt-1"> <p class="inter-regular text-black text-[0.9048rem] text-center"> Desenvolvido por <b class="inter-bold" ><a href="https://reami.com.br" class="">Reami Comunicação</a ><br class="lg:hidden" /> IMPROV ©</b > todos os direitos reservados. </p> </div>  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="./src/js/enviaFormulario.js"></script> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <a class="whatsapp fixed bottom-5 right-5 bg-(--verde-what) w-[55px] h-[55px] flex justify-center items-center rounded-[40px] z-50" href="https://web.whatsapp.com/send?phone=1999920-6250" target="_blank" > <i class="fa fa-whatsapp text-white text-[40px]!"></i> </a> </body> </html>