Erro 404

<style> #preloader{ background-color: white; height:100dvh; width:100%; position:fixed; z-index:9999; overflow:hidden; } .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: #d1d1d1; margin-top: 22px; overflow:hidden; position:relative; } .animation-bar::before{ content:""; width:75px; height:2px; background: #105194; 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/ee2aef9a57a2f776107308c60c3a4185.png" alt="logo" class="logoloader"> <div class="animation-bar"></div> </div> </section> </div> <div id="menuModal" class="menu-modal"> <div class="box-menu-modal"> <div class="row-close"> <img class="logo" src="/imagens/logo-Sincomerciarios.png"> <div class="close-menu-modal" onclick="closeModal()"><span class="material-symbols-outlined" onclick="closeModal()">close</span></div> </div> <div class="links-menu-modal lato-black"> <a class="lato-regular" href="/home">Home</a> <a class="lato-regular" href="/institucional">Institucional</a> <a class="lato-regular" href="/beneficios">Benefícios e Serviços</a> <a class="lato-regular" href="/homologacao">Homologação</a> <a class="lato-regular" href="/convencao">Convenção Coletiva</a>  <a class="lato-black" href="/noticias">Notícias</a> <a class="lato-regular" href="/home#contato">Contato</a> <a class="lato-black" href="/associado">Associe-se!</a> </div> </div> </div> <header> <div class="corpo-topo"> <a href="/home"> <img class="logo" src="/imagens/logo-Sincomerciarios.png"> </a> <div class="link-nav"> <a class="lato-regular" href="/institucional">Institucional</a> <a class="lato-regular" href="/beneficios">Benefícios e Serviços</a> <a class="lato-regular" href="/homologacao">Homologação</a> <a class="lato-regular" href="/convencao">Convenção Coletiva</a>  <a class="lato-regular" href="/noticias">Notícias</a> <a class="lato-regular" href="/home#contato">Contato</a> <a class="lato-regular" href="/associado">Associe-se!</a> </div> <icon class="icon-open-modal material-symbols-outlined" onclick="openModal()">menu</icon> </div> </header> <script> let header = document.getElementById("cabecalho"); let header2 = document.getElementById("cabecalho2"); let destaque = document.getElementById("destaque"); window.onscroll = function () { scrollPagina(); } function scrollPagina() { if(header2 && destaque){ if(window.innerWidth > 910){ // if(!header2.classList.contains('d-none')){ // header2.classList.remove('d-none'); // } if(document.documentElement.scrollTop > 210){ // header.classList.remove("rolagem"); header2.classList.remove('none-topo'); destaque.classList.remove("topo2"); } else { // header.classList.add("rolagem"); header2.classList.add('none-topo'); destaque.classList.add("topo2"); } } else { if(header2.classList.contains('none-topo')){ header2.classList.remove('none-topo'); } } } } const menuModal = document.getElementById("menuModal"); function closeModal() { if(menuModal.classList.contains("active-menu")){ menuModal.classList.remove("active-menu"); document.body.style = "overflow-y: auto"; } } function openModal(){ if(!menuModal.classList.contains("active-menu")){ menuModal.classList.add("active-menu"); document.body.style = "overflow-y: hidden"; } } </script> <div class="principal"> <script>location.href="/404"</script> </div> <footer> <div class="rodape"> <div class="coluna-1"> <img class="img-fluid" src="/imagens/logo-Sincomerciarios.png"> </div> <div class="coluna-2"> <h1 class="lato-black">Navegação</h1> <ul> <li class="lato-regular"><a class="link-nav-rodape" href="/home">Home</a></li> <li class="lato-regular"><a class="link-nav-rodape" href="/institucional">Institucional</a></li> <li class="lato-regular"><a class="link-nav-rodape" href="/beneficios">Benefícios e Serviços</a></li> <li class="lato-regular"><a class="link-nav-rodape" href="/homologacao">Homologação</a></li> <li class="lato-regular"><a class="link-nav-rodape" href="/convencao">Conveção Coletiva</a></li> <li class="lato-regular"><a class="link-nav-rodape" href="/governanca">Governança</a></li> <li class="lato-regular"><a class="link-nav-rodape" href="/noticias">Notícias</a></li> <li class="lato-regular"><a class="link-nav-rodape" href="/home#contato">Contato</a></li>  </ul> </div> <div class="coluna-3"> <h1 class="lato-black">Localização</h1> <div class=""> <h2 class="lato-black">Americana | SP</h2> <p class="lato-regular"> Rua 30 de Julho, 797<br> Centro | CEP: 13465-500<br> (19) 3621-4450 </p> </div> <div class=""> <h2 class="lato-black">Cosmópolis | SP</h2> <p class="lato-regular"> Rua Expedicionários, 943<br> Centro | CEP: 13150-019<br> (19) 3812-5157 </p> </div> </div> <div class="coluna-4"> <h1 class="lato-black">Filiação:</h1> <img class="ugt" src="/imagens/logo-ugt.png"><br><br> <img class="cntc" src="/imagens/logo-cnt.png"><br><br> <img class="fecomerciario" src="/imagens/logo-fecomercio.png"> </div> </div> </footer> <div class="direitos-autorais lato-regular"> Desenvolvido por <a class="lato-black" href="https://reami.com.br/">Reami Comunicação</a> - <span class="lato-black">Sincomerciários.</span> 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 src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></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>