D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home3
/
encodto1
/
public_html
/
Filename :
payonlineform.php
back
Copy
<!DOCTYPE html> <html lang="en"> <head> <?php include 'style.php' ?> <style> @media (max-width: 768px) { .input-row { flex-direction: column; } .input-group { min-width: 100%; } .theme-btn { width: 100%; } } </style> </head> <body> <!-- Main --> <main class="main-page new-release-page"> <!-- Header Bar --> <!-- Header --> <?php include 'header.php' ?> <section class="hero-section-wrap hero-home2"> <div class="custom-container"> <!-- Contact Form Wrapper --> <div class="hero-contact-form-wrap"> <div class="hero-contact-form-inner-wrap"> <!-- Button Controls --> <div class="mac-btns-wrap d-flex align-items-center justify-content-between"> <div class="mac-buttons d-flex align-items-center"> <span></span> <span></span> <span></span> </div> <div class="action-btn d-flex align-items-center"> <span></span> <span></span> <span></span> </div> </div> <!-- Form Header --> <div class="hero-contact-form-header d-inline-block align-items-center justify-content-between"> <h1>Secure Your Project with Hassle-Free Payments</h1> <p>Fill out the form with your project details, and we'll send you a comprehensive payment breakdown.</p> <p>Payments can be made easily through our secure gateway.</p> </div> <!-- Contact Form --> <div class="hero-contact-form" style="background-color: #f9f9f9; padding: 20px; border-radius: 10px; width: 100%; max-width: 500px; margin: 0 auto; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);"> <form action="payonline.php" method="post" autocomplete="off"> <div class="input-main-row" style="display: flex; flex-direction: column; gap: 15px;"> <!-- Name and Phone Number --> <div class="input-row" style="display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap;"> <div class="input-group" style="flex: 1; min-width: calc(50% - 10px); display: flex; flex-direction: column;"> <label for="name" style="font-weight: bold; color: #333; margin-bottom: 5px;">Name:</label> <input type="text" id="name" name="name" required style="padding: 10px; border: 1px solid #ddd; border-radius: 5px;"> </div> <div class="input-group" style="flex: 1; min-width: calc(50% - 10px); display: flex; flex-direction: column;"> <label for="mobile" style="font-weight: bold; color: #333; margin-bottom: 5px;">Phone Number:</label> <input type="text" id="mobile" name="mobile" required style="padding: 10px; border: 1px solid #ddd; border-radius: 5px;"> </div> </div> <!-- Email --> <div class="input-row" style="display: flex; flex-direction: column;"> <div class="input-group"> <label for="email" style="font-weight: bold; color: #333; margin-bottom: 5px;">Email</label> <input type="email" id="email" name="email" placeholder="Your Email" required style="padding: 10px; border: 1px solid #ddd; border-radius: 5px; width: 100%;"> </div> </div> <!-- Amount and Submit Button --> <div class="input-row" style="display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap;"> <div class="input-group" style="flex: 1; min-width: calc(50% - 10px); display: flex; flex-direction: column;"> <label for="amount" style="font-weight: bold; color: #333; margin-bottom: 5px;">Amount</label> <input type="number" id="amount" name="amount" placeholder="5000" required style="padding: 10px; border: 1px solid #ddd; border-radius: 5px;"> </div> <div class="input-group" style="flex: 1; min-width: calc(50% - 10px); display: flex; align-items: flex-start; justify-content: flex-end;"> <button type="submit" class="theme-btn" name="submit" value="paynow" style="padding: 10px 20px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; font-weight: bold;">Pay Now</button> </div> </div> </div> </form> </div> </div> </div> <!-- Accordion Section --> <div class="accordion mt-5" id="accordionExample"> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Privacy Policy </button> </h2> <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample"> <div class="accordion-body"> <!-- Privacy Policy Content --> <h4>Introduction</h4> <p>This Privacy Policy describes how Encoders Unlimited and its affiliates (collectively "Encoders Unlimited, we, our, us") collect, use, share, protect, or otherwise process your personal data...</p> <h4>Collection of Information</h4> <p>We collect your personal data when you use our Platform, services, or otherwise interact with us...</p> <h4>Usage of Information</h4> <p>We use personal data to provide the services you request...</p> <h4>Sharing of Information</h4> <p>We may share your personal data internally within our group entities and affiliates...</p> <h4>Security Precautions</h4> <p>We adopt reasonable security practices and procedures...</p> <h4>Your Rights</h4> <p>You have the right to access, rectify, and update your personal data directly...</p> <h4>Consent</h4> <p>By using the Platform, you consent to the collection, use, storage, and processing of your personal data...</p> <h4>Changes to this Privacy Policy</h4> <p>Please review this Privacy Policy periodically for updates...</p> </div> </div> </div> </div> </div> </section> <?php include 'footer.php' ?> </main> <!-- jQuery Frameworks ============================================= --> <script src="assets/js/jquery-3.7.0.min.js"></script> <script src="assets/js/bootstrap.bundle.min.js"></script> <script src="assets/js/gsap.min.js"></script> <script src="assets/js/Draggable.min.js"></script> <script src="assets/js/swiper-bundle.min.js"></script> <script src="assets/js/client-marquee.js"></script> <script src="assets/js/theme-custom.js"></script> <script src="assets/js/form1.js"></script> <script src="assets/js/subscribe-form.js"></script> <!--Start of Tawk.to Script--> <script type="text/javascript"> var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date(); (function() { var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0]; s1.async = true; s1.src = 'https://embed.tawk.to/609cf4b4185beb22b30cda7a/1f5ihnorp'; s1.charset = 'UTF-8'; s1.setAttribute('crossorigin', '*'); s0.parentNode.insertBefore(s1, s0); })(); </script> <!--End of Tawk.to Script--> <script> // JavaScript function to log and prevent default action for testing document.addEventListener("DOMContentLoaded", function() { const form = document.querySelector(".contact-form"); // Log each step to console for debugging form.addEventListener("submit", function(event) { console.log("Form is attempting to submit..."); // Log form field values console.log("Name:", document.getElementById("name").value); console.log("Phone Number:", document.getElementById("mobile").value); console.log("Email:", document.getElementById("email").value); console.log("Amount:", document.getElementById("amount").value); // Uncomment the next line only if testing without actually submitting // event.preventDefault(); console.log("Form submission successful!"); }); }); </script> </body> </html>