Update index.html

index.html

@@ -75,6 +75,23 @@
     .content.active {
       display: block;
     }
+
+    /* New CSS for the About Us section */
+    .about-us {
+      margin-top: 60px;
+    }
+
+    .about-us h2 {
+      font-size: 28px;
+      color: #333;
+      margin-bottom: 10px;
+    }
+
+    .about-us p {
+      font-size: 16px;
+      color: #666;
+      margin-bottom: 20px;
+    }
   </style>
   <script>
     function showContent(tabId) {
@@ -106,18 +123,22 @@ <h1>Website Under Construction</h1>
   </div>
 
   <div id="theshmungus1-content" class="content">
-    <h2>Theshmungus1</h2>
-    <p>About Theshmungus1...</p>
+    <div class="about-us">
+      <h2>Theshmungus1</h2>
+      <p>About Theshmungus1...</p>
+    </div>
   </div>
 
   <div id="djshelfmushroom-content" class="content">
-    <h2>DJShelfmushroom</h2>
-    <p>About DJShelfmushroom...</p>
+    <div class="about-us">
+      <h2>DJShelfmushroom</h2>
+      <p>About DJShelfmushroom...</p>
+    </div>
   </div>
 
   <div id="yesnt-content" class="content">
-    <h2>Yesn't</h2>
-    <p>About Yesn't...</p>
+    <div class="about-us">
+      <h2>Yesn't</h2>
+      <p>About Yesn't...</p>
+    </div>
   </div>
-</body>
-</html>