Contact Us<\/title>\n <style>\n body {\n margin: 0;\n font-family: Arial, sans-serif;\n background-color: #f9f9f9;\n color: #333;\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 40px 20px 100px 10px;\nmargin-top: -150px; \/* Reset top margin *\/\n padding-top: -80px; \/* Add spacing at the top *\/\nmargin-left:-280px;\n }\n\n .contact-section {\n display: flex;\n flex-wrap: wrap;\n gap: 40px;\n background: #fff;\n padding: 40px;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n }\n\n .contact-info {\n flex: 1;\n min-width: 300px;\n }\n\n .contact-info h2 {\n font-size: 28px;\n margin-bottom: 15px;\n color: #222;\n }\n\n .contact-info p {\n margin-bottom: 20px;\n line-height: 1.6;\n }\n\n .info-item {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n font-size: 15px;\n }\n\n .info-item span {\n display: inline-block;\n width: 40px;\n height: 40px;\n margin-right: 15px;\n border-radius: 8px;\n background: #eee;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n }\n\n .map {\n margin-top: 20px;\n border-radius: 10px;\n overflow: hidden;\n height: 250px;\n }\n\n .contact-form {\n flex: 1;\n min-width: 300px;\n background: #fafafa;\n padding: 30px;\n border-radius: 12px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n margin-top: -20px; \/* Form upar karne ke liye *\/\n }\n\n .contact-form label {\n display: block;\n font-size: 14px;\n font-weight: bold;\n margin-bottom: 6px;\n color: #444;\n }\n\n .contact-form input,\n .contact-form textarea {\n width: 100%;\n padding: 12px;\n margin-bottom: 15px;\n border: 1px solid #ddd;\n border-radius: 8px;\n font-size: 14px;\n transition: border 0.3s;\n }\n\n .contact-form input:focus,\n .contact-form textarea:focus {\n border-color: #7c3aed;\n outline: none;\n }\n\n .contact-form button {\n width: 100%;\n padding: 14px;\n background: #7c3aed;\n color: #fff;\n font-size: 16px;\n font-weight: bold;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: background 0.3s;\n }\n\n .contact-form button:hover {\n background: #6d28d9;\n }\n\n @media (max-width: 768px) {\n .contact-section {\n flex-direction: column;\n }\n .map {\n height: 200px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"container\">\n <div class=\"contact-section\">\n\n \n <div class=\"contact-info\">\n <h2>Get in Touch<\/h2>\n <p>Have questions, suggestions, or just want to say hello? We\u2019d love to hear from you. \n Fill out the form or reach us using the details below.<\/p>\n\n <div class=\"info-item\">\n <span>\ud83d\udccd<\/span> Amsterdam, Netherlands\n <\/div>\n <div class=\"info-item\">\n <span>\ud83d\udcde<\/span> +92 300 1234567\n <\/div>\n <div class=\"info-item\">\n <span>\u2709\ufe0f<\/span> admin@devopsify.org\n <\/div>\n\n <div class=\"map\">\n <iframe \n src=\"https:\/\/www.google.com\/maps?q=Amsterdam,+Netherlands&output=embed\" \n width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <div class=\"contact-form\">\n <form>\n <label for=\"name\">Name<\/label>\n <input type=\"text\" id=\"name\" placeholder=\"Your Name\">\n\n <label for=\"email\">Email<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"you@example.com\">\n\n <label for=\"message\">Message<\/label>\n <textarea id=\"message\" rows=\"5\" placeholder=\"Write your message...\"><\/textarea>\n\n<div class=\"form-button\">\n <button type=\"submit\">Send Message<\/button>\n \n <\/form>\n <\/div>\n\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contact Us Get in Touch Have questions, suggestions, or just want to say hello? We\u2019d love to hear from you. Fill out the form or reach us using the details below. \ud83d\udccd Amsterdam, Netherlands \ud83d\udcde +92 300 1234567 \u2709\ufe0f admin@devopsify.org Name Email Message Send Message<\/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-445","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devopsify.org\/index.php?rest_route=\/wp\/v2\/pages\/445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devopsify.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devopsify.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devopsify.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devopsify.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=445"}],"version-history":[{"count":369,"href":"https:\/\/devopsify.org\/index.php?rest_route=\/wp\/v2\/pages\/445\/revisions"}],"predecessor-version":[{"id":2514,"href":"https:\/\/devopsify.org\/index.php?rest_route=\/wp\/v2\/pages\/445\/revisions\/2514"}],"wp:attachment":[{"href":"https:\/\/devopsify.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":445,"date":"2025-01-14T14:41:49","date_gmt":"2025-01-14T14:41:49","guid":{"rendered":"https:\/\/devopsify.org\/?page_id=445"},"modified":"2025-10-18T14:48:15","modified_gmt":"2025-10-18T14:48:15","slug":"445-2","status":"publish","type":"page","link":"https:\/\/devopsify.org\/?page_id=445","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Contact Us<\/title>\n <style>\n body {\n margin: 0;\n font-family: Arial, sans-serif;\n background-color: #f9f9f9;\n color: #333;\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 40px 20px 100px 10px;\nmargin-top: -150px; \/* Reset top margin *\/\n padding-top: -80px; \/* Add spacing at the top *\/\nmargin-left:-280px;\n }\n\n .contact-section {\n display: flex;\n flex-wrap: wrap;\n gap: 40px;\n background: #fff;\n padding: 40px;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n }\n\n .contact-info {\n flex: 1;\n min-width: 300px;\n }\n\n .contact-info h2 {\n font-size: 28px;\n margin-bottom: 15px;\n color: #222;\n }\n\n .contact-info p {\n margin-bottom: 20px;\n line-height: 1.6;\n }\n\n .info-item {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n font-size: 15px;\n }\n\n .info-item span {\n display: inline-block;\n width: 40px;\n height: 40px;\n margin-right: 15px;\n border-radius: 8px;\n background: #eee;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n }\n\n .map {\n margin-top: 20px;\n border-radius: 10px;\n overflow: hidden;\n height: 250px;\n }\n\n .contact-form {\n flex: 1;\n min-width: 300px;\n background: #fafafa;\n padding: 30px;\n border-radius: 12px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n margin-top: -20px; \/* Form upar karne ke liye *\/\n }\n\n .contact-form label {\n display: block;\n font-size: 14px;\n font-weight: bold;\n margin-bottom: 6px;\n color: #444;\n }\n\n .contact-form input,\n .contact-form textarea {\n width: 100%;\n padding: 12px;\n margin-bottom: 15px;\n border: 1px solid #ddd;\n border-radius: 8px;\n font-size: 14px;\n transition: border 0.3s;\n }\n\n .contact-form input:focus,\n .contact-form textarea:focus {\n border-color: #7c3aed;\n outline: none;\n }\n\n .contact-form button {\n width: 100%;\n padding: 14px;\n background: #7c3aed;\n color: #fff;\n font-size: 16px;\n font-weight: bold;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: background 0.3s;\n }\n\n .contact-form button:hover {\n background: #6d28d9;\n }\n\n @media (max-width: 768px) {\n .contact-section {\n flex-direction: column;\n }\n .map {\n height: 200px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"container\">\n <div class=\"contact-section\">\n\n \n <div class=\"contact-info\">\n <h2>Get in Touch<\/h2>\n <p>Have questions, suggestions, or just want to say hello? We\u2019d love to hear from you. \n Fill out the form or reach us using the details below.<\/p>\n\n <div class=\"info-item\">\n <span>\ud83d\udccd<\/span> Amsterdam, Netherlands\n <\/div>\n <div class=\"info-item\">\n <span>\ud83d\udcde<\/span> +92 300 1234567\n <\/div>\n <div class=\"info-item\">\n <span>\u2709\ufe0f<\/span> admin@devopsify.org\n <\/div>\n\n <div class=\"map\">\n <iframe \n src=\"https:\/\/www.google.com\/maps?q=Amsterdam,+Netherlands&output=embed\" \n width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\">\n <\/iframe>\n <\/div>\n <\/div>\n\n \n <div class=\"contact-form\">\n <form>\n <label for=\"name\">Name<\/label>\n <input type=\"text\" id=\"name\" placeholder=\"Your Name\">\n\n <label for=\"email\">Email<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"you@example.com\">\n\n <label for=\"message\">Message<\/label>\n <textarea id=\"message\" rows=\"5\" placeholder=\"Write your message...\"><\/textarea>\n\n<div class=\"form-button\">\n <button type=\"submit\">Send Message<\/button>\n \n <\/form>\n <\/div>\n\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contact Us Get in Touch Have questions, suggestions, or just want to say hello? We\u2019d love to hear from you. Fill out the form or reach us using the details below. \ud83d\udccd Amsterdam, Netherlands \ud83d\udcde +92 300 1234567 \u2709\ufe0f admin@devopsify.org Name Email Message Send Message<\/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-445","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devopsify.org\/index.php?rest_route=\/wp\/v2\/pages\/445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devopsify.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devopsify.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devopsify.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devopsify.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=445"}],"version-history":[{"count":369,"href":"https:\/\/devopsify.org\/index.php?rest_route=\/wp\/v2\/pages\/445\/revisions"}],"predecessor-version":[{"id":2514,"href":"https:\/\/devopsify.org\/index.php?rest_route=\/wp\/v2\/pages\/445\/revisions\/2514"}],"wp:attachment":[{"href":"https:\/\/devopsify.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}