Embed

Here you will give us just your email for our records. After that, you will automatically go to a page where you can choose to either buy the book or download a sample chapter

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Welcome</title>
  <style>
    body {
      font-family: sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f9f9f9;
    }

    .container {
      padding: 40px 20px;
      max-width: 100%;
    }

    h1 {
      text-align: center;
      margin-bottom: 30px;
    }

    form {
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      background: #fff;
      padding: 30px;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    input, button {
      width: 100%;
      padding: 12px;
      margin-bottom: 20px;
      font-size: 16px;
      box-sizing: border-box;
    }

    button {
      background-color: #007BFF;
      color: white;
      border: none;
      cursor: pointer;
    }

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

  <div class="container">
    <h1>Welcome</h1>

    <form id="dataForm">
      <label for="email">Email (required)</label>
      <input type="email" id="email" name="email" required>

      <label for="info">First Name (optional)</label>
      <input type="text" id="info" name="info">

      <button type="submit">Choose a Sample Chapter of Buy the Book - Just $20</button>
    </form>
  </div>

  <script>
    const form = document.getElementById('dataForm');
    form.addEventListener('submit', function(e) {
      e.preventDefault();

      const email = document.getElementById('email').value;
      const info = document.getElementById('info').value;

      fetch("https://script.google.com/macros/s/AKfycbzKm6sbo8UdhCTqYRCJ665laz3iyaS1-oCjXH7Ao44gJv6PzLnPEhJ9bpHtEE6ox56v/exec", {
        method: "POST",
        mode: "no-cors",
        headers: {
          "Content-Type": "application/x-www-form-urlencoded",
        },
        body: `email=${encodeURIComponent(email)}&info=${encodeURIComponent(info)}`
      }).then(() => {
        window.location.href = "https://ciserve.com/lawyer-s-guide";
      }).catch(err => {
        alert("There was an error. Please try again.");
        console.error(err);
      });
    });
  </script>

</body>
</html>

Custom Information Services