Erro 404

<style> html{ overflow-x: hidden; } #preloader{ background-color: #0C090A; 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:#cfcfcf; 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" style="display: block;"> <section class="main"> <div class="loading"> <img src="/adm/uploads/imagens/67582e8a78df48b505dc91caa57b0add.webp" alt="logo" class="logoloader"> <div class="animation-bar"></div> </div> </section> </div> <div class="w-100"> <header class=""> <nav class="navbar navbar-expand-lg flex-column p-0 bg-preto"> <div class="w-100 d-flex flex-wrap"> <div class="container d-xl-none"> <div class="col-12 mt-2 text-center"> <a class="navbar-brand my-1" href="/" target="_parent"> <img style="width: 180px!important;height:auto!important;" src="/adm/uploads/imagens/67582e8a78df48b505dc91caa57b0add.webp" class="img-fluid lazyload" alt="logo"> </a> </div> <div class="col-12 text-center"> <button class="navbar-toggler my-2 " type="button" data-toggle="collapse" data-target=".navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon text-light"><center><i style="color:white;font-size:26px;" class="fa fa-bars" aria-hidden="true"></i></center></span> </button> </div> </div> <div class="bgheader w-100"> <div class="collapse navbar-collapse col-12 navbarSupportedContent"> <div class="container-fluid ml-3 mb-2 my-3"> <div class="container"> <div class="row w-100"> <ul class="navbar-nav w-100 d-flex justify-content-between align-items-center"> <div class="d-none d-xl-block"> <li> <a class="navbar-brand" href="/" target="_parent"> <img src="/adm/uploads/imagens/67582e8a78df48b505dc91caa57b0add.webp" class="img-fluid lazyload mt-2 mr-5" alt="logo"> </a> </li> </div> <div class="container ml-md-4 ml-sm-0 col-md-8 col-sm-12 d-flex justify-content-around"> <li class="nav-item"> <a style="color:white!important; padding-left: 4px; padding-right: 4px;" class="nav-link" href="/home">Home</a> </li> <li class="nav-item"> <a style="color:white!important; padding-left: 4px; padding-right: 4px;" class="nav-link" href="/solucoes">Soluções</a> </li> <li class="nav-item"> <a style="color:white!important; padding-left: 4px; padding-right: 4px;" class="nav-link" href="/empresa">Empresa</a> </li> <li class="nav-item"> <a style="color:white!important; padding-left: 4px; padding-right: 4px;" class="nav-link" href="/compliance">Compliance</a> </li> <li class="nav-item"> <a style="color:white!important; padding-left: 4px; padding-right: 4px;" class="nav-link" href="/noticias">Notícias</a> </li> <li class="nav-item"> <a style="color:white!important; padding-left: 4px; padding-right: 4px;" class="nav-link" href="/trabalhe-conosco">Trabalhe Conosco</a> </li> <li class="nav-item"> <a style="color:white!important; padding-left: 4px; padding-right: 4px;" class="nav-link" href="/contato">Contato</a> </li> </div> </ul> </div> </div> </div> </div> </div> </div> </nav> </header> </div> <script> function colapse(){ var div = document.getElementsByClassName('navbar-collapse'); if(div[0].classList.contains("show")){ div[0].classList.remove("show"); } else { div[0].classList.add("show"); } } </script> <div class="principal"> <script>location.href="/404"</script> </div> <footer class="pt-4 mt-5"> <div class="container"> <div class="row"> <div class="col-lg-2 col-sm-12 ml-md-0 col-12 my-3"> <div> <h2>Localização</h2> <h3> Rua Xavantes, 152 </h3> <h3> Jardim São Francisco, Santa Bárbara d'Oeste, SP<br> </h3> <h3> CEP: 13456-072 </h3> <h3> (19) 3463-1961 </h3> </div> </div> <div class="col-lg-3 col-sm-12 col-12 my-3 "> <div> <h2 class="ml-3">Newsletter</h2> <h3 class="m-0 ml-3">Se inscreva e receba novidades.</h3> <form id="newsform" action="inc/cadastrarnewsletter.php" method="post"> <div class="input-group my-3 ml-3"> <input type="email" name="emailnews" id="emailnews" class="form-control px-2 input-news" placeholder="Digite seu email" aria-label="Digite seu email" aria-describedby="button-addon2" required> <div class="input-group-append"> <button class="btn btn-send btn-outline-secondary p-0 px-2" type="submit" id="button-addon2"><i class="fa fa-paper-plane" aria-hidden="true"></i></button> </div> </div> <small id="respostarodape"></small> </form> <div class="d-flex ml-3"> <a href="https://www.linkedin.com/company/writesys/" class='linkedin-bot' target="_blank"><div></div></a> <a href="https://www.facebook.com/WriteSys" class='facebook ' target="_blank"><div></div></a> <a href="https://www.youtube.com/@writesys" class='youtube ' target="_blank"><div></div></a> <a href="https://www.instagram.com/writesystecnologia/" class='instagram ' target="_blank"><div></div></a> <a href="" class='twitter hidden' target="_blank"><div></div></a> </div> </div> </div> <div class="col-lg-3 col-sm-12 col-12 my-3"> <h2 class="ml-md-5 ml-sm-3">Navegação</h2> <h3 class="ml-md-5 ml-sm-3">  <a href="/home" class="mx-0"> <small style="color:white!important;font-size:65%!important;" class="">Home  </small> </a> <a href="/solucoes" class="mx-0"> <small style="color:white!important;font-size:65%!important;" class="">Soluções  </small> </a> <a href="/empresa" class="mx-0"> <small style="color:white!important;font-size:65%!important;" class="">Empresa  </small> </a> <a href="/compliance" class="mx-0"> <small style="color:white!important;font-size:65%!important;" class="">Compliance  </small> </a> <a href="/noticias" class="mx-0"> <small style="color:white!important;font-size:65%!important;" class="">Notícias  </small> </a> <a href="/trabalhe-conosco" class="mx-0"> <small style="color:white!important;font-size:65%!important;" class="">Trabalhe Conosco  </small> </a> <a href="/contato" class="mx-0"> <small style="color:white!important;font-size:65%!important;" class="">Contato  </small> </a> </h3> <h3 class="ml-md-5 ml-sm-3">   </h3> </div> <div class="col-lg-3 col-sm-12 col-12 ml-md-5 ml-sm-1"> <table class="table align-items-center" style="margin-top:0.75rem"> <thead> <tr> <td style="border-top:0px transparent!important; padding-top:0!important;" rowspan="3"> <a href="https://umaempresaetica.com.br/" target="_blank"> <img class="pt-1 img-fluid " style="width:200px!important;height:auto!important" src="/imagens/selo-empresa-etica-Writesys.webp" alt="Selo Empresa Ética"/> </a> </td> <td style="border-top:0px transparent!important;padding-bottom:0!important; padding-top:0!important;"> <a href="/compliance" target="_blank"> <img class="pt-1 img-fluid " style="width:160px!important;height:auto!important" src="/imagens/site-compliance-Writesys.webp" alt="Selo Compliance Writesys" /> </a> </td> <tr> <td style="border-top:0px transparent!important; padding-top:0!important; padding-bottom:0!important;"> <a href="https://www.privacidade.com.br/portal-de-privacidade/?token=45c99674aba84d139eb2329c00da150a&site_url=www.writesys.com.br" target="_blank"> <img style="width:160px!important;height:auto!important" class="img-fluid" src="/imagens/selo-dponet.webp" alt="Selo DPONet"/> </a> </td> </tr> <tr> <td style="border-top:0px transparent!important; padding-top:0!important; padding-bottom:0!important;">  <img style="width:160px!important;height:auto!important" class="img-fluid" src="/images/Logo-selo-Empresa-Limpa.png" alt="Selo DPONet"/>  </td> </tr> </thead> </table> </div> </div> <div class="row d-flex justify-content-center my-2"> <div class="col-md-6 col-sm-12 d-flex justify-content-center"> <img class="img-fluid img-footer" style="width: 100%!important;" src="/imagens/rodape-logos.webp"> </div> </div> </div> <div class="direitos text-center py-2"> <p class="pt-3">Desenvolvido por <a href="https://reami.com.br/" target="_blank">Reami Comunicação</a> - Writesys © Todos os direitos reservados</p> </div> </footer> <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> <script src="./js/lightbox-plus-jquery.js"></script> </body> </html>