https://script.google.com/macros/s/AKfycbzOvqsOJvYGBPuwk9sZRto2xoHDIG3Ip1yKLX7ozF4sFfNUyph0W9AbTXXDOC_YG1CnSA/exec
<html> <head><style> body{margin-top:-282px;background-color:lightgray;} .div1{border:2px solid green;margin-top:-900px;} .button1{border:1px solid red;background-color:white;color:red;text-align:center;width:;height:80px;font-size:45px;} .hidden { border:1px solid silver; } .div2{border:2px solid gray;} .div211{border:1px solid white; background-color:green;text-align: center; width:540px;height:80px;font-size:40px;} .div11{border:1px solid white; height:800px; text-align:center; margin-top:px; overflow-y:scroll;} .button2{color: green;} .div21{text-align:center;} .btn1a{width:305px;height:64px;} #password{height:58px; width:600px;} .form-control{width:540px;height:60px;border:1px solid red;font-size:40px;} .reg{border:2px solid green; background-color:red;} #cop{color:Green;} .copybtn{color:green;} .button4{color:red;} .h21{color:black;} </style> <style media="screen and (max-width:600px)"> body{margin-top:-282px;background-color:lightgray;} .div1{border:2px solid green;margin-top:-600px;} .button1{border:1px solid red;background-color:white;color:red;text-align:center;font-size:20px; height:35px;} .hidden { border:1px solid silver; } .div2{border:2px solid gray;} .div211{border:1px solid white; background-color:green;text-align: center; width:240px;height:40px;font-size:15px;} .div11{border:1px solid silver; height:400px; margin-top:px; overflow-y:scroll;} .button2{color: green;} .div21{text-align:center;} .btn1a{width:125px;height:35px;} #password{height:28px;width:175px;} .form-control{width:240px;height:30px;border:1px solid red;font-size:15px;} .reg{border:2px solid green; background-color:red;} #cop{color:black;} .copybtn{color:green;} .button4{color:red;} .h21{color:black;} </style> </head> <body> <div class="div11"><div class="div11"><img src=""><br><img src=""><br><img src=""> </div></div><div><h2 class="h21"></h2><button class="button2"><h3>Price-/-</h3></button><button class="button4"><h3></h3></button><h4 id="cop">https://ostist.blogspot.com/2023/08/.html</h4> <button onclick="cop()" class="copybtn">Product-Link</button><br><br></div><div class="button1" id="openButton">Buy Now</div> <div id="content" class="hidden"> <div class="div2"><div class="div21"> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div class="container register"> <div class="row"> <div class="col-md-12"> <div class="tab-pane fade show active text-align form-new" id="home" role="tabpanel" aria-labelledby="home-tab"> <h1 class="reg">Buyer's Details</h1> <div class="row register-form"> <div class="col-md-12"> <form method="post" autocomplete="off" name="google-sheet"> <div class="form-group"> <input type="text"style="color:green;" id="input1" name="Name" class="form-control" placeholder="Your Name *" value="" required=""/> </div><br> <div class="form-group"> <input type="email"style="color:green;" name="Email" class="form-control" placeholder="Your Email *" value="" required=""/> </div><br> <div class="form-group"> <input type="tel"style="color:green;" name="Phone" class="form-control" placeholder="Your Contact Number *" value="" required=""/> </div><br> <div class="form-group"> <input type="text"style="color:green;" name="Address" class="form-control" placeholder="Your address *" value="" required=""/> </div><br> <div class="form-group"> <input type="number"style="color:green;" name="Pincode" class="form-control" placeholder="Your pincode *" value="" required=""/> </div><br> <div class="form-group"> <input type="text" style="color:green;" name="Information" class="form-control" placeholder="Information of your area *" value="" required=""/> </div><br> <div class="form-group"> <input type="url"style="color:green;" name="Some" class="form-control" placeholder="Copy and paste Product-Link *" value="" required=""/> </div><br> <label class="form-control"> <input type="radio" name="PaymentMethod" value="page1"> QR-Code </label><br> <label class="form-control"> <input type="radio" name="PaymentMethod" value="page2"> UPI </label><br> <label class="form-control"> <input type="radio" name="PaymentMethod" value="page3"> Cash-On-Delivery </label> <div class="form-group"> <input type="submit" name="submit" class="div211" value="Buy Now" /> </div> </form> </div> </div> </div> </div> </div> </div> <script> const scriptURL = ''; const form = document.forms['google-sheet']; form.addEventListener('submit', e => { e.preventDefault(); fetch(scriptURL, { method: 'POST', body: new FormData(form) }) .then(response => { alert("Thanks for Contacting us..! We Will Contact You Soon..."); navigateToPage(); }) .catch(error => console.error('Error!', error.message)); }); function navigateToPage() { var selectedRadio = document.querySelector('input[name="PaymentMethod"]:checked'); if (selectedRadio) { var selectedValue = selectedRadio.value; switch (selectedValue) { case "page1": window.location.href = "https://ostist.blogspot.com/2023/08/qr-payment-for-product-buy.html"; break; case "page2": window.location.href = "upi://pay?pa=gyanusagar2018@oksbi&pn=OStist&am=30&cu=INR"; break; case "page3": window.location.href = "upi://pay?pa=gayansagar20@paytm&pn=OStist&am=25&cu=INR"; break; default: break; } } } </script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> function cop() { var textToCop = document.getElementById("cop"); var range = document.createRange(); range.selectNode(textToCop); window.getSelection().removeAllRanges(); window.getSelection().addRange(range); document.execCommand("copy"); window.getSelection().removeAllRanges(); }</script> </body> </div><br></div> </div> <script> var openButton = document.getElementById('openButton'); var contentDiv = document.getElementById('content'); openButton.addEventListener('click', function() { contentDiv.classList.remove('hidden'); }); </script>