{"id":43,"date":"2025-10-22T23:25:06","date_gmt":"2025-10-22T23:25:06","guid":{"rendered":"https:\/\/www.ezhomeservicesllc.blog\/?page_id=43"},"modified":"2025-10-29T16:15:52","modified_gmt":"2025-10-29T16:15:52","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.ezhomeservicesllc.blog\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<!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>EZ Home Services &#8211; Contact<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background-color: #ffffff;\n        }\n\n        .contact-section {\n            padding: 80px 20px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .section-header h2 {\n            font-size: 3rem;\n            font-weight: 700;\n            color: #1a1a1a;\n            margin-bottom: 15px;\n        }\n\n        .section-header p {\n            font-size: 1.15rem;\n            color: #666;\n        }\n\n        .contact-container {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: start;\n        }\n\n        .contact-info h3 {\n            font-size: 1.75rem;\n            font-weight: 600;\n            color: #dfaf2c;\n            margin-bottom: 20px;\n            line-height: 1.3;\n        }\n\n        .contact-info > p {\n            font-size: 1.05rem;\n            color: #666;\n            line-height: 1.7;\n            margin-bottom: 35px;\n        }\n\n        .contact-details {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .contact-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-size: 1rem;\n            color: #666;\n        }\n\n        .contact-item svg {\n            width: 20px;\n            height: 20px;\n            fill: #999;\n            flex-shrink: 0;\n        }\n\n        .contact-item a {\n            color: #666;\n            text-decoration: none;\n            transition: color 0.3s ease;\n        }\n\n        .contact-item a:hover {\n            color: #dfaf2c;\n        }\n\n        .contact-form {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .form-group {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .form-group label {\n            font-size: 0.95rem;\n            color: #333;\n            margin-bottom: 8px;\n            font-weight: 500;\n        }\n\n        .form-group input,\n        .form-group textarea {\n            padding: 14px 16px;\n            font-size: 1rem;\n            border: 1px solid #ddd;\n            border-radius: 4px;\n            font-family: inherit;\n            transition: border-color 0.3s ease;\n        }\n\n        .form-group input:focus,\n        .form-group textarea:focus {\n            outline: none;\n            border-color: #dfaf2c;\n        }\n\n        .form-group textarea {\n            min-height: 140px;\n            resize: vertical;\n        }\n\n        .validation-message {\n            font-size: 0.875rem;\n            color: #dc3545;\n            margin-top: 5px;\n            display: none;\n        }\n\n        .validation-message.show {\n            display: block;\n        }\n\n        .submit-button {\n            padding: 16px 40px;\n            background-color: #dfaf2c;\n            color: #ffffff;\n            font-size: 1.05rem;\n            font-weight: 600;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n            transition: background-color 0.3s ease, transform 0.2s ease;\n            box-shadow: 0 4px 12px rgba(223, 175, 44, 0.3);\n        }\n\n        .submit-button:hover {\n            background-color: #c99b25;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(223, 175, 44, 0.4);\n        }\n\n        .submit-button:active {\n            transform: translateY(0);\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 1024px) {\n            .contact-container {\n                gap: 60px;\n            }\n\n            .section-header h2 {\n                font-size: 2.5rem;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .contact-section {\n                padding: 60px 15px;\n            }\n\n            .section-header {\n                margin-bottom: 40px;\n            }\n\n            .section-header h2 {\n                font-size: 2rem;\n            }\n\n            .section-header p {\n                font-size: 1rem;\n            }\n\n            .contact-container {\n                grid-template-columns: 1fr;\n                gap: 50px;\n            }\n\n            .contact-info h3 {\n                font-size: 1.5rem;\n            }\n\n            .contact-info > p {\n                font-size: 1rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <section class=\"contact-section\">\n        <div class=\"section-header\">\n            <h2>Contact<\/h2>\n            <p>We are a here to help.<\/p>\n        <\/div>\n\n        <div class=\"contact-container\">\n            <!-- Contact Information -->\n            <div class=\"contact-info\">\n                <h3>Contact EZ Home Services LLC \u2014 Your Local Roofing &#038; Storm Damage Experts.<\/h3>\n                <p>We&#8217;re here to help homeowners across Frederick and the DMV with reliable roofing, storm restoration, and exterior repairs. Reach out today for fast assistance and a free roof inspection.<\/p>\n                \n                <div class=\"contact-details\">\n                    <div class=\"contact-item\">\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n                        <\/svg>\n                        <span>Frederick, MD 21701<\/span>\n                    <\/div>\n                    <div class=\"contact-item\">\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n                        <\/svg>\n                        <a href=\"mailto:info@ezhomeservicesllc.com\">info@ezhomeservicesllc.com<\/a>\n                    <\/div>\n                    <div class=\"contact-item\">\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\n                        <\/svg>\n                        <a href=\"tel:+12408778709\">+1 (240) 877 8709<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Contact Form -->\n            <form class=\"contact-form\" id=\"contactForm\">\n                <div class=\"form-group\">\n                    <label for=\"fullName\">Full Name<\/label>\n                    <input type=\"text\" id=\"fullName\" name=\"fullName\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"email\">Email Address<\/label>\n                    <input type=\"email\" id=\"email\" name=\"email\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"message\">Your Message<\/label>\n                    <textarea id=\"message\" name=\"message\" required><\/textarea>\n                    <span class=\"validation-message\" id=\"messageValidation\">Please enter your message.<\/span>\n                <\/div>\n\n                <button type=\"submit\" class=\"submit-button\">Send Message<\/button>\n            <\/form>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Simple form validation\n        document.getElementById('contactForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            const message = document.getElementById('message').value;\n            const messageValidation = document.getElementById('messageValidation');\n            \n            if (message.trim() === '') {\n                messageValidation.classList.add('show');\n            } else {\n                messageValidation.classList.remove('show');\n                \/\/ Form is valid - you can add your form submission logic here\n                alert('Thank you for your message! We will get back to you soon.');\n                this.reset();\n            }\n        });\n\n        \/\/ Hide validation message when user starts typing\n        document.getElementById('message').addEventListener('input', function() {\n            document.getElementById('messageValidation').classList.remove('show');\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>EZ Home Services &#8211; Contact Contact We are a here to help. Contact EZ Home Services LLC \u2014 Your Local Roofing &#038; Storm Damage Experts. We&#8217;re here to help homeowners across Frederick and the DMV with reliable roofing, storm restoration, and exterior repairs. Reach out today for fast assistance and a free roof inspection. Frederick, &#8230; <a title=\"Contact\" class=\"read-more\" href=\"https:\/\/www.ezhomeservicesllc.blog\/index.php\/contact\/\" aria-label=\"Read more about Contact\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.ezhomeservicesllc.blog\/index.php\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ezhomeservicesllc.blog\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ezhomeservicesllc.blog\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ezhomeservicesllc.blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ezhomeservicesllc.blog\/index.php\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":2,"href":"https:\/\/www.ezhomeservicesllc.blog\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":269,"href":"https:\/\/www.ezhomeservicesllc.blog\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions\/269"}],"wp:attachment":[{"href":"https:\/\/www.ezhomeservicesllc.blog\/index.php\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}