diff --git a/app.py b/app.py
index 6604ca0..34f3239 100644
--- a/app.py
+++ b/app.py
@@ -39,6 +39,10 @@ def get_guns():
 def calculator():
     return render_template('calculator.html')
 
+@app.route('/about_us')
+def about_us():
+    return render_template('about_us.html')
+
 
 def dps_calculation(damage, extra_dmg_percent, rpm, extra_fire_rate):
     dps = damage * (extra_dmg_percent / 100 + 1) * (rpm * (extra_fire_rate / 100 + 1) / 60)
diff --git a/templates/about_us.html b/templates/about_us.html
new file mode 100644
index 0000000..212f8c1
--- /dev/null
+++ b/templates/about_us.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/x-icon" href="/static/img/TRL_Logo_Custom.jpg">
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <title>About Us</title>
+    <script>
+        function myFunction() {
+            var x = document.getElementById("myTopnav");
+            if (x.className === "topnav") {
+                x.className += " responsive";
+            } else {
+                x.className = "topnav";
+            }
+        }
+
+        function toggleDropdown() {
+            var dropdownContent = document.querySelector(".dropdown-content");
+            // Toggle the display property between 'block' and 'none'
+            if (dropdownContent.style.display === "block") {
+                dropdownContent.style.display = "none";
+            } else {
+                dropdownContent.style.display = "block";
+            }
+        }
+    </script>
+</head>
+<header>
+    <nav>
+        <p class="divider">_</p>
+        <div class="topnav" id="myTopnav">
+            <div class="dropdown">
+                <button class="dropbtn" onclick="toggleDropdown()"><img
+                        src="/static/img/menu-list-icon-app-navigation-option-page-interface-dropdown-three-lines-button-dots-sign-symbol-black-artwork-graphic-illustration-clipart-eps-vector.jpg"
+                        height="50" width="50">
+                    <i class="fa fa-caret-down"></i>
+                </button>
+                <div class="dropdown-content" style="display: none;">
+                    <a href="{{ url_for('index') }}">GUN STATS</a><br>
+                    <a href="{{ url_for('calculator') }}">DPS/DPM CALCULATOR</a><br>
+                    <a href="https://www.roblox.com/games/5766084948/SCP-The-Red-Lake-EVENT">PLAY THE RED LAKE</a>
+                </div>
+            </div>
+            <a href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>
+        </div>
+    </nav>
+</header>
+<body>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/calculator.html b/templates/calculator.html
index 5b646c8..82ac154 100644
--- a/templates/calculator.html
+++ b/templates/calculator.html
@@ -2,23 +2,66 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/x-icon" href="/static/img/TRL_Logo_Custom.jpg">
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
-    <title>Gun Stats</title>
+    <title>DPM/DPS Calculator</title>
+    <script>
+        function myFunction() {
+            var x = document.getElementById("myTopnav");
+            if (x.className === "topnav") {
+                x.className += " responsive";
+            } else {
+                x.className = "topnav";
+            }
+        }
+
+        function toggleDropdown() {
+            var dropdownContent = document.querySelector(".dropdown-content");
+            // Toggle the display property between 'block' and 'none'
+            if (dropdownContent.style.display === "block") {
+                dropdownContent.style.display = "none";
+            } else {
+                dropdownContent.style.display = "block";
+            }
+        }
+    </script>
 </head>
+<header>
+    <nav>
+        <p class="divider">_</p>
+        <div class="topnav" id="myTopnav">
+            <div class="dropdown">
+                <button class="dropbtn" onclick="toggleDropdown()"><img
+                        src="/static/img/menu-list-icon-app-navigation-option-page-interface-dropdown-three-lines-button-dots-sign-symbol-black-artwork-graphic-illustration-clipart-eps-vector.jpg"
+                        height="50" width="50">
+                    <i class="fa fa-caret-down"></i>
+                </button>
+                <div class="dropdown-content" style="display: none;">
+                    <a href="{{ url_for('index') }}">GUN STATS</a><br>
+                    <a href="{{ url_for('about_us') }}">ABOUT US</a><br>
+                    <a href="https://www.roblox.com/games/5766084948/SCP-The-Red-Lake-EVENT">PLAY THE RED LAKE</a>
+                </div>
+            </div>
+            <a href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>
+        </div>
+    </nav>
+</header>
 <body>
-    <header>
+<header>
 
-    </header>
-    <main>
-        <label for="search">Search Weapon:</label>
-        <input type="text" id="search" placeholder="Search by name" onkeyup="filterWeapons()">
+</header>
+<main>
+    <label for="search">Search Weapon:</label>
+    <input type="text" id="search" placeholder="Search by name" onkeyup="filterWeapons()">
 
-        <label for="weapon-select">Choose a weapon:</label>
-        <select id="weapon-select" name="weapons">
-            <!-- Weapon options will be populated here dynamically -->
-        </select>
+    <label for="weapon-select">Choose a weapon:</label>
+    <select id="weapon-select" name="weapons">
+        <!-- Weapon options will be populated here dynamically -->
+    </select>
 
-        <script src="{{ url_for('static', filename='filterWeapons.js') }}"></script>
-    </main>
+    <script src="{{ url_for('static', filename='filterWeapons.js') }}"></script>
+</main>
 </body>
 </html>
diff --git a/templates/index.html b/templates/index.html
index 6c7e588..d332a1b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -36,9 +36,9 @@
                     <i class="fa fa-caret-down"></i>
                 </button>
                 <div class="dropdown-content" style="display: none;">
-                    <a href="#">DPS/DPM CALCULATOR</a><br>
-                    <a href="#">ABOUT US</a><br>
-                    <a href="#">Link 3</a>
+                    <a href="{{ url_for('calculator') }}">DPS/DPM CALCULATOR</a><br>
+                    <a href="{{ url_for('about_us') }}">ABOUT US</a><br>
+                    <a href="https://www.roblox.com/games/5766084948/SCP-The-Red-Lake-EVENT">PLAY THE RED LAKE</a>
                 </div>
             </div>
             <a href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>