- Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path404.html
More file actions
Latest commit
48 lines (48 loc) · 3 KB
/
Copy path404.html
File metadata and controls
48 lines (48 loc) · 3 KB
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>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport" content="width=device-width, initial-scale=1.0">
<title>404 � Page Not Found | DevForge</title>
<metaname="description" content="The page you're looking for doesn't exist. Browse our CLI tools, blog, or documentation.">
<metaname="robots" content="noindex">
<linkrel="canonical" href="https://coding-dev-tools.github.io/devforge/404.html">
<linkrel="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>">
<linkhref="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:40px24px; }
.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; }
.linksa { display: inline-flex; align-items: center; gap:6px; padding:10px22px; 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-hinta { color:#6366f1; text-decoration: none; }
.search-hinta:hover { color:#a78bfa; }
</style>
</head>
<body>
<divclass="container">
<divclass="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>
<divclass="links">
<ahref="index.html" class="primary">? Home</a>
<ahref="start-here.html" class="secondary">Start Here</a>
<ahref="docs.html" class="secondary">Documentation</a>
<ahref="blog.html" class="secondary">Blog</a>
<ahref="pricing.html" class="secondary">Pricing</a>
<ahref="https://github.com/Coding-Dev-Tools" class="secondary">GitHub</a>
</div>
<divclass="search-hint">
Try browsing our tools from the <ahref="start-here.html">start here page</a> or visit the <ahref="blog.html">blog</a> for tutorials and guides.
</div>
</div>
</body>
</html>