Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Contact Guarded.co</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 40px;
      background-color: #f4f4f4;
      text-align: center;
    }

    form {
      max-width: 600px;
      margin: auto;
      padding: 30px;
      background-color: rgba(255, 255, 255, 0.95);
      border: 1px solid #ddd;
      border-radius: 10px;
      box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
      text-align: left;
    }

    label {
      display: block;
      margin: 10px 0 5px;
      font-weight: bold;
    }

    input, textarea, button {
      width: 100%;
      padding: 12px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-size: 14px;
    }

    textarea {
      resize: vertical;
      height: 100px;
    }

    button {
      background-color: #007bff;
      color: white;
      font-size: 16px;
      cursor: pointer;
      border: none;
    }

    button:hover {
      background-color: #0056b3;
    }
  </style>
</head>
<body>

  <form id="__vtigerWebForm" name="Guarded.co Contact form" action="https://guard.360vew.com/modules/Webforms/capture.php" method="post" accept-charset="utf-8" enctype="multipart/form-data">
    
    <input type="hidden" name="__vtrftk" value="sid:c040e48285b65ba4a0f1d3ec097a95e2b204398a,1742576710">
    <input type="hidden" name="publicid" value="fcb5f01fb552f98eda4ea13358461541">
    <input type="hidden" name="urlencodeenable" value="1">
    <input type="hidden" name="name" value="Guarded.co Contact form">

    <label for="firstname">First Name *</label>
    <input type="text" name="firstname" id="firstname" required>

    <label for="lastname">Last Name *</label>
    <input type="text" name="lastname" id="lastname" required>

    <label for="email">Business Email *</label>
    <input type="email" name="email" id="email" required>

    <label for="mobile">Mobile Phone</label>
    <input type="tel" name="mobile" id="mobile">

    <label for="website">Website</label>
    <input type="url" name="website" id="website">

    <label for="company">Company *</label>
    <input type="text" name="company" id="company" required>

    <label for="cf_3543">Comments</label>
    <textarea name="cf_3543" id="cf_3543"></textarea>

    
    <select name="leadsource" style="display: none;">
      <option value="LinkedIn" selected>LinkedIn</option>
    </select>

    <button type="submit">Submit</button>
  </form>

  <script>
    window.onload = function () {
      const form = document.getElementById("__vtigerWebForm");
      const inputs = form.elements;

      form.onsubmit = function () {
        let required = [];

        for (let i = 0; i < inputs.length; i++) {
          const att = inputs[i].getAttribute("required");
          const val = inputs[i].value;
          const type = inputs[i].type;

          if (type === "email" && val !== "") {
            const emailFilter = /^[^@]+@[^@]+\.[a-zA-Z]{2,}$/;
            const illegalChars = /[<>()[\],;:"\\]/;
            if (!emailFilter.test(val) || illegalChars.test(val)) {
              alert("Please enter a valid business email address.");
              return false;
            }
          }

          if (att != null && val.trim() === "") {
            required.push(inputs[i].name);
          }
        }

        if (required.length > 0) {
          alert("The following fields are required: " + required.join(", "));
          return false;
        }

        setTimeout(() => {
          window.location.href = "https://guarded.co/contact-thank-you";
        }, 300); // Quick delay to allow submission before redirect

        return true;
      };
    };
  </script>

</body>
</html>