--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="description" content="Page Not Found - PowerDNS Documentation">
+ <meta name="author" content="PowerDNS">
+
+ <title>Page Not Found - PowerDNS Documentation</title>
+
+ <!-- Bootstrap 5 CSS -->
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+
+ <link rel="icon" type="image/png" href="https://docs.powerdns.com/website/img/favicon.png">
+ <!-- Custom styles -->
+ <style>
+ :root {
+ --pdns-blue: #00A2DF;
+ --pdns-orange: #FF8000;
+ --pdns-dark: #1D1D1B;
+ }
+ body {
+ font-family: "Open Sans", system-ui, -apple-system, sans-serif;
+ }
+ .navbar {
+ background-color: white;
+ padding: 1rem 0;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+ }
+ .navbar-brand img {
+ height: 40px;
+ }
+ .hero {
+ background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+ padding: 4rem 0;
+ margin-bottom: 2rem;
+ min-height: 60vh;
+ display: flex;
+ align-items: center;
+ }
+ .hero h1 {
+ color: var(--pdns-dark);
+ font-weight: 600;
+ margin-bottom: 1.5rem;
+ }
+ .hero p {
+ font-size: 1.1rem;
+ color: #495057;
+ max-width: 800px;
+ margin: 0 auto 1.5rem;
+ }
+ .error-code {
+ font-size: 6rem;
+ color: var(--pdns-orange);
+ font-weight: bold;
+ margin-bottom: 1rem;
+ }
+ footer {
+ background-color: #666666;
+ color: white;
+ padding: 2rem 0;
+ margin-top: 3rem;
+ }
+ </style>
+</head>
+
+<body>
+ <!-- Navigation -->
+ <nav class="navbar navbar-expand-lg">
+ <div class="container">
+ <a class="navbar-brand" href="/">
+ <img src="https://docs.powerdns.com/website/img/powerdns-logo-trans.png" alt="PowerDNS">
+ </a>
+ </div>
+ </nav>
+
+ <!-- Hero Section -->
+ <section class="hero text-center">
+ <div class="container">
+ <div class="error-code">404</div>
+ <h1>Page Not Found</h1>
+ <p>We couldn't find the page you're looking for. The page might have been moved, deleted, or never existed.</p>
+ <div class="mt-4">
+ <a href="/" class="btn btn-primary me-2">Return to Home</a>
+ <a href="https://www.powerdns.com" class="btn btn-outline-primary">Visit PowerDNS.com</a>
+ </div>
+ </div>
+ </section>
+
+ <!-- Footer -->
+ <footer class="text-center">
+ <div class="container">
+ <p class="mb-0">© PowerDNS.com</p>
+ </div>
+ </footer>
+
+ <!-- Bootstrap 5 JavaScript -->
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+
+</html>