diff --git a/index.html b/index.html
index 7713171..fce1d85 100644
--- a/index.html
+++ b/index.html
@@ -29,6 +29,7 @@
                     <li><a href="store.html"><i class="fa-solid fa-cart-shopping"></i> Store</a></li>
                     <li><a href="rules.html"><i class="fa-solid fa-scale-balanced"></i> Rules</a></li>
                     <li><a href="staff-app.html"><i class="fa-solid fa-staff-snake"></i> Staff Applicaiton</a></li>
+                    <li><a href="staff-members.html"><i class="fa-solid fa-users-rays"></i> Staff Members</a></li>
                 </ul>
                 <div class="toggle">
                     <i class="fa fa-bars toggler"></i>
@@ -46,8 +47,8 @@
                         <li><a href="#" class="active"> <i class="fa-solid fa-house"></i> Home</a></li>
                         <li><a href="store.html"><i class="fa-solid fa-cart-shopping"></i> Store</a></li>
                         <li><a href="rules.html"><i class="fa-solid fa-scale-balanced"></i> Rules</a></li>
-                        <li><a href="staff-app.html"><i class="fa-solid fa-staff-snake"></i> Staff Applicaiton</a></li>
-                    </ul>
+                        <li><a href="staff-app.html"><i class="fa-solid fa-staff-snake"></i> Staff Applicaiton</a></li></ul>
+                        <li><a href="staff-members.html"><i class="fa-solid fa-users-rays"></i> Staff Members</a></li>
                 </div>
             </div>
         </nav>
diff --git a/rules.html b/rules.html
index 8ca0b27..350edb6 100644
--- a/rules.html
+++ b/rules.html
@@ -29,6 +29,7 @@
                     <li><a href="store.html"><i class="fa-solid fa-cart-shopping"></i> Store</a></li>
                     <li><a href="rules.html" class="active"><i class="fa-solid fa-scale-balanced"></i> Rules</a></li>
                     <li><a href="staff-app.html"><i class="fa-solid fa-staff-snake"></i> Staff Applicaiton</a></li>
+                    <li><a href="staff-members.html"><i class="fa-solid fa-users-rays"></i> Staff Members</a></li>
                 </ul>
                 <div class="toggle">
                     <i class="fa fa-bars toggler"></i>
@@ -47,7 +48,8 @@
                         <li><a href="store.html"><i class="fa-solid fa-cart-shopping"></i> Store</a></li>
                         <li><a href="rules.html" class="active"><i class="fa-solid fa-scale-balanced"></i> Rules</a></li>
                         <li><a href="staff-app.html"><i class="fa-solid fa-staff-snake"></i> Staff Applicaiton</a></li>
-                    </ul>
+                        <li><a href="staff-members.html"><i class="fa-solid fa-users-rays"></i> Staff Members</a></li>
+                </ul>
                 </div>
             </div>
         </nav>
diff --git a/staff-app.html b/staff-app.html
index 1f6a912..969ca23 100644
--- a/staff-app.html
+++ b/staff-app.html
@@ -27,9 +27,10 @@
         <div class="container">
             <ul class="navbar">
                 <li><a href="index.html"> <i class="fa-solid fa-house"></i> Home</a></li>
-                <li><a href="#"><i class="fa-solid fa-cart-shopping"></i> Store</a></li>
+                <li><a href="store.html"><i class="fa-solid fa-cart-shopping"></i> Store</a></li>
                 <li><a href="rules.html"><i class="fa-solid fa-scale-balanced"></i> Rules</a></li>
                 <li><a href="#" class="active"><i class="fa-solid fa-staff-snake"></i> Staff Applicaiton</a></li>
+                <li><a href="staff-members.html"><i class="fa-solid fa-users-rays"></i> Staff Members</a></li>
             </ul>
             <div class="toggle">
                 <i class="fa fa-bars toggler"></i>
@@ -45,9 +46,10 @@
                 </div>
                 <ul class="navbar mobile-navbar">
                     <li><a href="index.html"> <i class="fa-solid fa-house"></i> Home</a></li>
-                    <li><a href="#"><i class="fa-solid fa-cart-shopping"></i> Store</a></li>
+                    <li><a href="store.html"><i class="fa-solid fa-cart-shopping"></i> Store</a></li>
                     <li><a href="rules.html"><i class="fa-solid fa-scale-balanced"></i> Rules</a></li>
                     <li><a href="#" class="active"><i class="fa-solid fa-staff-snake"></i> Staff Applicaiton</a></li>
+                    <li><a href="staff-members.html"><i class="fa-solid fa-users-rays"></i> Staff Members</a></li>
                 </ul>
             </div>
         </div>
diff --git a/staff-members.html b/staff-members.html
new file mode 100644
index 0000000..4c9db05
--- /dev/null
+++ b/staff-members.html
@@ -0,0 +1,160 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- <link rel="stylesheet" href="CSS/all.min.css"> -->
+    <script src="https://kit.fontawesome.com/97526397cd.js" crossorigin="anonymous"></script>
+    <!-- <link rel="stylesheet" href="CSS/variables.css"> -->
+    <link rel="stylesheet" href="CSS/Pages/staff-members.css">
+    <link rel="stylesheet" href="CSS/global.css">
+    <title>Staff Members | SentryCraft</title>
+</head>
+<body>
+<div class="bgi"></div>
+<div class="color"></div>
+
+
+<div class="overlay"></div>
+<header>
+    <div class="header-color"></div>
+    <div class="copy-popup">
+        <i class="fa fa-check" aria-hidden="true"></i>
+        <p>IP Was Copied</p>
+    </div>
+    <canvas id="particle-canvas"></canvas>
+    <nav>
+        <div class="container">
+            <ul class="navbar">
+                <li><a href="index.html"> <i class="fa-solid fa-house"></i> Home</a></li>
+                <li><a href="store.html"><i class="fa-solid fa-cart-shopping"></i> Store</a></li>
+                <li><a href="rules.html"><i class="fa-solid fa-scale-balanced"></i> Rules</a></li>
+                <li><a href="staff-app.html"><i class="fa-solid fa-staff-snake"></i> Staff Applicaiton</a></li>
+                <li><a href="#" class="active"><i class="fa-solid fa-users-rays"></i> Staff Members</a></li>
+            </ul>
+            <div class="toggle">
+                <i class="fa fa-bars toggler"></i>
+                <!-- Uncomment this if you wanna use image -->
+                <!-- <div class="logo">
+                    <img src="images/logo.png" alt="logo" draggable="false">
+                </div> -->
+                <p>Sentry Craft</p>
+            </div>
+            <div class="mobile-nav">
+                <div class="closer">
+                    <i class="fa-solid fa-xmark"></i>
+                </div>
+                <ul class="navbar mobile-navbar">
+                    <li><a href="index.html"> <i class="fa-solid fa-house"></i> Home</a></li>
+                    <li><a href="store.html"><i class="fa-solid fa-cart-shopping"></i> Store</a></li>
+                    <li><a href="rules.html"><i class="fa-solid fa-scale-balanced"></i> Rules</a></li>
+                    <li><a href="staff-app.html"><i class="fa-solid fa-staff-snake"></i> Staff Applicaiton</a></li>
+                    <li><a href="#" class="active"><i class="fa-solid fa-users-rays"></i> Staff Members</a></li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+    <div class="hero">
+        <div class="container">
+            <div class="hero-logo logo-animation">
+                <img src="images/logo.png" alt="logo" draggable="false">
+            </div>
+        </div>
+        <div class="servers-info">
+            <div class="discord-info server-info">
+                <div class="icon"><i class="fa-brands fa-discord"></i></div>
+                <div class="server-text">
+                    <p class="discord-online"><span>20</span> Player Online</p>
+                    <p><a href="#">Click To Join</a></p>
+                </div>
+            </div>
+            <div class="mc-info server-info ip">
+                <div class="icon"><i class="fa-solid fa-circle-play"></i></div>
+                <div class="server-text">
+                    <p class="mc-online"><span>20</span> Player Online</p>
+                    <p><a href="#">Click To Join</a></p>
+                </div>
+            </div>
+        </div>
+    </div>
+    </header>
+
+
+    <main>
+        <div class="members">
+            <div class="owners">
+                <h2>Owners</h2>
+                <div class="container">
+                    <div class="owner member">
+                        <div class="member-img"></div>
+                        <div class="member-name"><h2>MidoAlawieh</h2></div>
+                    </div>
+                    <div class="owner member">
+                        <div class="member-img"></div>
+                        <div class="member-name"><h2>MidoAlawieh</h2></div>
+                    </div>
+                    <div class="owner member">
+                        <div class="member-img"></div>
+                        <div class="member-name"><h2>MidoAlawieh</h2></div>
+                    </div>
+                </div>
+            </div>
+            <div class="admins">
+                <h2>Admins</h2>
+                <div class="container">
+                <div class="admin member">
+                    <div class="member-img"></div>
+                    <div class="member-name"><h2>MidoAlawieh</h2></div>
+                </div>
+                <div class="admin member">
+                    <div class="member-img"></div>
+                    <div class="member-name"><h2>MidoAlawieh</h2></div>
+                </div>
+                </div>
+            </div>
+            <div class="mods">
+                <h2>Mods</h2>
+                <div class="container">
+                <div class="Mod member">
+                    <div class="member-img"></div>
+                    <div class="member-name"><h2>MidoAlawieh</h2></div>
+                </div>
+                <div class="Mod member">
+                    <div class="member-img"></div>
+                    <div class="member-name"><h2>MidoAlawieh</h2></div>
+                </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+
+    <footer>
+        <div class="footer-content">
+            <div class="footer-start">
+                <h2 class="footer-ip ip">SENTRYCRAFT.NET</h2>
+                <p>We Hope You Enjoyed!</p>
+            </div>
+            <div class="footer-middle">
+                <div class="footer-logo logo-animation">
+                    <img src="images/logo.png" alt="logo" draggable="false">
+                </div>
+                <div class="button"><a href="#">Sign Up</a></div>
+            </div>
+            <div class="footer-end ip">
+                <p><a href="#">CLICK TO JOIN</a></p>
+            </div>
+        </div>
+        <div class="footer-icons">
+            <a href="#"><i class="fa-brands fa-instagram"></i></a>
+            <a href="#"><i class="fa-brands fa-discord"></i></a>
+            <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+            <a href="#"><i class="fa-brands fa-tiktok"></i></a>
+        </div>
+    </footer>
+    <!-- <script src="JS/all.min.js"></script> -->
+    <script src="JS/animation.js"></script>
+    <script src="JS/main.js"></script>
+    <script src="JS/staff-app.js"></script>
+</body>
+</html>
diff --git a/store.html b/store.html
index d0481b9..91658e1 100644
--- a/store.html
+++ b/store.html
@@ -31,6 +31,7 @@
                     <li><a href="#" class="active"><i class="fa-solid fa-cart-shopping"></i> Store</a></li>
                     <li><a href="rules.html"><i class="fa-solid fa-scale-balanced"></i> Rules</a></li>
                     <li><a href="staff-app.html"><i class="fa-solid fa-staff-snake"></i> Staff Applicaiton</a></li>
+                    <li><a href="staff-members.html"><i class="fa-solid fa-users-rays"></i> Staff Members</a></li>
                 </ul>
                 <div class="toggle">
                     <i class="fa fa-bars toggler"></i>
@@ -49,7 +50,8 @@
                         <li><a href="#" class="active"><i class="fa-solid fa-cart-shopping"></i> Store</a></li>
                         <li><a href="rules.html"><i class="fa-solid fa-scale-balanced"></i> Rules</a></li>
                         <li><a href="staff-app.html"><i class="fa-solid fa-staff-snake"></i> Staff Applicaiton</a></li>
-                    </ul>
+                        <li><a href="staff-members.html"><i class="fa-solid fa-users-rays"></i> Staff Members</a></li>
+                </ul>
                 </div>
             </div>
         </nav>