Formul谩rio de Contato

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Formul谩rio de Contato</title> <link rel="stylesheet" href="https://bluestack-error-pages.s3.amazonaws.com/403/css/error.css"> <link rel="preconnect" href="https://fonts.googleapis.com/"> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""> <style> body { font-family: 'Arial', sans-serif; background: #fff; margin: 0; padding: 0; } .land-see-error__content { position: absolute; top: 90px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 60%; text-align: center; } .land-see-error__title { font-family: 'Roboto', Arial, sans-serif; color: #000; font-size: 48px; font-weight: 700; margin-bottom: 40px; margin-top: 20px; } .land-see-error__description { font-size: 18px; color: #000; line-height: 28px; } a { color: #2962ff; } hr { border: 1px solid #eee; margin: 30px 0; } .land-see-error__logo { background-image: url("https://bluestack-error-pages.s3.amazonaws.com/403/arte/logo_footer.svg"); width: 176px; height: 40px; margin: 90px auto 0; background-size: cover; } .land-see-error { padding-top: 0; } @media (max-width: 40rem) { .land-see-error__title { font-size: 42px; padding: 10px 15px; } } .yudfgby { unicode-bidi: bidi-override; direction: rtl; } #submit_button{ background-color: #4275FF; font-family: 'Roboto', Arial, sans-serif; border-radius: 50px; color: #fff; font-size: 14px; line-height: 1.429; width: 100%; height: 44px; border: none; text-transform: uppercase; } #submit_button:hover{ background-color: #2659eb; } #submit_button:active{ box-shadow:0 1px 2.97px 0.03px #00000069; } #contactForm{ width: 65%; margin: auto; } label{ display: block; color: #757575; font-size: 14px; margin-bottom: 10px; text-align: left; } input{ padding: 10px; margin-bottom: 35px; border: none; border-bottom: solid 1px #ccc; width: 90%; font-size: 1rem; } .email{ background: url("https://bluestack-error-pages.s3.us-east-1.amazonaws.com/403/arte/email.svg") no-repeat; background-position: right; } input:focus,input:hover { border-color: #4275FF; border-bottom-width: 2px; } @media (max-width:40rem){ #contactForm{ width: 85%; margin: auto; } .land-see-error__content{ width: 100%; } } </style> <meta name="robots" content="noindex"> </head> <body class="land-see-error--404"> <div class="land-see-error__content"> <script async="" src="https://www.googletagmanager.com/gtag/js?G-DB47P62DYS"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-DB47P62DYS'); gtag('event', 'page_view'); </script> <div class="land-see-error__content"> <span class="land-see-error__icono"></span> <form id="contactForm">  <div> <label for="email">Email</label> <input type="email" id="email" name="email" class="email" required > </div> <div> <label for="isp">Provedor de internet</label> <input type="text" id="isp" name="isp" class="isp" required > </div> <div> <label for="vpn">Voc锚 usa uma VPN?<label> <select name="vpn" id="vpn" required> <option value="">Resposta</option> <option value="si">Sim</option> <option value="no">N茫o</option> </select> </div> <div id="vpn-container" style="display:none;"> <label for="vpn-text">VPN</label> <input type="text" id="vpn-text" name="vpn-text" class="vpn-text"> </div> <div style="display: none;"> <label for="ip">IP:</label> <input type="text" id="ip" name="ip" readonly> </div> <div style="display: none;"> <label for="res-type">Request type:</label> <input type="text" id="res-type" name="res-type" readonly> </div> <div style="display: none;"> <label for="browser">Navegador:</label> <input type="text" id="browser" name="browser" readonly> </div> <div style="display: none;"> <label for="type">Tipo de erro:</label> <input type="text" id="type" name="type" readonly> </div> <div style="display: none;"> <label for="ref">Ref:</label> <input type="text" id="ref" name="referrer" readonly> </div> <div style="display: none;"> <label for="ref">User Agent:</label> <input type="text" id="useragent" name="useragent" readonly> </div> <input type="hidden" id="recaptchaResponse" name="recaptchaResponse" value=""> <button type="submit" id="submit_button" >Enviar</button> <span id="response"></span> </form> <span class="land-see-error__icono"></span> </div> <script src="https://www.google.com/recaptcha/api.js?render=6Lc_4lgnAAAAAP_HUs4KEgCq09ZUzKeFDonB1P2t" async defer></script> <script> // Only show vpn-text field on vpn = true document.getElementById("vpn").addEventListener('change', function (e) { if (e.target.value == 'si') { document.getElementById('vpn-container').style = "display:auto"; document.getElementById('vpn-text').required = true; } else { document.getElementById('vpn-container').style = "display:none"; document.getElementById('vpn-text').required = false; } }) // Autofill the IP, type and User Agent field using JavaScript window.addEventListener('DOMContentLoaded', function () { fetch('https://api64.ipify.org?format=json') .then(response => response.json()) .then(data => { document.getElementById('ip').value = data.ip; }) .catch(error => { console.error('Failed to fetch IP address:', error); }); // Autofill the Referrer field using JavaScript const urlParams = new URLSearchParams(window.location.search); document.getElementById('ref').value = urlParams.get('ref'); let userAgent = urlParams.get('user-agent'); document.getElementById('useragent').value = userAgent; let resType = urlParams.get('res-type'); document.getElementById('res-type').value = resType; // Autofill and detect browser let browserName; let browserInput = document.getElementById("browser"); browserInput.value = browserName; if (!userAgent) { browserName = "no-data"; } else if (userAgent.match(/chrome|chromium|crios/i)){ browserName = "chrome"; } else if(userAgent.match(/firefox|fxios/i)){ browserName = "firefox"; } else if(userAgent.match(/safari/i)){ browserName = "safari"; }else if(userAgent.match(/opr\//i)){ browserName = "opera"; } else if(userAgent.match(/edg/i)){ browserName = "edge"; }else{ browserName="No browser detection"; } browserInput.value = browserName; }); </script> <script> // Function to handle reCAPTCHA and form submission document.getElementById('contactForm').addEventListener('submit', submitFormWithRecaptcha); function submitFormWithRecaptcha(e) { e.preventDefault(); let submitButtonElement = document.getElementById("submit_button") submitButtonElement.setAttribute("disabled", "true") grecaptcha.execute('6Lc_4lgnAAAAAP_HUs4KEgCq09ZUzKeFDonB1P2t', { action: 'submit' }).then(function (token) { let formData = new FormData(document.getElementById('contactForm')); formData.append('recaptchaResponse', token) fetch("/php/sendsecmail.php", { method: "POST", body: formData }).then(function (response) { return response.text(); }).then(function (text) { let responseElement = document.getElementById("response") if (text == "隆Gracias! Tu mensaje fue enviado.") { responseElement.style.color = "green"; responseElement.innerHTML = "Mensagem enviada com sucesso!\n<b>Por favor, se voc锚 n茫o receber uma resposta dentro de 72 horas, revise a pasta de spam. Para uma solu莽茫o mais r谩pida, recomendamos visitar o site sem usar VPN.</b>" } else { submitButtonElement.setAttribute("disabled", "false") responseElement.style.color = "red"; responseElement.innerHTML = "Falha ao enviar a mensagem." } }).catch(function (error) { console.error(error); }); }); } </script> </body> </html> </div> <div class="land-see-error__logo"></div> </body> </html>

CINXE.COM

Formul谩rio de Contato