diff --git a/src/App.js b/src/App.js
index a40c44e..08dc898 100644
--- a/src/App.js
+++ b/src/App.js
@@ -8,6 +8,7 @@ import Blog from "./components/Blog";
 import Donate from "./components/Donate";
 import Navbar from "./components/Navbar";
 import Sponsors from "./components/Sponsors";
+import Events from "./components/Events";
 
 function App() {
   return (
@@ -20,7 +21,8 @@ function App() {
         <Route component={Blog} path="/blog" />
         <Route component={Donate} path="/donate" />
         <Route component={Sponsors} path="/sponsors" />
-        <Route component={Home} path="/" />
+	<Route component={Events} path="/events" />
+	<Route component={Home} path="/" />
 
       </Switch>
     </BrowserRouter>
diff --git a/src/components/Events.js b/src/components/Events.js
new file mode 100644
index 0000000..246cc3d
--- /dev/null
+++ b/src/components/Events.js
@@ -0,0 +1,6 @@
+import React from "react";
+import "./assets/Events.scss";
+
+export default function Events(props) {
+  return <div>Events</div>;
+}
diff --git a/src/components/assets/Events.scss b/src/components/assets/Events.scss
new file mode 100644
index 0000000..e69de29