devforge/404.html at main · Coding-Dev-Tools/devforge · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!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 | DevForge</title>
  <meta name="description" content="The page you're looking for doesn't exist. Browse our CLI tools, blog, or documentation.">
  <meta name="robots" content="noindex">
  <link rel="canonical" href="https://coding-dev-tools.github.io/devforge/404.html">
  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>?</text></svg>">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: 'Inter', -apple-system, sans-serif; background: #0a0a0b; color: #e1e1e3; line-height: 1.6; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 24px; }
    .container { max-width: 560px; text-align: center; }
    .code { font-size: 6rem; font-weight: 800; background: linear-gradient(135deg, #6366f1, #a78bfa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; margin-bottom: 8px; }
    h1 { font-size: 1.6rem; font-weight: 700; color: #fff; margin-bottom: 12px; letter-spacing: -0.02em; }
    p { color: #888; font-size: 0.95rem; margin-bottom: 32px; line-height: 1.7; }
    .links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 40px; }
    .links a { display: inline-flex; align-items: center; gap: 6px; padding: 10px 22px; border-radius: 8px; font-size: 0.88rem; font-weight: 500; text-decoration: none; transition: all .15s; }
    .links .primary { background: #6366f1; color: #fff; }
    .links .primary:hover { background: #5558e6; }
    .links .secondary { background: #121213; color: #888; border: 1px solid #1e1e20; }
    .links .secondary:hover { border-color: #6366f1; color: #fff; }
    .search-hint { font-size: 0.82rem; color: #555; }
    .search-hint a { color: #6366f1; text-decoration: none; }
    .search-hint a:hover { color: #a78bfa; }
  </style>
</head>
<body>
  <div class="container">
    <div class="code">404</div>
    <h1>Page not found</h1>
    <p>The page you're looking for doesn't exist, was moved, or the link is broken. Let's get you back on track.</p>
    <div class="links">
      <a href="index.html" class="primary">? Home</a>
      <a href="start-here.html" class="secondary">Start Here</a>
      <a href="docs.html" class="secondary">Documentation</a>
      <a href="blog.html" class="secondary">Blog</a>
      <a href="pricing.html" class="secondary">Pricing</a>
      <a href="https://github.com/Coding-Dev-Tools" class="secondary">GitHub</a>
    </div>
    <div class="search-hint">
      Try browsing our tools from the <a href="start-here.html">start here page</a> or visit the <a href="blog.html">blog</a> for tutorials and guides.
    </div>
  </div>
</body>
</html>