Home
About Us
Portfolio
Services
Write for Us
Events
Contact
Event & Feeds
</div> </section> </main> <footer class="bg-gradient text-white p-6 text-center newfooter"> <p>© 2025 Prashas Publications House</p> <ul class="flex space-x-6"> <li><a href="https://prashaspublication.com/privacy-policy.html" class="hover:underline">Privacy Policy</a></li> <li><a href="https://prashaspublication.com/terms-condition.html" class="hover:underline">Terms & Conditions</a></li> </ul> </footer> <!-- Overlay for the popup --> <div id="overlay"></div> <!-- Popup Form --> <div id="popup"> <span class="close-btn" onclick="closePopup()">×</span> <h3>Get in Touch</h3> <form id="contactForm" class="needs-validation" novalidate="" method="post" enctype="multipart/form-data"> <input type="text" id="name" name="name" placeholder="Your Name" required> <input type="phone" id="phone" name="phone" placeholder="Your Phone" required> <input type="email" id="email" name="email" placeholder="Your Email" required> <select id="type" name="type" required> <option value="">Select Service Type</option> <option value="Hand Book">Hand Book</option> <option value="Crystal Book">Crystal Book</option> <option value="Silver Book">Silver Book</option> <option value="Green Book">Green Book</option> <option value="Thesis to a book">Thesis to a book</option> <option value="Book Publication">Book Publication</option> <option value="Others">Others</option> </select> <button class="pph_submit" type="submit">Submit</button> <div id="successMessage" style="display: none; color: green; text-align: left; font-weight: 400;margin-bottom:5px;"> Thank you! Your message has been sent. </div> </form> </div> <style> #popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; border: 2px solid #ccc; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 9999; width: 300px; } #popup h3 { font-size: 21px; font-weight: 600; text-transform: uppercase; } #popup input, #popup select { width: 100%; padding: 8px; margin: 5px 0 15px 0; border: 1px solid #ccc; border-radius: 4px; background: #fff; color: #9f9c9c; } #popup button { padding: 9px 30px; background-color: #4E3242; color: white; border: none; border-radius: 4px; cursor: pointer; margin: 0 auto; display: block; } #popup button:hover { background-color: #4E3242; } #popup .close-btn { position: absolute; top: 3px; right: 10px; font-size: 20px; color: #aaa; cursor: pointer; } #popup .close-btn:hover { color: #000; } #overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9998; } </style> <script> // Show popup every 5 minutes function showPopup() { document.getElementById('popup').style.display = 'block'; document.getElementById('overlay').style.display = 'block'; } // Close the popup function closePopup() { document.getElementById('popup').style.display = 'none'; document.getElementById('overlay').style.display = 'none'; } // Submit form logic (can be customized to store or send data) /*document.getElementById('contactForm').addEventListener('submit', function(event) { event.preventDefault(); closePopup(); });*/ // Set timer to show popup every 5 minutes (300000 ms) //setInterval(showPopup, 300000); // Optionally, show popup immediately when the page loads for testing showPopup(); </script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function() { $('#contactForm').on('submit', function(event) { event.preventDefault(); var formData = new FormData(this); var hasError = false; var errorMessage = ''; // Custom validation var name = $('input[name="name"]').val().trim(); var phone = $('input[name="phone"]').val().trim(); var requirement = $('select[name="type"]').val(); // Check if name is empty if (name === '') { hasError = true; errorMessage += 'Name is required.<br>'; } // Check if phone is empty if (phone === '') { hasError = true; errorMessage += 'Phone number is required.<br>'; } // Check if requirement is selected if (requirement === '') { hasError = true; errorMessage += 'Type is required.<br>'; } if (hasError) { // Display error messages in red $('#successMessage').html(errorMessage).css('color', 'red').fadeIn(); // Hide the message after 3 seconds setTimeout(function() { $('#successMessage').fadeOut(); }, 3000); } else { // If no errors, proceed with the AJAX submission $.ajax({ url: '/send.php', type: 'POST', data: formData, contentType: false, processData: false, success: function(response) { $('#successMessage').html('Message sent successfully!').css('color', 'green').fadeIn(); // Hide the message after 3 seconds setTimeout(function() { $('#successMessage').fadeOut(); }, 3000); $('#contactForm')[0].reset(); }, error: function() { $('#successMessage').html('There was an error submitting your message.').css('color', 'red').fadeIn(); } }); } }); }); </script> </body> </html>
