11<!DOCTYPE html>
2- < html >
2+ < html lang =" en " >
33 < head >
4- < meta charset ="utf-8 ">
5- < title > Snigdha OS</ title >
6- < script type ="text/javascript ">
7- // Single Page Apps for GitHub Pages
8- // MIT License
9- // https://github.com/rafgraph/spa-github-pages
10- var pathSegmentsToKeep = 1 ;
11-
12- var l = window . location ;
13- l . replace (
14- l . protocol + '//' + l . hostname + ( l . port ? ':' + l . port : '' ) +
15- l . pathname . split ( '/' ) . slice ( 0 , 1 + pathSegmentsToKeep ) . join ( '/' ) + '/?/' +
16- l . pathname . slice ( 1 ) . split ( '/' ) . slice ( pathSegmentsToKeep ) . join ( '/' ) . replace ( / & / g, '~and~' ) +
17- ( l . search ? '&' + l . search . slice ( 1 ) . replace ( / & / g, '~and~' ) : '' ) +
18- l . hash
19- ) ;
20- </ script >
4+ < meta charset ="UTF-8 ">
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6+ < meta name ="description " content ="Oops! The page you're looking for cannot be found. ">
7+ < title > 404 - Page Not Found | Snigdha OS</ title >
8+ <!-- Google Fonts -->
9+ < link href ="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&display=swap " rel ="stylesheet ">
10+ <!-- Styles -->
11+ < style >
12+ body {
13+ margin : 0 ;
14+ padding : 0 ;
15+ font-family : 'Fira Sans' , sans-serif;
16+ display : flex;
17+ align-items : center;
18+ justify-content : center;
19+ height : 100vh ;
20+ background-color : # 1e1e2f ;
21+ color : # ffffff ;
22+ text-align : center;
23+ }
24+ .container {
25+ max-width : 600px ;
26+ }
27+ h1 {
28+ font-size : 5rem ;
29+ margin : 0 ;
30+ color : # ff616f ;
31+ }
32+ p {
33+ font-size : 1.2rem ;
34+ margin : 1rem 0 2rem ;
35+ color : # d1d1e0 ;
36+ }
37+ a {
38+ display : inline-block;
39+ padding : 0.8rem 1.5rem ;
40+ font-size : 1rem ;
41+ font-weight : 600 ;
42+ color : # ffffff ;
43+ background-color : # ff616f ;
44+ text-decoration : none;
45+ border-radius : 5px ;
46+ transition : background-color 0.3s ease;
47+ }
48+ a : hover {
49+ background-color : # e0505e ;
50+ }
51+ .logo {
52+ margin-bottom : 2rem ;
53+ }
54+ .logo img {
55+ max-width : 120px ;
56+ height : auto;
57+ }
58+ </ style >
2159 </ head >
2260 < body >
61+ < div class ="container ">
62+ < div class ="logo ">
63+ < img src ="/snigdhaos-logo.png " alt ="Snigdha OS Logo ">
64+ </ div >
65+ < h1 > 404</ h1 >
66+ < p > Oops! The page you're looking for doesn't exist or has been moved.</ p >
67+ < a href ="/ "> Go to Homepage</ a >
68+ </ div >
2369 </ body >
24- </ html >
70+ </ html >
0 commit comments