cloudflare
tcp/443 tcp/80 tcp/8443
Open service 172.67.160.209:80 · contact-form-email.razx.workers.dev
2024-08-14 03:59
HTTP/1.1 200 OK Date: Wed, 14 Aug 2024 03:59:39 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=XIdV8Da4lpot9fac3nqoGQvbqmwGDTrvCn%2F%2Be1O44uldmKoJim61Zz3Y1zP7gPDf04uYLufnBRvbzEzZOUNbBWSbwPONzA3zgURY2Al17T1GrPatyOu1wFoSoZ2mL6EN7%2Fs1KuKFw7e4mJzJnLlZL8l%2Bd8J4Ng%3D%3D"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b2e088eaef45e3e-SIN alt-svc: h3=":443"; ma=86400 Page title: Contact Form <!DOCTYPE html> <html> <head> <title>Contact Form</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; color: var(--text-color); background-color: var(--color-background); } .popover { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, -8px); display: none; padding: 8px; background-color: var(--popover-color-background); border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; } .container { max-width: 800px; width: 100%; padding: 20px; box-sizing: border-box; } form { width: 100%; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } label { display: block; margin-bottom: 10px; font-weight: bold; color: var(--text-color); } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; color: var(--color-input); background-color: var(--color-background-input); } button { padding: 10px 20px; color: var(--button-text-color); background-color: var(--button-bg-color); border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: var(--button-hover-bg-color); } :root { --color-background: #DDDDDD; --popover-color-background: #FFFFFF; --color-input: #550000; --color-background-input: #BBBBBB; --text-color: #550000; --button-text-color: #000000; --button-bg-color: #999999; --button-hover-bg-color: #555555; }; </style> </head> <body> <div class="container"> <form id="contact-form"> <label for="email">Email:</label> <input type="email" id="email" placeholder="your@email.address"> <label for="subject">Subject:</label> <input type="text" id="subject" placeholder="Subject"> <label for="message">Message:</label> <textarea id="message" rows="5" placeholder="Message"></textarea> <div id="result-popover" class="popover">Result will be here</div> <button type="submit">Send</button> </form> <script> document.getElementById('contact-form').addEventListener('submit', async function(e) { e.preventDefault(); const email = document.getElementById('email').value; const subject = document.getElementById('subject').value; const message = document.getElementById('message').value; const formData = {email, subject, message}; const response = await fetch(window.location.href, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(formData), }); const result = await response.json(); // if (result.ok) { // Disable all form elements const form = document.getElementById('contact-form'); const formElements = form.querySelectorAll('input, textarea, button'); formElements.forEach(element => element.disabled = true); } // Update popover content and show it const popover = document.getElementById('result-popover'); popover.innerText = result.message || "No Message"; popover.style.display = 'block'; console.log(result); }); // Hide popover when clicking anywhere else document.addEventListener('click', function(e) { if (e.target.closest('#contact-form') === null) { const popover = document.getElementById('result-popover'); popover.style.display = 'none'; } }); </script> </div> </body> </html>
Open service 2606:4700:3035::ac43:a0d1:443 · contact-form-email.razx.workers.dev
2024-08-14 03:59
HTTP/1.1 200 OK Date: Wed, 14 Aug 2024 03:59:39 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=kLaKm1Mx4VWwr2o7CmztySVmNumkbyA8baXHS9aqP1ZI6P9zgKjXzj6dYxHAjxNjFo5UxJMmPNNF8PIs5vw73qCk%2BEs44eDHEAK6EsDQ2H52WbfE8CV7gr5yS5E%2B6OJQVQhTOdIFbt7zwHOeUTlOuHFesqBaIDqZx75Z%2B51Oi7zy6A%3D%3D"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b2e088e18404391-EWR alt-svc: h3=":443"; ma=86400 Page title: Contact Form <!DOCTYPE html> <html> <head> <title>Contact Form</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; color: var(--text-color); background-color: var(--color-background); } .popover { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, -8px); display: none; padding: 8px; background-color: var(--popover-color-background); border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; } .container { max-width: 800px; width: 100%; padding: 20px; box-sizing: border-box; } form { width: 100%; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } label { display: block; margin-bottom: 10px; font-weight: bold; color: var(--text-color); } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; color: var(--color-input); background-color: var(--color-background-input); } button { padding: 10px 20px; color: var(--button-text-color); background-color: var(--button-bg-color); border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: var(--button-hover-bg-color); } :root { --color-background: #DDDDDD; --popover-color-background: #FFFFFF; --color-input: #550000; --color-background-input: #BBBBBB; --text-color: #550000; --button-text-color: #000000; --button-bg-color: #999999; --button-hover-bg-color: #555555; }; </style> </head> <body> <div class="container"> <form id="contact-form"> <label for="email">Email:</label> <input type="email" id="email" placeholder="your@email.address"> <label for="subject">Subject:</label> <input type="text" id="subject" placeholder="Subject"> <label for="message">Message:</label> <textarea id="message" rows="5" placeholder="Message"></textarea> <div id="result-popover" class="popover">Result will be here</div> <button type="submit">Send</button> </form> <script> document.getElementById('contact-form').addEventListener('submit', async function(e) { e.preventDefault(); const email = document.getElementById('email').value; const subject = document.getElementById('subject').value; const message = document.getElementById('message').value; const formData = {email, subject, message}; const response = await fetch(window.location.href, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(formData), }); const result = await response.json(); // if (result.ok) { // Disable all form elements const form = document.getElementById('contact-form'); const formElements = form.querySelectorAll('input, textarea, button'); formElements.forEach(element => element.disabled = true); } // Update popover content and show it const popover = document.getElementById('result-popover'); popover.innerText = result.message || "No Message"; popover.style.display = 'block'; console.log(result); }); // Hide popover when clicking anywhere else document.addEventListener('click', function(e) { if (e.target.closest('#contact-form') === null) { const popover = document.getElementById('result-popover'); popover.style.display = 'none'; } }); </script> </div> </body> </html>
Open service 104.21.14.247:8443 · contact-form-email.razx.workers.dev
2024-08-14 03:59
HTTP/1.1 200 OK Date: Wed, 14 Aug 2024 03:59:38 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=bjheFscADQGQfR3RDdQSDnUaWYloj4ZXpQlYA1hVZfoNxKPhhb%2FewQhovqjbmTOZMCCjm0LFrZFZYvdzHhqO2an6jJyn06NRpB1CQTJkX0QGYgJuC7leoq5ku0lQHJqDl8842tRlBVMaxJ5JuAA9jF%2BmsX%2FGRw%3D%3D"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b2e088a3f983f8f-SIN alt-svc: h3=":8443"; ma=86400 Page title: Contact Form <!DOCTYPE html> <html> <head> <title>Contact Form</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; color: var(--text-color); background-color: var(--color-background); } .popover { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, -8px); display: none; padding: 8px; background-color: var(--popover-color-background); border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; } .container { max-width: 800px; width: 100%; padding: 20px; box-sizing: border-box; } form { width: 100%; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } label { display: block; margin-bottom: 10px; font-weight: bold; color: var(--text-color); } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; color: var(--color-input); background-color: var(--color-background-input); } button { padding: 10px 20px; color: var(--button-text-color); background-color: var(--button-bg-color); border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: var(--button-hover-bg-color); } :root { --color-background: #DDDDDD; --popover-color-background: #FFFFFF; --color-input: #550000; --color-background-input: #BBBBBB; --text-color: #550000; --button-text-color: #000000; --button-bg-color: #999999; --button-hover-bg-color: #555555; }; </style> </head> <body> <div class="container"> <form id="contact-form"> <label for="email">Email:</label> <input type="email" id="email" placeholder="your@email.address"> <label for="subject">Subject:</label> <input type="text" id="subject" placeholder="Subject"> <label for="message">Message:</label> <textarea id="message" rows="5" placeholder="Message"></textarea> <div id="result-popover" class="popover">Result will be here</div> <button type="submit">Send</button> </form> <script> document.getElementById('contact-form').addEventListener('submit', async function(e) { e.preventDefault(); const email = document.getElementById('email').value; const subject = document.getElementById('subject').value; const message = document.getElementById('message').value; const formData = {email, subject, message}; const response = await fetch(window.location.href, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(formData), }); const result = await response.json(); // if (result.ok) { // Disable all form elements const form = document.getElementById('contact-form'); const formElements = form.querySelectorAll('input, textarea, button'); formElements.forEach(element => element.disabled = true); } // Update popover content and show it const popover = document.getElementById('result-popover'); popover.innerText = result.message || "No Message"; popover.style.display = 'block'; console.log(result); }); // Hide popover when clicking anywhere else document.addEventListener('click', function(e) { if (e.target.closest('#contact-form') === null) { const popover = document.getElementById('result-popover'); popover.style.display = 'none'; } }); </script> </div> </body> </html>
Open service 2606:4700:3035::ac43:a0d1:80 · contact-form-email.razx.workers.dev
2024-08-14 03:59
HTTP/1.1 200 OK Date: Wed, 14 Aug 2024 03:59:38 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=gYXGu%2BV%2FEKoe%2BJZjBB%2Bxm7L2nkAwVEpYYrx%2FE4%2FX9IaZE5lIS32U4m6evzUsauUYsWpCeheRIsSdFrqd2cyGx7EDFo4bQgQqV9%2FFg5PPdCf1IKZ07trdpKsPfOilPJslKIXenIbeHWvNPZxGvL%2BpXQ3cBcffhzrve7bJ3Nu9s2mzWg%3D%3D"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b2e088829485c30-SIN alt-svc: h3=":443"; ma=86400 Page title: Contact Form <!DOCTYPE html> <html> <head> <title>Contact Form</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; color: var(--text-color); background-color: var(--color-background); } .popover { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, -8px); display: none; padding: 8px; background-color: var(--popover-color-background); border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; } .container { max-width: 800px; width: 100%; padding: 20px; box-sizing: border-box; } form { width: 100%; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } label { display: block; margin-bottom: 10px; font-weight: bold; color: var(--text-color); } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; color: var(--color-input); background-color: var(--color-background-input); } button { padding: 10px 20px; color: var(--button-text-color); background-color: var(--button-bg-color); border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: var(--button-hover-bg-color); } :root { --color-background: #DDDDDD; --popover-color-background: #FFFFFF; --color-input: #550000; --color-background-input: #BBBBBB; --text-color: #550000; --button-text-color: #000000; --button-bg-color: #999999; --button-hover-bg-color: #555555; }; </style> </head> <body> <div class="container"> <form id="contact-form"> <label for="email">Email:</label> <input type="email" id="email" placeholder="your@email.address"> <label for="subject">Subject:</label> <input type="text" id="subject" placeholder="Subject"> <label for="message">Message:</label> <textarea id="message" rows="5" placeholder="Message"></textarea> <div id="result-popover" class="popover">Result will be here</div> <button type="submit">Send</button> </form> <script> document.getElementById('contact-form').addEventListener('submit', async function(e) { e.preventDefault(); const email = document.getElementById('email').value; const subject = document.getElementById('subject').value; const message = document.getElementById('message').value; const formData = {email, subject, message}; const response = await fetch(window.location.href, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(formData), }); const result = await response.json(); // if (result.ok) { // Disable all form elements const form = document.getElementById('contact-form'); const formElements = form.querySelectorAll('input, textarea, button'); formElements.forEach(element => element.disabled = true); } // Update popover content and show it const popover = document.getElementById('result-popover'); popover.innerText = result.message || "No Message"; popover.style.display = 'block'; console.log(result); }); // Hide popover when clicking anywhere else document.addEventListener('click', function(e) { if (e.target.closest('#contact-form') === null) { const popover = document.getElementById('result-popover'); popover.style.display = 'none'; } }); </script> </div> </body> </html>
Open service 2606:4700:3035::ac43:a0d1:8443 · contact-form-email.razx.workers.dev
2024-08-14 03:59
HTTP/1.1 200 OK Date: Wed, 14 Aug 2024 03:59:38 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=ThmrXKKfl7amBS3JkEsFDxqozygPnFIwx1Pn%2BxVstZOn%2B%2F5Of%2BjEf3IElD2pP3bZGi28YC2WpomX3ZjYxwhMP4WgC1UfVic3swbiYzzom1MYEeff3fLoeRxss8%2BG5LVRhFKhqr03YLkYDQZTwRsrJEgzWFlLM1OWeX0TRhwJ%2F%2BdhdQ%3D%3D"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b2e08886b4a0f47-EWR alt-svc: h3=":8443"; ma=86400 Page title: Contact Form <!DOCTYPE html> <html> <head> <title>Contact Form</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; color: var(--text-color); background-color: var(--color-background); } .popover { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, -8px); display: none; padding: 8px; background-color: var(--popover-color-background); border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; } .container { max-width: 800px; width: 100%; padding: 20px; box-sizing: border-box; } form { width: 100%; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } label { display: block; margin-bottom: 10px; font-weight: bold; color: var(--text-color); } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; color: var(--color-input); background-color: var(--color-background-input); } button { padding: 10px 20px; color: var(--button-text-color); background-color: var(--button-bg-color); border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: var(--button-hover-bg-color); } :root { --color-background: #DDDDDD; --popover-color-background: #FFFFFF; --color-input: #550000; --color-background-input: #BBBBBB; --text-color: #550000; --button-text-color: #000000; --button-bg-color: #999999; --button-hover-bg-color: #555555; }; </style> </head> <body> <div class="container"> <form id="contact-form"> <label for="email">Email:</label> <input type="email" id="email" placeholder="your@email.address"> <label for="subject">Subject:</label> <input type="text" id="subject" placeholder="Subject"> <label for="message">Message:</label> <textarea id="message" rows="5" placeholder="Message"></textarea> <div id="result-popover" class="popover">Result will be here</div> <button type="submit">Send</button> </form> <script> document.getElementById('contact-form').addEventListener('submit', async function(e) { e.preventDefault(); const email = document.getElementById('email').value; const subject = document.getElementById('subject').value; const message = document.getElementById('message').value; const formData = {email, subject, message}; const response = await fetch(window.location.href, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(formData), }); const result = await response.json(); // if (result.ok) { // Disable all form elements const form = document.getElementById('contact-form'); const formElements = form.querySelectorAll('input, textarea, button'); formElements.forEach(element => element.disabled = true); } // Update popover content and show it const popover = document.getElementById('result-popover'); popover.innerText = result.message || "No Message"; popover.style.display = 'block'; console.log(result); }); // Hide popover when clicking anywhere else document.addEventListener('click', function(e) { if (e.target.closest('#contact-form') === null) { const popover = document.getElementById('result-popover'); popover.style.display = 'none'; } }); </script> </div> </body> </html>
Open service 2606:4700:3033::6815:ef7:443 · contact-form-email.razx.workers.dev
2024-08-14 03:59
HTTP/1.1 200 OK Date: Wed, 14 Aug 2024 03:59:38 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=ciRjdje6LyxF6sFztSxrgyH9RbhtJFvY3paPHeRZDXNtivGGFQ9lBG8NP8JXjEneHKU6IS%2BUA8zZBzP3VZFD3a035o%2Bfqx0fwkXcf9DIvm9i2cOoVngmRgb15QMPq%2FNT3M9hFCfxNpYF3NHG%2FgZd0Msd4OQiZuVi8R1gVMMHpv%2B3XQ%3D%3D"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b2e088818d17cfa-EWR alt-svc: h3=":443"; ma=86400 Page title: Contact Form <!DOCTYPE html> <html> <head> <title>Contact Form</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; color: var(--text-color); background-color: var(--color-background); } .popover { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, -8px); display: none; padding: 8px; background-color: var(--popover-color-background); border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; } .container { max-width: 800px; width: 100%; padding: 20px; box-sizing: border-box; } form { width: 100%; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } label { display: block; margin-bottom: 10px; font-weight: bold; color: var(--text-color); } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; color: var(--color-input); background-color: var(--color-background-input); } button { padding: 10px 20px; color: var(--button-text-color); background-color: var(--button-bg-color); border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: var(--button-hover-bg-color); } :root { --color-background: #DDDDDD; --popover-color-background: #FFFFFF; --color-input: #550000; --color-background-input: #BBBBBB; --text-color: #550000; --button-text-color: #000000; --button-bg-color: #999999; --button-hover-bg-color: #555555; }; </style> </head> <body> <div class="container"> <form id="contact-form"> <label for="email">Email:</label> <input type="email" id="email" placeholder="your@email.address"> <label for="subject">Subject:</label> <input type="text" id="subject" placeholder="Subject"> <label for="message">Message:</label> <textarea id="message" rows="5" placeholder="Message"></textarea> <div id="result-popover" class="popover">Result will be here</div> <button type="submit">Send</button> </form> <script> document.getElementById('contact-form').addEventListener('submit', async function(e) { e.preventDefault(); const email = document.getElementById('email').value; const subject = document.getElementById('subject').value; const message = document.getElementById('message').value; const formData = {email, subject, message}; const response = await fetch(window.location.href, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(formData), }); const result = await response.json(); // if (result.ok) { // Disable all form elements const form = document.getElementById('contact-form'); const formElements = form.querySelectorAll('input, textarea, button'); formElements.forEach(element => element.disabled = true); } // Update popover content and show it const popover = document.getElementById('result-popover'); popover.innerText = result.message || "No Message"; popover.style.display = 'block'; console.log(result); }); // Hide popover when clicking anywhere else document.addEventListener('click', function(e) { if (e.target.closest('#contact-form') === null) { const popover = document.getElementById('result-popover'); popover.style.display = 'none'; } }); </script> </div> </body> </html>
Open service 104.21.14.247:80 · contact-form-email.razx.workers.dev
2024-08-14 03:59
HTTP/1.1 200 OK Date: Wed, 14 Aug 2024 03:59:38 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=HLDNXRsf1UWHwk7%2B6dg85qkaZnkHyJ1MMQ%2Bpq96jepy%2FVTtJngslbACFPyZVdk8uzSrt43PV3%2BiXjjzPKIuwHtrL4OzFgP2O9JeIbl7pJBYnZyNze8azeSnZiTmDQTyRLhx1YKMWzbK5PdA54jqnJWUgHB6sDA%3D%3D"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b2e0887d8ba41de-EWR alt-svc: h3=":443"; ma=86400 Page title: Contact Form <!DOCTYPE html> <html> <head> <title>Contact Form</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; color: var(--text-color); background-color: var(--color-background); } .popover { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, -8px); display: none; padding: 8px; background-color: var(--popover-color-background); border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; } .container { max-width: 800px; width: 100%; padding: 20px; box-sizing: border-box; } form { width: 100%; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } label { display: block; margin-bottom: 10px; font-weight: bold; color: var(--text-color); } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; color: var(--color-input); background-color: var(--color-background-input); } button { padding: 10px 20px; color: var(--button-text-color); background-color: var(--button-bg-color); border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: var(--button-hover-bg-color); } :root { --color-background: #DDDDDD; --popover-color-background: #FFFFFF; --color-input: #550000; --color-background-input: #BBBBBB; --text-color: #550000; --button-text-color: #000000; --button-bg-color: #999999; --button-hover-bg-color: #555555; }; </style> </head> <body> <div class="container"> <form id="contact-form"> <label for="email">Email:</label> <input type="email" id="email" placeholder="your@email.address"> <label for="subject">Subject:</label> <input type="text" id="subject" placeholder="Subject"> <label for="message">Message:</label> <textarea id="message" rows="5" placeholder="Message"></textarea> <div id="result-popover" class="popover">Result will be here</div> <button type="submit">Send</button> </form> <script> document.getElementById('contact-form').addEventListener('submit', async function(e) { e.preventDefault(); const email = document.getElementById('email').value; const subject = document.getElementById('subject').value; const message = document.getElementById('message').value; const formData = {email, subject, message}; const response = await fetch(window.location.href, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(formData), }); const result = await response.json(); // if (result.ok) { // Disable all form elements const form = document.getElementById('contact-form'); const formElements = form.querySelectorAll('input, textarea, button'); formElements.forEach(element => element.disabled = true); } // Update popover content and show it const popover = document.getElementById('result-popover'); popover.innerText = result.message || "No Message"; popover.style.display = 'block'; console.log(result); }); // Hide popover when clicking anywhere else document.addEventListener('click', function(e) { if (e.target.closest('#contact-form') === null) { const popover = document.getElementById('result-popover'); popover.style.display = 'none'; } }); </script> </div> </body> </html>
Open service 172.67.160.209:8443 · contact-form-email.razx.workers.dev
2024-08-14 03:59
HTTP/1.1 200 OK Date: Wed, 14 Aug 2024 03:59:37 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=ZRZyiiBQE5rCkYf0ndW3c0VUOpgPVwDe%2FZdJ5H6t1KDq3SXFQJxG37WgHD%2BH50jWAOOB7wVtpZVZk8A01R3yXq8GpOada8fuUXUoa23dDIIQZplHC5ie25lnXSFB8c8SCL%2BEyhAf2C1sd0%2Fy6Swf6onBpDCuzQ%3D%3D"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b2e08864c8ea030-SIN alt-svc: h3=":8443"; ma=86400 Page title: Contact Form <!DOCTYPE html> <html> <head> <title>Contact Form</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; color: var(--text-color); background-color: var(--color-background); } .popover { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, -8px); display: none; padding: 8px; background-color: var(--popover-color-background); border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; } .container { max-width: 800px; width: 100%; padding: 20px; box-sizing: border-box; } form { width: 100%; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } label { display: block; margin-bottom: 10px; font-weight: bold; color: var(--text-color); } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; color: var(--color-input); background-color: var(--color-background-input); } button { padding: 10px 20px; color: var(--button-text-color); background-color: var(--button-bg-color); border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: var(--button-hover-bg-color); } :root { --color-background: #DDDDDD; --popover-color-background: #FFFFFF; --color-input: #550000; --color-background-input: #BBBBBB; --text-color: #550000; --button-text-color: #000000; --button-bg-color: #999999; --button-hover-bg-color: #555555; }; </style> </head> <body> <div class="container"> <form id="contact-form"> <label for="email">Email:</label> <input type="email" id="email" placeholder="your@email.address"> <label for="subject">Subject:</label> <input type="text" id="subject" placeholder="Subject"> <label for="message">Message:</label> <textarea id="message" rows="5" placeholder="Message"></textarea> <div id="result-popover" class="popover">Result will be here</div> <button type="submit">Send</button> </form> <script> document.getElementById('contact-form').addEventListener('submit', async function(e) { e.preventDefault(); const email = document.getElementById('email').value; const subject = document.getElementById('subject').value; const message = document.getElementById('message').value; const formData = {email, subject, message}; const response = await fetch(window.location.href, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(formData), }); const result = await response.json(); // if (result.ok) { // Disable all form elements const form = document.getElementById('contact-form'); const formElements = form.querySelectorAll('input, textarea, button'); formElements.forEach(element => element.disabled = true); } // Update popover content and show it const popover = document.getElementById('result-popover'); popover.innerText = result.message || "No Message"; popover.style.display = 'block'; console.log(result); }); // Hide popover when clicking anywhere else document.addEventListener('click', function(e) { if (e.target.closest('#contact-form') === null) { const popover = document.getElementById('result-popover'); popover.style.display = 'none'; } }); </script> </div> </body> </html>
Open service 2606:4700:3033::6815:ef7:80 · contact-form-email.razx.workers.dev
2024-08-14 03:59
HTTP/1.1 200 OK Date: Wed, 14 Aug 2024 03:59:37 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=0DIPb09N14rWl1G%2B2H9k9xWTKxcCxhQD4pHxW%2BKELcgpdz2PG6vVLU%2BkcFNIKwhxwbDdl8gN%2BJFoqPwNPzkYgYbyT7H7R%2FxsJY5rEb9THVz3uImH7bDea5M6H0luE%2BMUO0QC0pwQvpaJrSMSiCRX8EmWhVuUf9NEiTnC69OD3L7Wgg%3D%3D"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b2e088518674414-EWR alt-svc: h3=":443"; ma=86400 Page title: Contact Form <!DOCTYPE html> <html> <head> <title>Contact Form</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; color: var(--text-color); background-color: var(--color-background); } .popover { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, -8px); display: none; padding: 8px; background-color: var(--popover-color-background); border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; } .container { max-width: 800px; width: 100%; padding: 20px; box-sizing: border-box; } form { width: 100%; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } label { display: block; margin-bottom: 10px; font-weight: bold; color: var(--text-color); } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; color: var(--color-input); background-color: var(--color-background-input); } button { padding: 10px 20px; color: var(--button-text-color); background-color: var(--button-bg-color); border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: var(--button-hover-bg-color); } :root { --color-background: #DDDDDD; --popover-color-background: #FFFFFF; --color-input: #550000; --color-background-input: #BBBBBB; --text-color: #550000; --button-text-color: #000000; --button-bg-color: #999999; --button-hover-bg-color: #555555; }; </style> </head> <body> <div class="container"> <form id="contact-form"> <label for="email">Email:</label> <input type="email" id="email" placeholder="your@email.address"> <label for="subject">Subject:</label> <input type="text" id="subject" placeholder="Subject"> <label for="message">Message:</label> <textarea id="message" rows="5" placeholder="Message"></textarea> <div id="result-popover" class="popover">Result will be here</div> <button type="submit">Send</button> </form> <script> document.getElementById('contact-form').addEventListener('submit', async function(e) { e.preventDefault(); const email = document.getElementById('email').value; const subject = document.getElementById('subject').value; const message = document.getElementById('message').value; const formData = {email, subject, message}; const response = await fetch(window.location.href, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(formData), }); const result = await response.json(); // if (result.ok) { // Disable all form elements const form = document.getElementById('contact-form'); const formElements = form.querySelectorAll('input, textarea, button'); formElements.forEach(element => element.disabled = true); } // Update popover content and show it const popover = document.getElementById('result-popover'); popover.innerText = result.message || "No Message"; popover.style.display = 'block'; console.log(result); }); // Hide popover when clicking anywhere else document.addEventListener('click', function(e) { if (e.target.closest('#contact-form') === null) { const popover = document.getElementById('result-popover'); popover.style.display = 'none'; } }); </script> </div> </body> </html>
Open service 172.67.160.209:443 · contact-form-email.razx.workers.dev
2024-08-14 03:59
HTTP/1.1 200 OK Date: Wed, 14 Aug 2024 03:59:37 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=JJfpo1JjYsOldQU3u9NcXf6K%2B7C6%2BsJ3aq9iRs%2BFH8K2GxtinsX6WsE%2BW0RS0xJBnlwDI9iToMwhOC9X1XYVlIWXqeutX4DzrIKMOL8nvsB4DwpSMl24NyCHtIKZ06KRVB1z96fqKVM%2FIPTbZj1HAv8CvhM3Ew%3D%3D"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b2e08855986befb-LHR alt-svc: h3=":443"; ma=86400 Page title: Contact Form <!DOCTYPE html> <html> <head> <title>Contact Form</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; color: var(--text-color); background-color: var(--color-background); } .popover { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, -8px); display: none; padding: 8px; background-color: var(--popover-color-background); border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; } .container { max-width: 800px; width: 100%; padding: 20px; box-sizing: border-box; } form { width: 100%; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } label { display: block; margin-bottom: 10px; font-weight: bold; color: var(--text-color); } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; color: var(--color-input); background-color: var(--color-background-input); } button { padding: 10px 20px; color: var(--button-text-color); background-color: var(--button-bg-color); border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: var(--button-hover-bg-color); } :root { --color-background: #DDDDDD; --popover-color-background: #FFFFFF; --color-input: #550000; --color-background-input: #BBBBBB; --text-color: #550000; --button-text-color: #000000; --button-bg-color: #999999; --button-hover-bg-color: #555555; }; </style> </head> <body> <div class="container"> <form id="contact-form"> <label for="email">Email:</label> <input type="email" id="email" placeholder="your@email.address"> <label for="subject">Subject:</label> <input type="text" id="subject" placeholder="Subject"> <label for="message">Message:</label> <textarea id="message" rows="5" placeholder="Message"></textarea> <div id="result-popover" class="popover">Result will be here</div> <button type="submit">Send</button> </form> <script> document.getElementById('contact-form').addEventListener('submit', async function(e) { e.preventDefault(); const email = document.getElementById('email').value; const subject = document.getElementById('subject').value; const message = document.getElementById('message').value; const formData = {email, subject, message}; const response = await fetch(window.location.href, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(formData), }); const result = await response.json(); // if (result.ok) { // Disable all form elements const form = document.getElementById('contact-form'); const formElements = form.querySelectorAll('input, textarea, button'); formElements.forEach(element => element.disabled = true); } // Update popover content and show it const popover = document.getElementById('result-popover'); popover.innerText = result.message || "No Message"; popover.style.display = 'block'; console.log(result); }); // Hide popover when clicking anywhere else document.addEventListener('click', function(e) { if (e.target.closest('#contact-form') === null) { const popover = document.getElementById('result-popover'); popover.style.display = 'none'; } }); </script> </div> </body> </html>
Open service 2606:4700:3033::6815:ef7:8443 · contact-form-email.razx.workers.dev
2024-08-14 03:59
HTTP/1.1 200 OK Date: Wed, 14 Aug 2024 03:59:37 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=KKh1NcfddeN3Tv3cbwsXvHa2mE8ydHq649z5NSC2OpmI%2B72Y5IUyCVwi%2BqwMt3zphj0kujFOpcXu1aCSX7E0gyVO4lEMvlVK2RRKnMOycR1ROxMvLbiRLFxjtv%2FeUQSx6vTrSHm6MWG8cck5x%2B7KY8XZqjEnzojIBhZcvQgKP%2BtNtA%3D%3D"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b2e0884fee6927d-FRA alt-svc: h3=":8443"; ma=86400 Page title: Contact Form <!DOCTYPE html> <html> <head> <title>Contact Form</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; color: var(--text-color); background-color: var(--color-background); } .popover { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, -8px); display: none; padding: 8px; background-color: var(--popover-color-background); border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; } .container { max-width: 800px; width: 100%; padding: 20px; box-sizing: border-box; } form { width: 100%; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } label { display: block; margin-bottom: 10px; font-weight: bold; color: var(--text-color); } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; color: var(--color-input); background-color: var(--color-background-input); } button { padding: 10px 20px; color: var(--button-text-color); background-color: var(--button-bg-color); border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: var(--button-hover-bg-color); } :root { --color-background: #DDDDDD; --popover-color-background: #FFFFFF; --color-input: #550000; --color-background-input: #BBBBBB; --text-color: #550000; --button-text-color: #000000; --button-bg-color: #999999; --button-hover-bg-color: #555555; }; </style> </head> <body> <div class="container"> <form id="contact-form"> <label for="email">Email:</label> <input type="email" id="email" placeholder="your@email.address"> <label for="subject">Subject:</label> <input type="text" id="subject" placeholder="Subject"> <label for="message">Message:</label> <textarea id="message" rows="5" placeholder="Message"></textarea> <div id="result-popover" class="popover">Result will be here</div> <button type="submit">Send</button> </form> <script> document.getElementById('contact-form').addEventListener('submit', async function(e) { e.preventDefault(); const email = document.getElementById('email').value; const subject = document.getElementById('subject').value; const message = document.getElementById('message').value; const formData = {email, subject, message}; const response = await fetch(window.location.href, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(formData), }); const result = await response.json(); // if (result.ok) { // Disable all form elements const form = document.getElementById('contact-form'); const formElements = form.querySelectorAll('input, textarea, button'); formElements.forEach(element => element.disabled = true); } // Update popover content and show it const popover = document.getElementById('result-popover'); popover.innerText = result.message || "No Message"; popover.style.display = 'block'; console.log(result); }); // Hide popover when clicking anywhere else document.addEventListener('click', function(e) { if (e.target.closest('#contact-form') === null) { const popover = document.getElementById('result-popover'); popover.style.display = 'none'; } }); </script> </div> </body> </html>
Open service 104.21.14.247:443 · contact-form-email.razx.workers.dev
2024-08-14 03:59
HTTP/1.1 200 OK Date: Wed, 14 Aug 2024 03:59:37 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=gOPXkcBlLKsIRE%2F7HOCQrzb2cE2QMv%2FUtdGYqvdvk5um%2FrJSFHRUYaTiXUSYNoxdhCvbQnQ5Gbk3znCoOSNvGJ4wr3NLw9ITYaJmrY23Z549lPJJt7HVdkqj3%2FLhbj4aMXfKCEh0HI1gY4YeQ45vFamr%2FZimiA%3D%3D"}],"group":"cf-nel","max_age":604800} NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800} Server: cloudflare CF-RAY: 8b2e0884d85c9f1b-FRA alt-svc: h3=":443"; ma=86400 Page title: Contact Form <!DOCTYPE html> <html> <head> <title>Contact Form</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; color: var(--text-color); background-color: var(--color-background); } .popover { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, -8px); display: none; padding: 8px; background-color: var(--popover-color-background); border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1; } .container { max-width: 800px; width: 100%; padding: 20px; box-sizing: border-box; } form { width: 100%; border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } label { display: block; margin-bottom: 10px; font-weight: bold; color: var(--text-color); } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; color: var(--color-input); background-color: var(--color-background-input); } button { padding: 10px 20px; color: var(--button-text-color); background-color: var(--button-bg-color); border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: var(--button-hover-bg-color); } :root { --color-background: #DDDDDD; --popover-color-background: #FFFFFF; --color-input: #550000; --color-background-input: #BBBBBB; --text-color: #550000; --button-text-color: #000000; --button-bg-color: #999999; --button-hover-bg-color: #555555; }; </style> </head> <body> <div class="container"> <form id="contact-form"> <label for="email">Email:</label> <input type="email" id="email" placeholder="your@email.address"> <label for="subject">Subject:</label> <input type="text" id="subject" placeholder="Subject"> <label for="message">Message:</label> <textarea id="message" rows="5" placeholder="Message"></textarea> <div id="result-popover" class="popover">Result will be here</div> <button type="submit">Send</button> </form> <script> document.getElementById('contact-form').addEventListener('submit', async function(e) { e.preventDefault(); const email = document.getElementById('email').value; const subject = document.getElementById('subject').value; const message = document.getElementById('message').value; const formData = {email, subject, message}; const response = await fetch(window.location.href, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(formData), }); const result = await response.json(); // if (result.ok) { // Disable all form elements const form = document.getElementById('contact-form'); const formElements = form.querySelectorAll('input, textarea, button'); formElements.forEach(element => element.disabled = true); } // Update popover content and show it const popover = document.getElementById('result-popover'); popover.innerText = result.message || "No Message"; popover.style.display = 'block'; console.log(result); }); // Hide popover when clicking anywhere else document.addEventListener('click', function(e) { if (e.target.closest('#contact-form') === null) { const popover = document.getElementById('result-popover'); popover.style.display = 'none'; } }); </script> </div> </body> </html>