diff --git a/src/App.js b/src/App.js
index 6452694..f42b40e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import Connexion from './pages/Connexion';
+/*import Admin from './pages/Admin.js';*/
 
 const App = () => {
   return (
diff --git a/src/pages/Admin.js b/src/pages/Admin.js
new file mode 100644
index 0000000..a44b166
--- /dev/null
+++ b/src/pages/Admin.js
@@ -0,0 +1,15 @@
+import React from 'react';
+
+
+const Admin = () => {
+    return (
+        <div className="page_admin">
+            {/* Create a admin page */}
+            <div className="nav_bar_verticale"></div>
+                <img className="logo" srcSet="./LogoApp.svg"></img>
+            <div className="create_user"></div>
+        </div>
+    );
+};
+
+export default Admin;
\ No newline at end of file
diff --git a/src/styles/components/_admin.scss b/src/styles/components/_admin.scss
new file mode 100644
index 0000000..418578a
--- /dev/null
+++ b/src/styles/components/_admin.scss
@@ -0,0 +1,14 @@
+.page_admin {
+    display: flex;
+    flex-direction: row;
+
+    .nav_bar_verticale {
+        display: flex;
+        flex-direction: column;
+        
+        .logo {
+            width: 100px;
+            height: 100px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index b548b9e..666575f 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1,2 +1,3 @@
 @import "./settings.scss";
-@import "./components/connexion.scss";
\ No newline at end of file
+@import "./components/connexion.scss";
+@import "./components/admin.scss";
\ No newline at end of file