diff --git a/WEB/View/assets/img/LogoScripted.png b/WEB/View/assets/img/LogoScripted.png
new file mode 100644
index 00000000..370d16fb
Binary files /dev/null and b/WEB/View/assets/img/LogoScripted.png differ
diff --git a/WEB/View/assets/svg/home.svg b/WEB/View/assets/svg/home.svg
new file mode 100644
index 00000000..08d49d96
--- /dev/null
+++ b/WEB/View/assets/svg/home.svg
@@ -0,0 +1,6 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_iconCarrier"> <path d="M3 10.8074C3 9.9094 3.40231 9.0586 4.09639 8.48876L9.46186 4.08378C10.9372 2.87254 13.0628 2.87255 14.5381 4.08378L19.9036 8.48876C20.5977 9.0586 21 9.9094 21 10.8074V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V10.8074Z" stroke="#000000" stroke-width="2"/> <path d="M15 21V16C15 14.8954 14.1046 14 13 14H11C9.89543 14 9 14.8954 9 16V21" stroke="#000000" stroke-width="2"/> </g>
+
</svg>
\ No newline at end of file
diff --git a/WEB/View/assets/svg/script.svg b/WEB/View/assets/svg/script.svg
new file mode 100644
index 00000000..fe811c86
--- /dev/null
+++ b/WEB/View/assets/svg/script.svg
@@ -0,0 +1,9 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="64px" height="64px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#ffffff" stroke="#ffffff" stroke-width="0.00024000000000000003">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_iconCarrier">
+
<path d="M20.5 2h-13C6.122 2 5 3.683 5 5.75V15H3.5C2.122 15 1 16.57 1 18.5S2.122 22 3.5 22h13c1.378 0 2.5-1.683 2.5-3.75V9h1.5C21.878 9 23 7.43 23 5.5S21.878 2 20.5 2zm-17 19C2.701 21 2 19.832 2 18.5S2.701 16 3.5 16h11.057A5.635 5.635 0 0 0 14 18.5a5.578 5.578 0 0 0 .563 2.5zM18 18.25c0 1.574-.792 2.75-1.5 2.75h-.77a4.246 4.246 0 0 1-.73-2.5 4.141 4.141 0 0 1 .86-2.674l.71-.826H6V5.75C6 4.176 6.792 3 7.5 3h11.14A5.995 5.995 0 0 0 18 5.75zM20.5 8H19V5.75A4.616 4.616 0 0 1 19.823 3h.677c.799 0 1.5 1.168 1.5 2.5S21.299 8 20.5 8zM8 6h8v1H8zm0 3h8v1H8zm0 3h8v1H8z"/>
+
<path fill="none" d="M0 0h24v24H0z"/>
+
</g>
+
</svg>
\ No newline at end of file
diff --git a/WEB/View/src/CSS/Admin2.css b/WEB/View/src/CSS/Admin2.css
new file mode 100644
index 00000000..e2a3186b
--- /dev/null
+++ b/WEB/View/src/CSS/Admin2.css
@@ -0,0 +1,42 @@
+@font-face {
+  font-family: Fauna;
+  src: url("../../assets/fonts/Fauna.ttf");
+}
+@font-face {
+  font-family: Equinox;
+  src: url("../../assets/fonts/Equinox.otf");
+}
+/* End Fonts CSS */
+
+body {
+  min-height: 100vh;
+  font-family: Verdana, Geneva, Tahoma, sans-serif;
+  color: white;
+  height: 100vh;
+  background-color: #111219;
+}
+
+a{
+  color: white;
+  text-emphasis:  none !important;
+}
+
+.overview {
+  background: rgb(146, 254, 157);
+  background: -moz-linear-gradient(
+    50deg,
+    rgba(146, 254, 157, 1) 0%,
+    rgba(0, 201, 255, 1) 100%
+  );
+  background: -webkit-linear-gradient(
+    50deg,
+    rgba(146, 254, 157, 1) 0%,
+    rgba(0, 201, 255, 1) 100%
+  );
+  background: linear-gradient(
+    50deg,
+    rgba(146, 254, 157, 1) 0%,
+    rgba(0, 201, 255, 1) 100%
+  );
+  box-shadow: 0px 0px 30px 1px #92FE9D;
+}
diff --git a/WEB/View/src/CSS/Main.css b/WEB/View/src/CSS/Main.css
index 8d74e8ec..681984ae 100644
--- a/WEB/View/src/CSS/Main.css
+++ b/WEB/View/src/CSS/Main.css
@@ -14,7 +14,6 @@ body {
   min-height: 100vh;
   font-family: "Equinox", sans-serif;
   color: white;
-  scroll-behavior: smooth;
   height: 100vh;
   background-image: url("../../assets/img/ImgMain2.png");
   background-position: center center;
diff --git a/WEB/View/src/pages/Admin/Admin.html b/WEB/View/src/pages/Admin/Admin.html
new file mode 100644
index 00000000..d8a4ce5e
--- /dev/null
+++ b/WEB/View/src/pages/Admin/Admin.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Admin Dashboard</title>
+    <link
+      rel="stylesheet"
+      href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
+      integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
+      crossorigin="anonymous"
+    />
+    <script
+      src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
+      integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"
+      integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
+      crossorigin="anonymous"
+    ></script>
+    <link rel="stylesheet" href="../../CSS/Admin2.css" />
+  </head>
+  <body>
+    <div class="container m-0">
+      <!-- Menu -->
+      <div class="col-3 d-flex ml-4">
+        <nav class="navbar">
+          <!-- Title -->
+          <div
+            class="row d-flex align-items-center pl-3 pt-3 pb-5"
+            style="width: fit-content"
+          >
+            <div class="col-3 p-0">
+              <img
+                src="../../../assets/img/LogoScripted.png"
+                class="img-fluid"
+              />
+            </div>
+            <div class="col-9 p-0">
+              <h3 class="">Scripted</h3>
+            </div>
+          </div>
+          <!-- End Title -->
+
+
+          
+          <ul class="nav flex-column">
+            <!-- Overview Link -->
+            <li class="nav-item overview d-flex align-items-center px-1 py-2 mb-3" style="border-radius: 4px;">
+              <a class="nav-link d-flex" aria-current="page" href="#" style="color: black; font-weight: bold; line-height:140%; font-size:16px;">
+                <img src="../../../assets/svg/home.svg" style="width:20px;" class="mr-2" />
+                Overview
+              </a>
+            </li>
+            <!-- End Overview Link -->
+
+            <!-- Enigme Solo Link -->
+            <li class="nav-item">
+              <a class="nav-link" href="#">Énigme CodeQuest</a>
+            </li>
+            <!-- End Enigme Solo Link -->
+
+            <!-- Enigme Multi Link -->
+            <li class="nav-item">
+              <a class="nav-link" href="#">Énigme ScriptRush</a>
+            </li>
+            <!-- End Enigme Multi Link -->
+
+            <!-- Enigme Reports Link -->
+            <li class="nav-item">
+              <a class="nav-link" href="#">Reports</a>
+            </li>
+            <!-- End Enigme Reports Link -->
+          </ul>
+        </nav>
+      </div>
+      <!-- End Menu -->
+    </div>
+  </body>
+</html>
diff --git a/WEB/View/src/pages/Main.php b/WEB/View/src/pages/Main.php
index f2fe2d6d..1bd93217 100644
--- a/WEB/View/src/pages/Main.php
+++ b/WEB/View/src/pages/Main.php
@@ -148,7 +148,7 @@
 
     <!-- Main page -->
     <div class="col d-flex align-items-center user-select-none">
-      <div class="col-6 m-0 neonBg" id="mainPart" style="max-height: 80%; height: 70%">
+      <div class="col-6 m-0 neonBg" id="mainPart" style="max-height: 80%; height: auto">
         <div class="row mx-0 pt-4 pb-5 text-center">
           <h1>Scripted</h1>
         </div>