File 1. googleform.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Google Form Page</title> </head> <body> <script type="text/javascript">var submitted = false</script> <iframe name="hiddenConfirm" id="hiddenConfirm" style="display:none;" onload="if(submitted) {window.location='thankyoupage.html';}"></iframe> <form action="https://docs.google.com/forms/d/e/1FAIpQLSc_IJoKpo5aLdeicLm6rmOM9SfvvhPz1uSiE23j0g-Thsivaw/formResponse" method="post" target="hiddenConfirm" onsubmit="submitted=true" style="margin-top:10px;"> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="form-group"> <input type="text" name="entry.2005620554" class="form-control" placeholder="Full Name" required> </div> </div> <div class="col-lg-12 col-md-12"> <div class="form-group"> <input type="email" name="entry.1045781291" class="form-control" placeholder="Email Address" required> </div> </div> <div class="col-lg-12 col-md-12"> <div class="form-group"> <input type="tel" name="entry.1166974658" class="form-control" pattern="[0-9]{10}" placeholder="Phone" required> </div> </div> <div class="col-lg-12 col-sm-12"> <div class="form-group"> <input type="text" name="entry.839337160" class="form-control" placeholder="Course/Training"> </div> </div> <div class="col-lg-12 col-md-12"> <button class="btn btn-primary" type="submit">Apply</button> </div> </div> </form> </body> </html>
File 2. thankyoupage.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Thank You for Your Submission</title> <!-- Bootstrap CSS --> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"> <style> body { background-color: #f8f9fa; display: flex; justify-content: center; align-items: center; height: 100vh; text-align: center; } .thank-you-container { background: #ffffff; padding: 30px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } </style> </head> <body> <div class="thank-you-container"> <h1>Thank You for Your Submission 😊️</h1> <p>Thank you for completing the form. We have successfully received your information and will review it shortly. Our team will get in touch with you soon with further details. 🤟️</p> <p>👉️If you have any questions in the meantime, please feel free to contact us at <a href="tel:+917814141400">+91 7814141400</a> or <a href="tel:+917415151523">7415151523</a>.</p> <p>Best regards,<br>The A2IT Team 🚀️</p> <a href="index.html" class="btn btn-primary">Back</a> </div> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBkNiuWu7rT9u2g4zRyk5l8AMtBOjRM86ewh5gac" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+dOUdMxEj8RBy3og/pvBQu7xFfP3pFVxC8Cw+UYO6aw+5QMii" crossorigin="anonymous"></script> </body> </html>