Merge pull request #370 from Adil-Khan-N/adil2

Added Testimonial Section

assets/css/style.css

@@ -1941,3 +1941,15 @@ body{
   }
 }
 
+.card-banner {
+  margin-bottom: 15px; /* Space between image and quote */
+}
+
+.grid-list {
+  margin-top: 30px; /* Space between heading and cards */
+  margin-bottom: 30px; /* Space below cards */
+}
+
+.testimonial-content {
+  margin-bottom: 10px; /* Space between quote and name (optional) */
+}

index.html

@@ -1080,6 +1080,61 @@ <h5> Starting at $2,000.00 per month.
         </div>
       </section>
 
+      <!-- 
+        #Testimonials
+       -->
+
+       <section id="testimonials" class="section testimonials has-bg-image" aria-labelledby="testimonials-label">
+
+        <div class="container">
+          <p class="title-sm text-center section-subtitle" id="testimonials-label">What People Say</p>
+
+          <h2 class="headline-md text-center section-title" data-aos="fade-down">
+            Hear from <span class="span has-after">Our Clients</span>
+          </h2>
+
+          <ul class="grid-list">
+            <li class="card-container" data-aos="fade-right" data-aos-offset="100" data-aos-easing="ease-in-sine">
+              <div class="card testimonial-card">
+                <figure class="card-banner">
+                  <img src="./assets/images/testimonials/student1.jpg" width="100" height="100" loading="lazy" alt="Person giving testimonial" class="img-cover img-circle">
+                </figure>
+                <div class="card-content">
+                  <p class="testimonial-content">"The service was exceptional and exceeded all my expectations!"</p>
+                  <h3 class="title-lg card-title">John Doe</h3>
+                </div>
+              </div>
+            </li>
+            <li class="card-container" data-aos="fade-right" data-aos-offset="200" data-aos-easing="ease-in-sine">
+              <div class="card testimonial-card">
+                <figure class="card-banner">
+                  <img src="./assets/images/testimonials/student2.jpg" width="100" height="100" loading="lazy" alt="Person giving testimonial" class="img-cover img-circle">
+                </figure>
+                <div class="card-content">
+                  <p class="testimonial-content">"Outstanding service with exceptional attention to detail and professionalism!"</p>
+                  <h3 class="title-lg card-title">Jane Smith</h3>
+                </div>
+              </div>
+            </li>
+            <li class="card-container" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine">
+              <div class="card testimonial-card">
+                <figure class="card-banner">
+                  <img src="./assets/images/testimonials/student3.jpg" width="100" height="100" loading="lazy" alt="Person giving testimonial" class="img-cover img-circle">
+                </figure>
+                <div class="card-content">
+                  <p class="testimonial-content">"Amazing experience! I felt heard and valued as a customer. Will definitely return!"</p>
+                  <h3 class="title-lg card-title">Emily Johnson</h3>
+                </div>
+              </div>
+            </li>
+          </ul>
+
+          <a href="./pages/testimonials.html" class="btn btn-primary" data-aos="zoom-in">See All Testimonials</a>
+        </div>
+
+      </section>
+
+
     </article>
   </main>