FAQsAdded

index.html

@@ -16,7 +16,7 @@
 
 
   <!--NavBar-->
-  <nav class="navbar navbar-expand-lg bg-dark navbar-dark py-3">
+  <nav class="navbar navbar-expand-lg bg-dark navbar-dark py-3 fixed-top">
 
     <div class="container">
       <a href="#" class="navbar-brand">Alsakkaf bootcamp</a>
@@ -230,7 +230,7 @@ <h2 class="fw-bold title-css" >Learn the Fundamentals</h2>
 
 
 
-  <!--  -->
+  <!-- More info about leanring -->
 
   <section id="learn" class="p-5 bg-dark text-light">
     <div class="container">
@@ -275,6 +275,89 @@ <h2 class="fw-bold title-css">What's Next!</h2>
 
 
 
+  <!-- Question Accordion -->
+
+  <section id="questoins" class="p-5">
+    <div class="container">
+      <h2 class="text-center mb-4">Frequently Asked questions</h2>
+
+
+      <div class="accordion accordion-flush" id="accordionFlushExample">
+
+
+
+        <div class="accordion-item">
+          <h2 class="accordion-header">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#question-one">
+              What are the prerequisites for joining the bootcamp?
+            </button>
+          </h2>
+          <div id="question-one" class="accordion-collapse collapse" data-bs-parent="#questions">
+            <div class="accordion-body">No prior programming experience is required. However, basic computer literacy and a passion for learning are recommended.</div>
+          </div>
+        </div>
+
+
+
+        <div class="accordion-item">
+          <h2 class="accordion-header">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#question-two">
+              Can I switch between virtual and in-person bootcamps?
+            </button>
+          </h2>
+          <div id="question-two" class="accordion-collapse collapse" data-bs-parent="#questions">
+            <div class="accordion-body">Yes, you can switch between different learning modes based on your preference and availability, subject to availability in each session.</div>
+          </div>
+        </div>
+
+
+
+        <div class="accordion-item">
+          <h2 class="accordion-header">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#question-three">
+              Are there any installment payment options available?
+            </button>
+          </h2>
+          <div id="question-three" class="accordion-collapse collapse" data-bs-parent="#questions">
+            <div class="accordion-body">Yes, we offer installment payment plans to make the bootcamp accessible to everyone. Contact us for more information.</div>
+          </div>
+        </div>
+
+
+
+        <div class="accordion-item">
+          <h2 class="accordion-header">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#question-four">
+              How long does the bootcamp program last?
+            </button>
+          </h2>
+          <div id="question-four" class="accordion-collapse collapse" data-bs-parent="#questions">
+            <div class="accordion-body">The duration of the bootcamp program varies depending on the chosen mode. Typically, it ranges from 8 to 12 weeks.</div>
+          </div>
+        </div>
+
+
+
+        <div class="accordion-item">
+          <h2 class="accordion-header">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#question-four">
+              Will I receive a certificate upon completion?
+            </button>
+          </h2>
+          <div id="question-four" class="accordion-collapse collapse" data-bs-parent="#questions">
+            <div class="accordion-body">Yes, upon successfully completing the bootcamp, you will receive a certificate recognizing your achievement and proficiency in frontend development.</div>
+          </div>
+        </div>
+
+
+
+      </div>
+
+
+    </div>
+  </section>
+
+
 
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
 </body>

style.css

@@ -6,6 +6,7 @@
 }
 
 
+
 @media (max-width: 768px){
   .text-class{
     font-size: 14px;
@@ -16,4 +17,6 @@
     text-align: center;
   }
 
-}
+}
+
+