File Manager

Editing: 404.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>404 - Page Not Found | Eizon</title>
  <style>
    /* General Styles */
    body {
      font-family: 'Arial', sans-serif;
      background-color: #1a1a1a;
      color: #fff;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      overflow: hidden;
    }

.container {
      text-align: center;
    }

h1 {
      font-size: 6rem;
      margin: 0;
      color: #40e351;
      animation: float 3s ease-in-out infinite;
    }

h2 {
      font-size: 2rem;
      margin: 10px 0;
    }

p {
      font-size: 1.2rem;
      margin: 20px 0;
      color: #ccc;
    }

.home-button {
      display: inline-block;
      padding: 12px 24px;
      font-size: 1rem;
      color: #fff;
      background-color: #40e351;
      border: none;
      border-radius: 5px;
      text-decoration: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

.home-button:hover {
      background-color: #ff4a3d;
    }

/* Animation */
    @keyframes float {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-20px);
      }
    }

/* Background Animation */
    .background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      background: radial-gradient(circle, rgba(255, 111, 97, 0.1) 20%, transparent 20%);
      background-size: 20px 20px;
      animation: moveBackground 10s linear infinite;
    }

@keyframes moveBackground {
      0% {
        transform: translateY(0) translateX(0);
      }
      100% {
        transform: translateY(-1000px) translateX(-1000px);
      }
    }
  </style>
</head>
<body>
  <div class="background"></div>
  <div class="container">
    <h1>404</h1>
    <h2>Oops! Page Not Found</h2>
    <p>The page you're looking for doesn't exist or has been moved.</p>
    <a href="/" class="home-button">Go Back Home</a>
  </div>
</body>
</html>

⬅ Back