diff --git a/about.html b/about.html
index 86854d1..c26b2d0 100644
--- a/about.html
+++ b/about.html
@@ -21,31 +21,31 @@
                 </a>
             </li>
             <li class="list active" style="--clr:rgb(0, 196, 157);">
-                <a href="about.html">
+                <a href="#">
                     <span class="icon"><ion-icon name="egg"></ion-icon></span>
                     <span class="text">About</span>
                 </a>
             </li>
             <li class="list" style="--clr:rgb(0, 196, 157);">
-            <a href="#">
+            <a href="projects.html">
                 <span class="icon"><ion-icon name="code-slash"></ion-icon></span>
                 <span class="text">Projects</span>
             </a>
         </li>
         <li class="list" style="--clr:rgb(0, 196, 157);">
-            <a href="#">
+            <a href="photography.html">
                 <span class="icon"><ion-icon name="camera"></ion-icon></span>
                 <span class="text">Photography</span>
             </a>
         </li>
         <li class="list" style="--clr:rgb(0, 196, 157);">
-            <a href="#">
+            <a href="videography.html">
                 <span class="icon"><ion-icon name="videocam"></ion-icon></span>
                 <span class="text">Videography</span>
             </a>
         </li>
         <li class="list" style="--clr:rgb(0, 196, 157);">
-            <a href="#">
+            <a href="old/index.html">
                 <span class="icon"><ion-icon name="archive"></ion-icon></span>
                 <span class="text">Old Site</span>
             </a>
diff --git a/discord.html b/discord.html
new file mode 100644
index 0000000..7d2b694
--- /dev/null
+++ b/discord.html
@@ -0,0 +1 @@
+<meta http-equiv="Refresh" content="0; url='https://discord.gg/XtYMNR8Y9u'"/>
\ No newline at end of file
diff --git a/index.html b/index.html
index 5fc9ca2..c9c807f 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
         <div class="menuToggle"></div>
         <ul>
             <li class="list active" style="--clr:rgb(0, 196, 157);">
-                <a href="#home">
+                <a href="#">
                     <span class="icon"><ion-icon name="planet"></ion-icon></span>
                     <span class="text">Home</span>
                 </a>
@@ -45,6 +45,12 @@
                 <span class="text">Videography</span>
             </a>
         </li>
+        <li class="list" style="--clr:rgb(0, 196, 157);">
+            <a href="discord.html">
+                <span class="icon"><ion-icon name="logo-discord"></ion-icon></span>
+                <span class="text">Discord Server</span>
+            </a>
+        </li>
         <li class="list" style="--clr:rgb(0, 196, 157);">
             <a href="old/index.html">
                 <span class="icon"><ion-icon name="archive"></ion-icon></span>
diff --git a/Projects/TinHelmand.html b/old/Projects/TinHelmand.html
similarity index 100%
rename from Projects/TinHelmand.html
rename to old/Projects/TinHelmand.html
diff --git a/photography.html b/photography.html
new file mode 100644
index 0000000..7fcf656
--- /dev/null
+++ b/photography.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset = "utf-8" />
+        <title>
+            Home
+        </title>
+        <!-- add icon link -->
+        <link rel = "icon" href = "assets/obo-icon.png" 
+        type = "image/x-icon">
+        <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+    <div class="head"></div>
+    <div class="navigation">
+        <div class="menuToggle"></div>
+        <ul>
+            <li class="list" style="--clr:rgb(0, 196, 157);">
+                <a href="index.html">
+                    <span class="icon"><ion-icon name="planet"></ion-icon></span>
+                    <span class="text">Home</span>
+                </a>
+            </li>
+            <li class="list" style="--clr:rgb(0, 196, 157);">
+                <a href="about.html">
+                    <span class="icon"><ion-icon name="egg"></ion-icon></span>
+                    <span class="text">About</span>
+                </a>
+            </li>
+            <li class="list" style="--clr:rgb(0, 196, 157);">
+            <a href="projects.html">
+                <span class="icon"><ion-icon name="code-slash"></ion-icon></span>
+                <span class="text">Projects</span>
+            </a>
+        </li>
+        <li class="list active" style="--clr:rgb(0, 196, 157);">
+            <a href="#">
+                <span class="icon"><ion-icon name="camera"></ion-icon></span>
+                <span class="text">Photography</span>
+            </a>
+        </li>
+        <li class="list" style="--clr:rgb(0, 196, 157);">
+            <a href="videography.html">
+                <span class="icon"><ion-icon name="videocam"></ion-icon></span>
+                <span class="text">Videography</span>
+            </a>
+        </li>
+        <li class="list" style="--clr:rgb(0, 196, 157);">
+            <a href="old/index.html">
+                <span class="icon"><ion-icon name="archive"></ion-icon></span>
+                <span class="text">Old Site</span>
+            </a>
+        </li>
+        </ul>
+    </div>
+    <div class="content">
+
+    </div>
+
+    <script>
+        const menuToggle = document.querySelector('.menuToggle');
+        const navigation = document.querySelector('.navigation');
+        menuToggle.onclick = function(){
+            navigation.classList.toggle('open')
+        }
+
+        const list = document.querySelectorALl('.list');
+        function activeLink(){
+            list.forEach((item) =>
+            item.classList.remove('active'));
+            this.classList.add('active');
+        }
+        list.forEach((item) =>
+        item.addEventListener('click',activeLink))
+    </script>
+
+<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/projects.html b/projects.html
new file mode 100644
index 0000000..8c17662
--- /dev/null
+++ b/projects.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset = "utf-8" />
+        <title>
+            Home
+        </title>
+        <!-- add icon link -->
+        <link rel = "icon" href = "assets/obo-icon.png" 
+        type = "image/x-icon">
+        <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+    <div class="head"></div>
+    <div class="navigation">
+        <div class="menuToggle"></div>
+        <ul>
+            <li class="list" style="--clr:rgb(0, 196, 157);">
+                <a href="index.html">
+                    <span class="icon"><ion-icon name="planet"></ion-icon></span>
+                    <span class="text">Home</span>
+                </a>
+            </li>
+            <li class="list" style="--clr:rgb(0, 196, 157);">
+                <a href="about.html">
+                    <span class="icon"><ion-icon name="egg"></ion-icon></span>
+                    <span class="text">About</span>
+                </a>
+            </li>
+            <li class="list active" style="--clr:rgb(0, 196, 157);">
+            <a href="projects.html">
+                <span class="icon"><ion-icon name="code-slash"></ion-icon></span>
+                <span class="text">Projects</span>
+            </a>
+        </li>
+        <li class="list" style="--clr:rgb(0, 196, 157);">
+            <a href="#">
+                <span class="icon"><ion-icon name="camera"></ion-icon></span>
+                <span class="text">Photography</span>
+            </a>
+        </li>
+        <li class="list" style="--clr:rgb(0, 196, 157);">
+            <a href="videography.html">
+                <span class="icon"><ion-icon name="videocam"></ion-icon></span>
+                <span class="text">Videography</span>
+            </a>
+        </li>
+        <li class="list" style="--clr:rgb(0, 196, 157);">
+            <a href="old/index.html">
+                <span class="icon"><ion-icon name="archive"></ion-icon></span>
+                <span class="text">Old Site</span>
+            </a>
+        </li>
+        </ul>
+    </div>
+    <div class="content">
+
+    </div>
+
+    <script>
+        const menuToggle = document.querySelector('.menuToggle');
+        const navigation = document.querySelector('.navigation');
+        menuToggle.onclick = function(){
+            navigation.classList.toggle('open')
+        }
+
+        const list = document.querySelectorALl('.list');
+        function activeLink(){
+            list.forEach((item) =>
+            item.classList.remove('active'));
+            this.classList.add('active');
+        }
+        list.forEach((item) =>
+        item.addEventListener('click',activeLink))
+    </script>
+
+<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 7d08882..4067a41 100644
--- a/style.css
+++ b/style.css
@@ -112,7 +112,7 @@ body
     transition: 05.s;
     border-radius: 10px;
     font-size: 1.75em;
-    color: #222;
+    color: rgb(90, 90, 90);
 }
 .navigation ul li.active a .icon
 {
diff --git a/videography.html b/videography.html
new file mode 100644
index 0000000..589d259
--- /dev/null
+++ b/videography.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset = "utf-8" />
+        <title>
+            Home
+        </title>
+        <!-- add icon link -->
+        <link rel = "icon" href = "assets/obo-icon.png" 
+        type = "image/x-icon">
+        <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+    <div class="head"></div>
+    <div class="navigation">
+        <div class="menuToggle"></div>
+        <ul>
+            <li class="list" style="--clr:rgb(0, 196, 157);">
+                <a href="index.html">
+                    <span class="icon"><ion-icon name="planet"></ion-icon></span>
+                    <span class="text">Home</span>
+                </a>
+            </li>
+            <li class="list" style="--clr:rgb(0, 196, 157);">
+                <a href="about.html">
+                    <span class="icon"><ion-icon name="egg"></ion-icon></span>
+                    <span class="text">About</span>
+                </a>
+            </li>
+            <li class="list" style="--clr:rgb(0, 196, 157);">
+            <a href="projects.html">
+                <span class="icon"><ion-icon name="code-slash"></ion-icon></span>
+                <span class="text">Projects</span>
+            </a>
+        </li>
+        <li class="list" style="--clr:rgb(0, 196, 157);">
+            <a href="photography.html">
+                <span class="icon"><ion-icon name="camera"></ion-icon></span>
+                <span class="text">Photography</span>
+            </a>
+        </li>
+        <li class="list active" style="--clr:rgb(0, 196, 157);">
+            <a href="#">
+                <span class="icon"><ion-icon name="videocam"></ion-icon></span>
+                <span class="text">Videography</span>
+            </a>
+        </li>
+        <li class="list" style="--clr:rgb(0, 196, 157);">
+            <a href="old/index.html">
+                <span class="icon"><ion-icon name="archive"></ion-icon></span>
+                <span class="text">Old Site</span>
+            </a>
+        </li>
+        </ul>
+    </div>
+    <div class="content">
+
+    </div>
+
+    <script>
+        const menuToggle = document.querySelector('.menuToggle');
+        const navigation = document.querySelector('.navigation');
+        menuToggle.onclick = function(){
+            navigation.classList.toggle('open')
+        }
+
+        const list = document.querySelectorALl('.list');
+        function activeLink(){
+            list.forEach((item) =>
+            item.classList.remove('active'));
+            this.classList.add('active');
+        }
+        list.forEach((item) =>
+        item.addEventListener('click',activeLink))
+    </script>
+
+<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
+</body>
+</html>
\ No newline at end of file
