Services

Welcome to our comprehensive services page.

Our Services

We offer a diverse range of services to meet your needs.

Contact Us

Let us know how we can help.

``` ```css /* style.css */ body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; background-color: #f4f4f4; } header { background-color: #333; color: #eee; padding: 20px; text-align: center; } main { padding: 20px; } .services-list { list-style: none; padding: 0; margin: 0; width: 50%; text-align: center; } .service-item { margin: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; color: #333; } .service-item h3 { margin-bottom: 10px; } .service-item p { margin-bottom: 5px; } .service-item a { text-decoration: none; color: #ddd; border-bottom: 1px solid #ccc; padding: 5px 10px; background-color: #eee; display: block; } .service-item a:hover { background-color: #f1f1f1; } .contact-form { margin-top: 20px; padding: 20px; background-color: #f4f4f4; color: #eee; border: 1px solid #ccc; } .contact-form input[type="text"] { padding: 8px; border: 1px solid #ccc; border-radius: 4px; margin-right: 10px; } .contact-form input[type="email"] { padding: 8px; border: 1px solid #ccc; border-radius: 4px; margin-right: 10px; } .contact-form input[type="message"] { padding: 8px; border: 1px solid #ccc; border-radius: 4px; margin-right: 10px; } .contact-form button { background-color: #4CAF50; color: #fff; padding: 10px 20px; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; } .contact-form button:hover { background-color: #333; } /* Media Query for responsive design */ @media (max-width: 600px) { main { padding: 10px; } .services-list { list-style: none; padding: 0; margin: 0; width: 80%; } .service-item { margin: 5px; padding: 8px; border: 1px solid #ccc; border-radius: 5px; width: 100%; } .contact-form { margin-top: 20px; padding: 20px; background-color: #f4f4f4; color: #eee; border: 1px solid #ccc; } }