diff --git a/web/src/App.jsx b/web/src/App.jsx
index ae63d4a..a10f463 100644
--- a/web/src/App.jsx
+++ b/web/src/App.jsx
@@ -1,24 +1,24 @@
// eslint-disable-next-line no-unused-vars
-import React from "react";
-import { BrowserRouter, Routes, Route } from "react-router-dom";
-import { Home, Contributors, Guide, ProjectList } from "./pages";
-import MasterLayout from "./layouts";
-import { IssueList } from "./pages/Issues/IssuesPage/IssueList";
-import ScrollTop from "./components/ScrollTop";
-
+import React from 'react';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
+import { Home, Contributors, Guide, ProjectList, NotFound } from './pages';
+import MasterLayout from './layouts';
+import { IssueList } from './pages/Issues/IssuesPage/IssueList';
+import ScrollTop from './components/ScrollTop';
function App() {
return (
-
-
- } />
- } />
- } />
- } />
- } />
-
-
+
+
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+
+
);
diff --git a/web/src/index.css b/web/src/index.css
index 2e44c57..f8a428d 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700;800&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
@@ -17,16 +18,16 @@ body {
background: #000000;
}
-::-webkit-scrollbar{
- width:10px;
- height:10px;
+::-webkit-scrollbar {
+ width: 10px;
+ height: 10px;
}
-::-webkit-scrollbar-track{
+::-webkit-scrollbar-track {
background-color: #000000f0;
}
-::-webkit-scrollbar-thumb{
+::-webkit-scrollbar-thumb {
background-color: #facc17;
border-radius: 5px;
-}
\ No newline at end of file
+}
diff --git a/web/src/pages/NotFound/NotFound.jsx b/web/src/pages/NotFound/NotFound.jsx
new file mode 100644
index 0000000..57a8bb3
--- /dev/null
+++ b/web/src/pages/NotFound/NotFound.jsx
@@ -0,0 +1,56 @@
+const NotFound = () => {
+ return (
+
+
+
+
+ Oops! We couldn't find the page that you're looking.
+
+ Please check the address and try again.
+
+
+ );
+};
+export default NotFound;
diff --git a/web/src/pages/index.js b/web/src/pages/index.js
index bcf32f4..566d4d2 100644
--- a/web/src/pages/index.js
+++ b/web/src/pages/index.js
@@ -1,6 +1,7 @@
/** use this file to export whatever is needed outside the pages folder */
-export { default as Home } from "./Home/Home";
-export { default as Contributors } from "./Contributors/Contributors";
-export { default as Guide } from "./Docs/Guide";
-export { default as ProjectList } from "./Issues/ProjectList";
+export { default as Home } from './Home/Home';
+export { default as Contributors } from './Contributors/Contributors';
+export { default as Guide } from './Docs/Guide';
+export { default as ProjectList } from './Issues/ProjectList';
+export { default as NotFound } from './NotFound/NotFound';