Frequently asked question part is done

index.html

@@ -296,8 +296,9 @@ <h2 class="card-title poppins-semi-bold text-2xl text-card-title-color-two">2021
         </section>
 
         <!-- Happy Clients news  -->
-        <section class="mb-32">
-            <h1 class="poppins-semi-bold text-2xl mb-2 text-center md:text-2xl lg:text-5xl lg:text-center lg:mb-12">Happy <span class="text-btn-bg-color">Clients says</span></h1>
+        <section class="mb-20 lg:mb-32">
+            <h1 class="poppins-semi-bold text-2xl mb-2 text-center md:text-2xl lg:text-5xl lg:text-center lg:mb-12">
+                Happy <span class="text-btn-bg-color">Clients says</span></h1>
 
             <div class="grid gap-5 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
                 <!-- user review - 1 -->
@@ -307,7 +308,7 @@ <h1 class="poppins-semi-bold text-2xl mb-2 text-center md:text-2xl lg:text-5xl l
                             <img src="./images/others/user-1.png" />
                         </div>
                     </div>
-                    
+
                     <div class="card-body text-center pb-10 px-8">
                         <p class="text-card-p-color poppins-regular text-base">Slate helps you see how many more days
                             you need to work to reach your financial goal for the month and year.</p>
@@ -330,7 +331,7 @@ <h1 class="poppins-semi-bold text-2xl mb-2 text-center md:text-2xl lg:text-5xl l
                             <img src="./images/others/user-2.png" />
                         </div>
                     </div>
-                    
+
                     <div class="card-body text-center pb-10 px-8">
                         <p class="text-card-p-color poppins-regular text-base">Slate helps you see how many more days
                             you need to work to reach your financial goal for the month and year.</p>
@@ -353,7 +354,7 @@ <h1 class="poppins-semi-bold text-2xl mb-2 text-center md:text-2xl lg:text-5xl l
                             <img src="./images/others/user-3.png" />
                         </div>
                     </div>
-                    
+
                     <div class="card-body text-center pb-10 px-8">
                         <p class="text-card-p-color poppins-regular text-base">Slate helps you see how many more days
                             you need to work to reach your financial goal for the month and year.</p>
@@ -371,6 +372,60 @@ <h1 class="poppins-semi-bold text-2xl mb-2 text-center md:text-2xl lg:text-5xl l
             </div>
 
         </section>
+
+        <!-- FAQ  -->
+        <section class="mb-20 lg:mb-32">
+            <h1 class="poppins-semi-bold text-2xl mb-2 text-center md:text-2xl lg:text-5xl lg:text-center lg:mb-12">
+                Frequently Asked <span class="text-btn-bg-color">Questions</span></h1>
+
+            <div class="grid justify-between items-center gap-5 grid-cols-1 md:grid-cols-12">
+                <div class="md:col-span-4">
+                    <img src="./images/others/faq.png" alt="">
+                </div>
+
+                <div class="md:col-span-8">
+                    <div class="collapse collapse-arrow">
+                        <input type="radio" name="my-accordion-2" checked="checked" />
+                        <div class="collapse-title text-xl font-medium">
+                            What are the most important things I should know about riding a bike?
+                        </div>
+                        <div class="collapse-content">
+                            <p>Safety First! Always obey the rules of the road. Obey all traffic signals, signs, and laws. Get in the mindset of “driving” your bike—not just “riding” your bike. This will help you be a more focused and legally compliant bike rider. </p>
+                        </div>
+                    </div>
+                    <div class="collapse collapse-arrow">
+                        <input type="radio" name="my-accordion-2" />
+                        <div class="collapse-title text-xl font-medium">
+                            How can I tell if my helmet is old and I need a new one?
+                        </div>
+                        <div class="collapse-content">
+                            <p>Safety First! Always obey the rules of the road. Obey all traffic signals, signs, and laws. Get in the mindset of “driving” your bike—not just “riding” your bike.</p>
+                        </div>
+                    </div>
+                    <div class="collapse collapse-arrow">
+                        <input type="radio" name="my-accordion-2" />
+                        <div class="collapse-title text-xl font-medium">
+                            My bike has been in storage is it safe to ride?
+                        </div>
+                        <div class="collapse-content">
+                            <p>Safety First! Always obey the rules of the road. Obey all traffic signals, signs, and laws. Get in the mindset of “driving” your bike—not just “riding” your bike.</p>
+                        </div>
+                    </div>
+                    <div class="collapse collapse-arrow">
+                        <input type="radio" name="my-accordion-2" />
+                        <div class="collapse-title text-xl font-medium">
+                            My bike has been in storage is it safe to ride?
+                        </div>
+                        <div class="collapse-content">
+                            <p>Safety First! Always obey the rules of the road. Obey all traffic signals, signs, and laws. Get in the mindset of “driving” your bike—not just “riding” your bike.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </section>
+
+
     </main>
 
     <footer>