diff --git a/css/index.css b/css/index.css
index d67003d..f320318 100644
--- a/css/index.css
+++ b/css/index.css
@@ -6,6 +6,7 @@
 2. /Coffee
 3. /dev-info
 4. /hardwa-reinfo
+5. /Socials
 ============================================= */
 
 /* IMPORTS */
@@ -635,4 +636,5 @@ body:has(.dev-info) .hub {
 
 .pcpp-item a:hover {
     text-decoration: underline;
-}
+}]
+
diff --git a/cv/index.html b/cv/index.html
index fdc25de..3a141a4 100644
--- a/cv/index.html
+++ b/cv/index.html
@@ -68,6 +68,8 @@
         <a href="/dev-info/">Dev Info</a>
         <a href="/hardware/">Hardware</a>
         <a href="/cv/" class="active">Curriculum Vitae</a>
+        <a href="/socials/">Socials</a>
+
     </div>
     <div class="message-card">
         <h1 class="warn">Coming Soon</h1>
diff --git a/dev-info/index.html b/dev-info/index.html
index 3ee1c73..43651e8 100644
--- a/dev-info/index.html
+++ b/dev-info/index.html
@@ -79,6 +79,7 @@
         <a href="/dev-info/" class="active">Dev Info</a>
         <a href="/hardware/">Hardware</a>
         <a href="/cv/">Curriculum Vitae</a>
+        <a href="/socials/">Socials</a>
 
     </div>
     <main class="intro">
diff --git a/hardware/index.html b/hardware/index.html
index 28c67d2..7eceaa2 100644
--- a/hardware/index.html
+++ b/hardware/index.html
@@ -86,6 +86,7 @@
         <a href="/dev-info/">Dev Info</a>
         <a href="/hardware/" class="active">Hardware</a>
         <a href="/cv/">Curriculum Vitae</a>
+        <a href="/socials/">Socials</a>
 
     </div>
     <main class="intro">
diff --git a/index.html b/index.html
index e04545d..1cef74d 100644
--- a/index.html
+++ b/index.html
@@ -79,6 +79,8 @@
         <a href="/dev-info/">Dev Info</a>
         <a href="/hardware/">Hardware</a>
         <a href="/cv/">Curriculum Vitae</a>
+        <a href="/socials/">Socials</a>
+
     </div>