Midterm Lab Exam — Elective G4 (Web Technologies)

October 31, 2025 Class Quiz Web Technologies Course

You are required to add a Testimonials Section to your existing E-Commerce Term Project. This section should display customer feedback in an attractive and responsive layout.

Instructions:

  1. Add a new section titled “Customer Testimonials” on your main layout or homepage.
  2. Each testimonial should include:
    • Customer Name
    • Profile Image (optional)
    • Star Rating (1–5)
    • Review Text (short paragraph)
  3. Initially, show only one or two testimonials. When the user clicks “View More” or hovers over the section, display all testimonials using a smooth CSS or JavaScript transition.
  4. The section should be consistent with your website’s theme, including fonts, colors, and layout.
  5. Ensure the design is responsive for mobile, tablet, and desktop views.

Bonus (Optional):
Add a carousel/slider effect to rotate through the testimonials automatically.