Minimalist Line Error - MeggiTools
Run
Toggle Theme
Share Link
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Minimalist Line Error</title> <style> body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; font-family: 'Arial', sans-serif; background: white; } .line-container { text-align: center; } .line-icon { font-size: 3em; color: #ff4d4d; margin-bottom: 20px; } .error-message { font-size: 1.5em; color: #333; } .line { width: 50px; height: 5px; background: #ff4d4d; margin: 0 auto 20px; animation: expand 0.5s ease-in-out forwards; } @keyframes expand { from { width: 0; } to { width: 50px; } } </style> </head> <body> <div class="line-container"> <div class="line-icon">🚫</div> <div class="line"></div> <div class="error-message">404 - Page Not Found</div> </div> </body> </html>