Welcome to Our Amazing Site!

A brief description of what your website offers.

Explore Features

What Our Clients Say

Client 1

"An amazing testimonial from client one."

- Client One
Client 2

"Another great testimonial from client two."

- Client Two
``` ### CSS (`styles.css`) ```css /* General Styles */ * { box-sizing: border-box; margin: 0; padding: 0; } body, html { font-family: 'Arial', sans-serif; color: #333; background-color: #f4f4f4; } .container { max-width: 1200px; margin: auto; overflow: hidden; padding: 0 2rem; } .btn { display: inline-block; padding: .5em 1.5em; background-color: #ff6b81; color: white; border-radius: 3px; text-decoration: none; font-weight: bold; } /* Hero Section */ .hero-section { background-image: url('assets/hero.jpg'); background-size: cover; background-position: center; padding-top: 5rem; padding-bottom: 5rem; color: white; } .hero-section .container { text-align: center; } .hero-section h1 { font-size: 3.5rem; margin-bottom: 20px; } .hero-section p { max-width: 600px; margin: auto; line-height: 1.7; } /* Featured Section */ .featured-section { padding-top: 4em; background-color: white; } .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin: auto; max-width: 960px; } .card img { width: 100%; height: auto; } .card h3 { font-size: 1.4em; margin-top: .5em; margin-bottom: .875em; } /* Testimonial Section */ .testimonial-section { padding-top: 2rem; background-color: #f9f9f9; } .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2em; margin: auto; max-width: 850px; } .testimonial-card img { width: 75px; height: 75px; border-radius: 50%; object-fit: cover; display: block; margin-bottom: .625em; } /* Footer Section */ .footer-section { padding-top: 2rem; background-color: #333; color: white; text-align: center; } .social-list li { display: inline-block; margin-right: 10px; } .fab { font-size: 1.5em; }