Tool Request: call_WAoKXUUFEt7stbNUzQp0o5xr - create_file
{"content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Modern Plumbing Services</title>\n <style>\n /* Reset some basic styling */\n * { \n margin: 0; \n padding: 0; \n box-sizing: border-box;\n }\n body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n background-color: #f4f4f4;\n color: #333;\n }\n header {\n background: #005f73;\n color: #fff;\n padding: 20px 0;\n text-align: center;\n }\n header h1 {\n margin-bottom: 10px;\n }\n nav {\n margin-top: 10px;\n }\n nav a {\n color: #fff;\n margin: 0 15px;\n text-decoration: none;\n font-size: 1.1em;\n transition: color 0.3s;\n }\n nav a:hover {\n color: #94d2bd;\n }\n .container {\n max-width: 1100px;\n margin: auto;\n overflow: hidden;\n padding: 20px;\n }\n .hero {\n background: url('https://via.placeholder.com/1500x500') no-repeat center/cover;\n height: 500px;\n position: relative;\n color: #fff;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .hero h2 {\n font-size: 3em;\n background: rgba(0, 0, 0, 0.5);\n padding: 20px;\n }\n .services {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n margin-top: 20px;\n }\n .service {\n background: #fff;\n padding: 20px;\n margin: 10px;\n flex: 1 1 300px;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n transition: transform 0.3s;\n }\n .service:hover {\n transform: translateY(-5px);\n }\n .service h3 {\n margin-bottom: 10px;\n color: #005f73;\n }\n .cta {\n background: #94d2bd;\n color: #fff;\n text-align: center;\n padding: 40px 20px;\n margin-top: 20px;\n }\n .cta a {\n background: #005f73;\n color: #fff;\n padding: 10px 20px;\n text-decoration: none;\n border-radius: 3px;\n transition: background 0.3s;\n }\n .cta a:hover {\n background: #003d4e;\n }\n footer {\n background: #003d4e;\n color: #fff;\n text-align: center;\n padding: 10px 0;\n margin-top: 20px;\n }\n @media(max-width: 768px) {\n .hero h2 { font-size: 2em; }\n }\n </style>\n</head>\n<body>\n <header>\n <div class=\"container\">\n <h1>Modern Plumbing Services</h1>\n <nav>\n <a href=\"#\">Home</a>\n <a href=\"#services\">Services</a>\n <a href=\"#about\">About Us</a>\n <a href=\"#contact\">Contact</a>\n </nav>\n </div>\n </header>\n\n <section class=\"hero\">\n <h2>Your Trusted Plumbing Experts</h2>\n </section>\n\n <div class=\"container\">\n <section id=\"services\" class=\"services\">\n <div class=\"service\">\n <h3>Residential Plumbing</h3>\n <p>From leaky faucets to full home installations, our experts provide efficient and reliable plumbing solutions for your house.</p>\n </div>\n <div class=\"service\">\n <h3>Commercial Plumbing</h3>\n <p>We offer comprehensive plumbing services to businesses looking for quality and dependable service to keep operations running smoothly.</p>\n </div>\n <div class=\"service\">\n <h3>Emergency Services</h3>\n <p>Plumbing emergencies can happen anytime. We are available 24/7 to assist you with urgent plumbing situations.</p>\n </div>\n </section>\n\n <section id=\"about\" style=\"margin-top: 40px;\">\n <h2>About Us</h2>\n <p>At Modern Plumbing Services, we combine modern technology with years of expertise to offer you premium service. Our team of certified professionals is committed to quality workmanship and customer satisfaction. We believe in sustainable practices and use eco-friendly solutions wherever possible.</p>\n </section>\n\n <section id=\"contact\" class=\"cta\">\n <h2>Need Help with Plumbing?</h2>\n <p>Contact us today for a free consultation and reliable service.</p>\n <a href=\"tel:+1234567890\">Call Now</a>\n </section>\n </div>\n\n <footer>\n <p>© 2023 Modern Plumbing Services. All Rights Reserved.</p>\n </footer>\n</body>\n</html>\n","file_name": "index.html"}