Erro 404

<style> #preloader{ background-color: white; height:100vh; width:100%; position:fixed; overflow: hidden; z-index:9999; } .main{ position: fixed; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; } .logoloader{ width:250px; height:auto; transform: translatey(0px); animation: float 5s ease-in-out infinite; } @keyframes float{ 0%{ opacity:1; } 20%{ opacity:0; } 40%{ opacity:1; } 60%{ opacity:0; } 80%{ opacity:1; } 100%{ opacity:0; } } .animation-bar{ width:250px; height:2px; background:#cfcfcf; margin-top: 22px; overflow:hidden; position:relative; } .animation-bar::before{ content:""; width:75px; height:2px; background: #052b5f; position:absolute; left: -34px; animation: animation 1.5s infinite ease; } @keyframes animation{ 50%{ /* left:96px; */ left:192px; } } </style> </head> <body> <div id="preloader"> <section class="main"> <div class="loading"> <img src="/adm/uploads/imagens/ca71e7d877aabff71b76dd58a873b0c3.png" alt="logo" class="logoloader"> <div class="animation-bar"></div> </div> </section> </div> <header> <div class="topo"> <div class="box-topo"> <img src="./images/logo-cor-svg.svg"> <div class="menu-nav-desktop"> <ul> <li><a class="bahnschrift-light" href="#servicosId">Serviços</a></li> <li><a class="bahnschrift-light" href="#empresa">Empresa</a></li> <li><a class="bahnschrift-light" href="#livros">Livros</a></li> <li><a class="bahnschrift-light" href="#contatoId">Contato</a></li> </ul> </div> <i class="material-symbols-outlined icon-menu" onclick="ativarMenuMobile()">menu</i> <div class="menu-nav-mobile" id="menu-mobile"> <div class="menu-topo"> <img src="./images/logo-cor-png.png"> <i class="material-symbols-outlined icon-close" onclick="desativarMenuMobile()">close</i> </div> <div class="linha-menu"> </div> <div class="menu-body"> <ul> <li><a class="bahnschrift-light" onclick="desativarMenuMobile()" href="#servicosId">Serviços</a><span class="material-symbols-outlined">arrow_forward_ios</span></li> <li><a class="bahnschrift-light" onclick="desativarMenuMobile()" href="#empresa">Empresa</a><span class="material-symbols-outlined">arrow_forward_ios</span></li> <li><a class="bahnschrift-light" onclick="desativarMenuMobile()" href="#livros">Livros</a><span class="material-symbols-outlined">arrow_forward_ios</span></li> <li><a class="bahnschrift-light" onclick="desativarMenuMobile()" href="#contatoId">Contato</a><span class="material-symbols-outlined">arrow_forward_ios</span></li> </ul> </div> </div> </div> </div> <div class="box-home-topo"> <div class="box-titulo-principal"> <h1 class="bahnschrift-bold azul-escuro">Autenticidade e Visão 360º<br> do Setor de Saneamento</h1> <p class="bahnschrift-light">A Engenharia Hidráulica e de Saneamento<br> a favor da sociedade e do meio ambiente.</p> </div> </div> </header> <script> let menu = document.getElementById("menu-mobile"); function ativarMenuMobile(){ console.log("to funcionando") if(!menu.classList.contains("active-menu")){ menu.classList.add("active-menu"); } } function desativarMenuMobile(){ if(menu.classList.contains("active-menu")){ menu.classList.remove("active-menu") } } </script> <main> <script>location.href="/404"</script> </main> <footer> <div class="box-rodape corpo-pagina"> <div class="logo"> <img src="images/logo-branco-svg.svg"> <div class="subtitulo-logo bahnschrift-light">A Engenharia Hidráulica e de Recursos Hídricos<br> a favor da sociedade e do meio ambiente.</div> </div> <div class="informacoes-menu"> <div class="menu"> <ul> <li class="bahnschrift-light"><a href="#servicosId">Serviços</a></li> <li class="bahnschrift-light"><a href="#empresa">Empresa</a></li> <li class="bahnschrift-light"><a href="#livros">Livros</a></li> <li class="bahnschrift-light"><a href="#contatoId">Contato</a></li> </ul> </div> <div class="linha"></div> <div class="informacoes"> <div class="informacao bahnschrift-light"><img src="images/icon-telefone.svg">+55 (19) 99515-8514</div> <div class="informacao bahnschrift-light"><img src="images/icon-email.svg">dmanzi@exaqua.com.br</div><br>  </div> </div> </div> </footer> <div class="direitos bahnschrift-bold"> Desenvolvido por Reami Comunicação - © Todos os direitos reservados.</div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script src="lazysizes/lazysizes.min.js" async></script> <script type="text/javascript" src="js/custom.js" async></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.js" integrity="sha256-yE5LLp5HSQ/z+hJeCqkz9hdjNkk1jaiGG0tDCraumnA=" crossorigin="anonymous"></script> <script> var loader = document.getElementById("preloader"); window.addEventListener("load", function(){ loader.style.display="none";}) </script> </body> </html>