Wapkiz Custom 404 Error Page Code Free Download

 %default%

 %redirect_home%

<title>404 Page Not Found</title>
       <style>
           body {
               font-family: Arial, sans-serif;
               background-color: #f8f9fa;
               text-align: center;
               padding: 50px;
           }
           .container {
               max-width: 600px;
               margin: 0 auto;
               padding: 20px;
               background-color: #fff;
               border-radius: 10px;
               box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
           }
           h1 {
               font-size: 48px;
               color: #343a40;
           }
           p {
               font-size: 18px;
               color: #6c757d;
           }
           .search-box {
               margin: 20px 0;
           }
           input[type="text"] {
               padding: 10px;
               width: 70%;
               border: 1px solid #ced4da;
               border-radius: 5px;
               margin-right: 10px;
           }
           .btn {
               padding: 10px 20px;
               border: none;
               background: linear-gradient(45deg, #f093fb, #f5576c, #4facfe, #00f2fe);
               background-size: 300% 300%;
               color: #fff;
               border-radius: 5px;
               cursor: pointer;
               transition: background-position 0.5s ease;
           }
           .btn:hover {
               background-position: right center;
           }
           .links {
               margin-top: 20px;
           }
           .links a {
               color: #007bff;
               text-decoration: none;
               margin: 0 10px;
           }
           .links a:hover {
               text-decoration: underline;
           }
       </style>
 
 <div class="container">
         <h1>404</h1>
         <p>Oops! The page you are looking for does not exist.</p>
         <div class="search-box">
             <input type="text" placeholder="Search...">
             <button class="btn">Search</button>
         </div>
         <div class="links">
             <a href="/">Home</a>
             <a href="https://www.daudbd.com/p/contact.html">Contact Us</a>
             <a href="https://www.cinebaz.top">CineBaz</a>
         </div>
   </div>