Update index.html

index.html

@@ -92,6 +92,17 @@
       color: #666;
       margin-bottom: 20px;
     }
+
+    /* Additional CSS modifications */
+    .about-us-heading {
+      font-size: 24px;
+      color: #333;
+      margin-bottom: 20px;
+    }
+
+    .about-us-content {
+      margin-top: 40px;
+    }
   </style>
   <script>
     function showContent(tabId) {
@@ -135,10 +146,36 @@ <h2>DJShelfmushroom</h2>
       <p>About DJShelfmushroom...</p>
     </div>
   </div>
-
-  <div id="yesnt-content" class="content">
+<div id="yesnt-content" class="content">
     <div class="about-us">
       <h2>Yesn't</h2>
       <p>About Yesn't...</p>
     </div>
   </div>
+
+  <h2 class="about-us-heading">About Us</h2>
+
+  <div class="about-us-content">
+    <div id="theshmungus1-content" class="content">
+      <div class="about-us">
+        <h2>Theshmungus1</h2>
+        <p>About Theshmungus1...</p>
+      </div>
+    </div>
+
+    <div id="djshelfmushroom-content" class="content">
+      <div class="about-us">
+        <h2>DJShelfmushroom</h2>
+        <p>About DJShelfmushroom...</p>
+      </div>
+    </div>
+
+    <div id="yesnt-content" class="content">
+      <div class="about-us">
+        <h2>Yesn't</h2>
+        <p>About Yesn't...</p>
+      </div>
+    </div>
+  </div>
+</body>
+</html>