Modelo HTML de página de erro 404

369 logicaldata570

Abrir no Editor Publique Seu Código

Recomendado

29 December 2024

Uma página inicial alternativa

30 March 2025

Efeito de embaralhamento de texto

28 August 2025

Instalação de Painéis Solares | Serviços e Preços

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Invalid Page</title>
  <style>
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: 'Helvetica Neue', sans-serif;
      background: linear-gradient(135deg, #000, #111);
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      cursor: pointer;
    }

.center-text {
      background: rgba(0, 0, 0, 0.8);
      border: 1px solid #ff4d4d;
      color: #ff4d4d;
      font-weight: bold;
      padding: 20px 40px;
      border-radius: 12px;
      font-size: 2.2rem;
      text-align: center;
      box-shadow: 0 0 20px rgba(255, 77, 77, 0.3);
      transition: 0.2s ease;
    }

.center-text:hover {
      background: rgba(255, 77, 77, 0.1);
      box-shadow: 0 0 25px rgba(255, 77, 77, 0.4);
    }
  </style>
</head>
<body>
  <div class="center-text" onclick="location.reload()">Invalid Page - 404</div>
</body>
</html>

Modelo HTML de página de erro 404

Recomendado

Uma página inicial alternativa

Efeito de embaralhamento de texto

Instalação de Painéis Solares | Serviços e Preços

HTML

CSS

JS

Recomendado

Uma página inicial alternativa

Efeito de embaralhamento de texto

Instalação de Painéis Solares | Serviços e Preços

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS