added the FAQs section

index.html

@@ -228,6 +228,7 @@
     <div class="circle"></div>
     <div class="circle"></div>
     <div class="circle"></div>
+    <div class="circle"></div>
   </div>
 
   <header style="width: 100.8%;">
@@ -372,6 +373,56 @@ <h3>Community Support</h3>
       </div>
     </div>
   </section>
+
+  <!-- FAQ Section -->
+  <section class="faq" style="width: 100.8%;">
+    <div class="container">
+      <h2>Frequently Asked Questions</h2>
+      <div class="faq-item">
+        <h3>What is ML Fusion Lab?</h3>
+        <p>ML Fusion Lab is a community-driven platform that provides free, accessible, and high-quality machine learning tutorials, projects, and resources for all.</p>
+      </div>
+      <div class="faq-item">
+        <h3>Who can benefit from ML Fusion Lab?</h3>
+        <p>Whether you are a beginner or an experienced professional, ML Fusion Lab has something to offer for everyone.</p>
+      </div>
+      <div class="faq-item">
+        <h3>Are the courses free?</h3>
+        <p>Yes, all our courses and resources are free to access.</p>
+      </div>
+      <div class="faq-item">
+        <h3>How can I contact support?</h3>
+        <p>You can reach out to us through the Contact Us page for any inquiries or support.</p>
+      </div>
+    </div>
+  </section>
+
+  <!-- CSS for FAQ Section -->
+  <style>
+    .faq {
+      padding: 20px;
+      background-color: #f9f9f9;
+    }
+
+    .faq h2 {
+      text-align: center;
+      margin-bottom: 20px;
+    }
+
+    .faq-item {
+      margin: 15px 0;
+    }
+
+    .faq-item h3 {
+      cursor: pointer;
+      color: #007bff;
+    }
+
+    .faq-item p {
+      margin: 5px 0 15px 0;
+    }
+  </style>
+
   <!-- Newsletters Section  -->
   <div class="container newsletter d-flex flex-column p-5">
     <div class="align-items-center justify-content-between w-100">
@@ -1020,4 +1071,4 @@ <h2>Get Free Machine Learning Resources</h2>
   <script src="visi.js"></script>
 </body>
 
-</html>
+</html>