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-color: #ffffff; /* Weißer Seitenhintergrund */
  color: #111; 
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

/* Form-Bereich */
.wrapper {
  width: 100%;
  max-width: 500px;
  padding: 40px 20px;
  text-align: center;
  background-color: #f9f9f9; /* Heller Hintergrund nur für Box */
  border-radius: 16px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

/* Logo */
.logo {
  display: block;
  margin: 0 auto 25px auto;
  width: 160px;
  max-width: 80%;
}

/* Headline */
h1 { font-size: 34px; line-height: 1.2; margin-bottom: 15px; color: #111; }

/* Untertitel */
.subtitle { font-size: 15px; color: #111; margin-bottom: 30px; line-height: 1.6; text-align: center; }

/* Formular */
.container { padding: 25px 0; }

/* Inputs */
input { width: 100%; padding: 14px; margin-bottom: 5px; border-radius: 10px; border: 1px solid #ccc; font-size: 14px; }
input:focus { outline: none; border-color: #007BFF; }

/* Fehlertexte */
.error { color: red; font-size: 12px; text-align: left; margin-bottom: 5px; }

/* Button */
button { width: 100%; padding: 15px; border-radius: 10px; border: none; font-size: 16px; font-weight: bold; cursor: pointer; background: linear-gradient(135deg, #007BFF, #00C6FF); color: white; transition: 0.3s; margin-top: 10px; }
button:hover { transform: translateY(-2px); }

/* Vertrauenshinweis */
.trust { margin-top: 15px; font-size: 12px; color: #555; }

@media (max-width: 600px) { 
  h1 { font-size: 28px; } 
  .wrapper { padding: 30px 15px; } 
}
</style>
</head>
<body>

<div class="wrapper">
  <img src="https://cdn.durable.co/blocks/296zIdnhgL2qR8ipdDguGayoNL1kXCJV11vBTiNvkOx3lYIP3Op0eR3Ykg9wL8Hc.png" alt="Logo" class="logo">
  <h1>Jetzt 15 Tage unsere Lösung testen!</h1>
  <div class="subtitle">
   Starte jetzt und überzeuge dich selbst: 15 Tage voller 
   Möglichkeiten für dein Unternehmen
   schnell, einfach und ohne Risiko.
  </div>

  <div class="container">
    <form id="contactForm" action="https://script.google.com/macros/s/AKfycbxh5VzNnN7l3a7hZCVzjRCKGf_QdyZMd0JGDePq_-6oHu35DbMrytishxdZ-wm2483R8A/exec" method="POST" target="hidden_iframe">
      <input type="text" name="name" placeholder="Name" required>
      <input type="text" name="address" placeholder="Adresse" required>
      <input type="tel" name="phone" placeholder="Handy Nummer" required>
      <div class="error" id="phoneError"></div>
      <input type="email" name="email" placeholder="E-Mail Adresse" required>
      <div class="error" id="emailError"></div>
      <button type="submit">Kostenlos 15 Tage testen</button>
    </form>
    <div class="trust">🔒 Ihre Daten sind sicher & werden nicht weitergegeben</div>
  </div>
</div>

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

<script>
const form = document.getElementById('contactForm');
form.addEventListener('submit', function(e){
  let valid = true;

  document.getElementById('phoneError').innerText = "";
  document.getElementById('emailError').innerText = "";

  const phone = this.phone.value.trim();
  const email = this.email.value.trim();

  const phoneRegex = /^[0-9+]{7,15}$/;
  if(!phoneRegex.test(phone)){
    document.getElementById('phoneError').innerText = "Bitte gültige Telefonnummer eingeben (+ und Zahlen, 7-15 Stellen)";
    valid = false;
  }

  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  if(!emailRegex.test(email)){
    document.getElementById('emailError').innerText = "Bitte gültige E-Mail-Adresse eingeben";
    valid = false;
  }

  if(!valid){
    e.preventDefault();
    return false;
  }

  setTimeout(() => {
    window.location.href = "https://nl-it-solution.com/danke";
  }, 500);
});
</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.

