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="header"> <div class="box-logo"> <a href="home"><img class="logoHeader" src="/imagens/logo.webp"></a> </div> <div class="box-menu-button"> <button id="boxMenu"> <span id="menu" class="material-symbols-outlined button-menu"> menu </span> </button> </div> <div class="nav" id="navbar"> <a class="nav-link " href="home">HOME</a>  <div class="dropdown show"> <a class="nav-link dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> INSTITUCIONAL </a> <div class="dropdown-menu" aria-labelledby="dropdownMenuLink"> <a class="dropdown-item nav-link " href="institucional">INSTITUCIONAL</a> <a class="dropdown-item nav-link " href="objetivos">OBJETIVOS</a> <a class="dropdown-item nav-link " href="historia">HISTÓRIA</a> </div> </div>   <a class="nav-link " href="associadas">ASSOCIADAS</a>  <a class="nav-link " href="noticias">NOTÍCIAS</a>  <a class="nav-link " href="compliance">COMPLIANCE</a> <a class="nav-link " href="contato">CONTATO</a> </div> <div> <script> let menu = document.getElementById("menu"); let boxmenu = document.getElementById("boxMenu"); let nav = document.getElementById("navbar"); menu.addEventListener("click", function (event) { this.classList.toggle("active-menu"); boxmenu.classList.toggle("active-menuBox"); nav.classList.toggle("nav-active"); }); // boxMenu </script> <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><a href="area-da-associada"><img class="img-associados" src="/imagens/botao-area-dos-associados.webp"></a></div> </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>