<!DOCTYPE html> <html lang="pt-BR"> <head> <title>Ops! Não encontramos.</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> <style> .row{ height: 100vh; } b{ position: absolute; z-index: -1; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); line-height: 1rem; font-size: 25rem; color: #A3A3A3; opacity: 0.2; } h1{ text-align: center; line-height: 2rem; font-size: 5rem; color: #A3A3A3; } span{ font-size: 1.3rem; line-height:0rem; } a{ width: 160px; height: 55px; margin: 2rem auto; display: table; line-height: 55px; border-radius: 50px; background-color: #FF5C26; text-align: center; font-size: 1rem; font-weight: bold; color: #FFF; box-shadow: 1px 1px 0 #CCC; } a:hover, a:active:hover{ text-decoration: none; color: #FFF; opacity: 0.8; } img{ width: auto; max-width: 100%; position: absolute; z-index: -2; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } </style> </head> <body> <section class="col-12"> <div class="container"> <div class="row align-items-center justify-content-center"> <div class="col align-self-center"> <h1>Oops!<br><br><span>Alguma coisa parece estar errada.<br> Nossa equipe já foi informada do problema e está trabalhando para corrigí-lo.</span></h1> </div> </div> </div> <img src="/assets/common/img/nuvem.jpg"> </section> </body> </html>