Embed

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>15 Tage kostenlos testen</title>

<style>
body {
  margin: 0;
  font-family: 'Segoe UI', Arial, sans-serif;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.wrapper {
  max-width: 500px;
  width: 100%;
  background: #f9f9f9;
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
  text-align: center;
}

h1 {
  font-size: 32px;
  margin-bottom: 12px;
}

.subtitle {
  font-size: 15px;
  margin-bottom: 25px;
  line-height: 1.5;
}

input {
  width: 100%;
  padding: 14px;
  margin-bottom: 6px;
  border-radius: 10px;
  border: 1px solid #ccc;
}

.error {
  color: red;
  font-size: 12px;
  text-align: left;
  margin-bottom: 10px;
  display: none;
}

button {
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  border: none;
  background: linear-gradient(135deg, #007BFF, #00C6FF);
  color: white;
  font-weight: bold;
  cursor: pointer;
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
</style>
</head>

<body>

<div class="wrapper">

<h1>Jetzt 15 Tage unsere Lösung testen!</h1>

<div class="subtitle">
  Starte jetzt und überzeuge dich selbst: <br>
  15 Tage voller Möglichkeiten für dein Unternehmen <br>
  schnell, einfach und ohne Risiko.
</div>

<form id="contactForm"
      method="POST"
      action="https://script.google.com/macros/s/AKfycbzRinq55oigugfD3J5db9GHEVlXKCP4_6MqpdUJZ8j96eaMLUDAz_e2PktZ0bkVdkz2rw/exec"
      target="hidden_iframe">

  <input type="hidden" name="submissionId" id="submissionId">

  <input type="text" name="name" id="name" placeholder="Name">

  <input type="text" name="address" id="address" placeholder="Adresse">
  <div class="error" id="err-address"></div>

  <input type="tel" name="phone" id="phone" placeholder="Handy Nummer">
  <div class="error" id="err-phone"></div>

  <input type="email" name="email" id="email" placeholder="E-Mail Adresse">
  <div class="error" id="err-email"></div>

  <button type="button" id="submitBtn" disabled>
    Kostenlose 15 Tage testen
  </button>

</form>

</div>

<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;"></iframe>

<script>
const THANK_YOU_URL = "https://nl-it-solution.com/danke";

const form = document.getElementById("contactForm");
const iframe = document.getElementById("hidden_iframe");
const submitBtn = document.getElementById("submitBtn");

const address = document.getElementById("address");
const phone   = document.getElementById("phone");
const email   = document.getElementById("email");

const errA = document.getElementById("err-address");
const errP = document.getElementById("err-phone");
const errE = document.getElementById("err-email");

let submitted = false;
const dirty = { address:false, phone:false, email:false };

document.getElementById("submissionId").value =
  crypto.randomUUID ? crypto.randomUUID() :
  Date.now()+"-"+Math.random().toString(16).slice(2);

function validAddress(v){
  return v.length >= 8 && /\d/.test(v);
}
function validPhone(v){
  return v.replace(/\D/g,"").length >= 10;
}
function validEmail(v){
  return /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(v);
}

function validate(){
  const aOK = validAddress(address.value);
  const pOK = validPhone(phone.value);
  const eOK = validEmail(email.value);

  if (dirty.address && !aOK) {
    errA.textContent = "Bitte gültige Adresse eingeben";
    errA.style.display = "block";
  } else errA.style.display = "none";

  if (dirty.phone && !pOK) {
    errP.textContent = "Bitte gültige Handy Nummer eingeben";
    errP.style.display = "block";
  } else errP.style.display = "none";

  if (dirty.email && !eOK) {
    errE.textContent = "Bitte gültige E-Mail Adresse eingeben";
    errE.style.display = "block";
  } else errE.style.display = "none";

  submitBtn.disabled = !(aOK && pOK && eOK);
}

[address, phone, email].forEach(el=>{
  el.addEventListener("input", ()=>{
    dirty[el.id] = true;
    validate();
  });
});

submitBtn.addEventListener("click", ()=>{
  dirty.address = dirty.phone = dirty.email = true;
  validate();
  if (submitBtn.disabled) return;

  submitted = true;
  submitBtn.disabled = true;
  form.submit();
});

iframe.onload = function(){
  if (!submitted) return;
  window.location.href = THANK_YOU_URL;
};
</script>

</body>
</html>


Next Level IT Solution e.K.

Die Firma Next_Level_IT_Solutions wird als IT-Dienstleister gegründet und bietet spezialisierte Lösungen im Bereich Free WiFi-Infrastruktur mit moderne Cloud mengment und IT-Services an. Mit einem Fokus auf kleine Unternehmen, Gastronomiebetriebe, Hotels und öffentliche Einrichtungen bieten wir zuverlässige, rechtssichere und kostengünstige WLAN- und IT-Lösungen an.Remote-Fehlerdiagnose und Troubleshooting bei Hotspot-Problemen bei Internehmen, die Störungen bei Ihrem Kunden haben.

