Hello, here is a small 404 error page code for your website on wapkiz and wapaxo.
These pages help us redirect a user when they click on a broken link or a non-existent file.
If you don't know how to configure the error page, click here.
Then Copy the code below into the field.
<!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</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.0/css/bootstrap.min.css"> <style> body { background-color: #ffffff; color: #333; text-align: center; display: flex; justify-content: center; align-items: center; height: 100vh; } .glitch { font-size: 6rem; font-weight: bold; animation: glitch 1s infinite alter-nate; color: #ff5555; } @keyframes glitch { 0% { transform: skew(-5deg); } 100% { transform: skew(5deg); } } .btn-custom { background-color: #ff5555; color: #fff; font-size: 1.2rem; padding: 10px 20px; border-radius: 5px; transition: transform 0.2s ease, box-shadow 0.2s ease; } .btn-custom:hover { transform: scale(1.1); box-shadow: 0 0 10px #ff5555; } @media (max-width: 768px) { .glitch { font-size: 3rem; } } </style> </head> <body> <div class="container"> <h1 class="glitch">404</h1> <p class="lead">Oops! This page could not be found.</p> <a href="/" class="btn btn-custom">Go Back Home</a> </div> </body> </html>
If you have any questions, leave them in the comments.
.png)