Erro 404

<style> #preloader{ background-color: white; height:100vh; width:100%; position:fixed; z-index:9999; } .main{ position: fixed; top:0; left:0; width:100%; height:100vh; 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:#3D6DB0; margin-top: 22px; overflow:hidden; position:relative; } .animation-bar::before{ content:""; width:75px; height:2px; background:goldenrod; 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/dcbee8f936b0a5c2497c1164b92d2ffb.png" alt="logo" class="logoloader"> <div class="animation-bar"></div> </div> </section> </div> <div class="principal"> <script>location.href="/404"</script> </div> <div class="rodape"> <div class="row-rodape"> <div class="img-rodape"> <img class="img-fluid" src="/imagens/logo.webp"> </div> <div class="endereco-footer"> <div class=""> <h1>Endereço</h1> <p>Av. Ibirapuera, 2120, Cj. 53 Moema, <br>São Paulo-SP CEP: 04028-001</p> </div> </div> <div class="contato-footer"> <div class=""> <h1>Contato</h1> <p>(11) 5054-6510 abeetrans@abeetrans.com.br</p> <div class="rodape-icons"> <a href="https://www.linkedin.com/company/abeetrans-associa%C3%A7%C3%A3o-brasileira-das-empresas-de-engenharia-de-tr%C3%A2nsito/?viewAsMember=true"><div class="linkedin"></div></a> <a href="https://www.facebook.com/abeetrans"><div class="facebook"></div></a> <a href="https://www.instagram.com/abeetrans/"><div class="instagram"></div></a> <a href="https://twitter.com/abeetrans"><div class="twitter"></div></a> <a href="https://www.youtube.com/user/abeetrans"><div class="youtube"></div></a>  </div> </div> </div> <div class="nav-footer"> <div class=""> <h1>Navegação</h1> <p> <a href="home">Home</a> | <a href="institucional">Institucional</a> | <a href="historia">História</a><br> <a href="objetivos">Objetivos</a> | <a href="associadas">Associadas</a> | <a href="noticias">Notícias</a> <br> <a href="">Contato</a> <br> </p>  </div> </div> </div> </div> <div class="direitos-autorais"> Desenvolvido por <a href="https://reami.com.br/">Reami Comunicação</a> | ABEETRANS<sup>©</sup> 2024 - Todos os direitos reservados </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script type="text/javascript" src="../js/bootstrap.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>