PK
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Parmesh Bali | Home</title>
<meta name="description" content="">
<meta name="keywords" content="">
<!-- Favicons -->
<!-- <link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> -->
<!-- Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<!-- Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
</head>
<body class="index-page">
<header id="header" class="header d-flex align-items-center fixed-top">
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
<a href="index.html" class="logo d-flex align-items-center">
<!-- <img src="assets/img/logo.png" alt="">
<h1 class="sitename">Parmesh Bali</h1> -->
</a>
<nav id="navmenu" class="navmenu">
<ul>
<li><a href="#home" class="active">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
</nav>
</div>
</header>
<main class="main">
<section id="home">
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/img/banner/1.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="assets/img/banner/2.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="assets/img/banner/3.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="assets/img/banner/4.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="assets/img/banner/5.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="assets/img/banner/6.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="assets/img/banner/7.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="assets/img/banner/8.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="assets/img/banner/9.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="assets/img/banner/10.jpg" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<!-- About Section -->
<section id="about" class="about section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>About</h2>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row gy-4 justify-content-between">
<div class="col-lg-7 content">
<!-- <h3>Parmesh Bali</h3> -->
<p>
Parmesh Bali is a distinguished advocate with over a decade of experience in the Delhi High Court & District Courts of Delhi. He began his academic journey at Modern School, Barakhamba Road, New Delhi one of India’s most prestigious schools. Thereafter he pursued his graduation at Hansraj College, Delhi University.
</p>
<p>After that he did a post-graduation diploma course in Business management from Bhartiya Vidya Bhawan, New Delhi. Parmesh earned his LLB from Lloyd Law College. </p>
<p>During his initial years of carrier, he has worked closely with senior advocates and honourable justices of the Delhi High Court, deepening his expertise in various legal domains before starting his independent practice. </p>
<p>In addition to his legal practice, Parmesh is an esteemed speaker, frequently invited to deliver lectures at universities, police stations, and other forums. He shares his insights on various legal issues and the latest developments in law, promoting awareness and legal literacy. (Also been invited as a moot court judge. ) Parmesh is also a member of the Centre for Discourse on Criminal and Constitutional Jurisprudence (CDCCJ), an organization dedicated to fostering discussions/promoting/spreading awareness on criminal law. This initiative hosts lectures featuring senior advocates and honourable judges as guest speakers.</p>
<!-- <ul>
<li><i class="bi bi-check2-all"></i> <span>Ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></li>
<li><i class="bi bi-check2-all"></i> <span>Duis aute irure dolor in reprehenderit in voluptate velit.</span></li>
<li><i class="bi bi-check2-all"></i> <span>Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla pariatur.</span></li>
</ul> -->
</div>
<div class="col-lg-4 profile-img align-self-start">
<img src="assets/img/Parmesh-bali.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-12 content">
<p>His legal acumen extends to his prestigious roles as Additional Standing Counsel for the Municipal Corporation of Delhi (MCD) in Delhi High Court and Convenor Legal Cell of Bharatiya Janata Party (BJP) in Karol Bagh. These roles are a testament to his deep legal expertise and impact on public policy and governance.</p>
<p>Throughout his career, Parmesh has developed a specialized practice in criminal matters, matrimonial disputes, white-collar crimes, corporate and civil recoveries, civil property matters, government disputes and arbritation. His extensive experience working with senior advocates and honourable justices of the Delhi High Court has equipped him with a nuanced understanding of these areas. He has experience of handling complex legal matters with integrity and precision, building a reputation for delivering strategic solutions for his clients.</p>
<p>
Beyond his professional achievements, Parmesh Bali is deeply committed to uplifting the society. He regularly provides pro bono legal aid services to those in need, ensuring that justice is accessible to all, regardless of their circumstances.
</p>
<p>His social work includes planting trees on numerous occasions, feeding the underprivileged , and distributing essential items to the handicapped and impoverished, providing education to children. His community efforts underscore his belief in contributing to the greater good and leaving a positive impact on society.</p>
</div>
</div>
</div>
</section><!-- /About Section -->
<!-- Services Section -->
<section id="services" class="services section" style="background-color: #ededed;">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Services</h2>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-4 justify-content-md-center">
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="100">
<div class="icon flex-shrink-0"><!-- <i class="bi bi-briefcase"></i> --></div>
<div>
<h4 class="title">Criminal Defence </h4>
<p class="description">With decades of experience, we are leaders in criminal defence, having represented clients in many landmark cases.</p>
<a href="criminal.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div>
<!-- End Service Item -->
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="200">
<div class="icon flex-shrink-0"><!-- <i class="bi bi-card-checklist"></i> --></div>
<div>
<h4 class="title">White Collar Crime </h4>
<p class="description">The evolving complexities of criminal laws and the surge in white-collar crime prosecutions have significantly increased risks for businesses in India.</p>
<a href="white-collar.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="300">
<div class="icon flex-shrink-0"><!-- <i class="bi bi-bar-chart"></i> --></div>
<div>
<h4 class="title">Matrimonial Dispute </h4>
<p class="description">Matrimonial disputes are inherently sensitive and complex, requiring not only legal expertise but also compassion and strategic handling.</p>
<a href="matrimonial-dispute-resolution-practice.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="400">
<div class="icon flex-shrink-0"><!-- <i class="bi bi-binoculars"></i> --></div>
<div>
<h4 class="title">Corporate </h4>
<p class="description">Our Corporate Practice is the Firm's largest practice area. With a robust team, we deliver comprehensive legal services tailored to meet the dynamic needs of our clients.</p>
<a href="corporate-practice.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="500">
<div class="icon flex-shrink-0"><!-- <i class="bi bi-brightness-high"></i> --></div>
<div>
<h4 class="title">Recovery Law </h4>
<p class="description">Our team of highly skilled and experienced lawyers provides comprehensive legal support for Debt Recovery Tribunal (DRT) cases in Delhi.</p>
<a href="recovery-law-practice.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
</div>
</div>
</section><!-- /Services Section -->
<!-- Portfolio Section -->
<section id="gallery" class="portfolio section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Gallery</h2>
</div><!-- End Section Title -->
<div class="container">
<div class="isotope-layout" data-default-filter="*" data-layout="masonry" data-sort="original-order">
<div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
<div class="portfolio-content h-100">
<img src="assets/img/gallery/1.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<!-- <p>Lorem ipsum, dolor sit amet consectetur</p> -->
<a href="assets/img/gallery/1.jpg" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
<div class="portfolio-content h-100">
<img src="assets/img/gallery/2.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<!-- <p>Lorem ipsum, dolor sit amet consectetur</p> -->
<a href="assets/img/gallery/2.jpg" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
<div class="portfolio-content h-100">
<img src="assets/img/gallery/3.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<!-- <p>Lorem ipsum, dolor sit amet consectetur</p> -->
<a href="assets/img/gallery/3.jpg" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
<div class="portfolio-content h-100">
<img src="assets/img/gallery/4.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<!-- <p>Lorem ipsum, dolor sit amet consectetur</p> -->
<a href="assets/img/gallery/4.jpg" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
<div class="portfolio-content h-100">
<img src="assets/img/gallery/5.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<!-- <p>Lorem ipsum, dolor sit amet consectetur</p> -->
<a href="assets/img/gallery/5.jpg" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
<div class="portfolio-content h-100">
<img src="assets/img/gallery/6.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<!-- <p>Lorem ipsum, dolor sit amet consectetur</p> -->
<a href="assets/img/gallery/6.jpg" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
<div class="portfolio-content h-100">
<img src="assets/img/gallery/7.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<!-- <p>Lorem ipsum, dolor sit amet consectetur</p> -->
<a href="assets/img/gallery/7.jpg" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
<div class="portfolio-content h-100">
<img src="assets/img/gallery/8.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<!-- <p>Lorem ipsum, dolor sit amet consectetur</p> -->
<a href="assets/img/gallery/8.jpg" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
<div class="portfolio-content h-100">
<img src="assets/img/gallery/9.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<!-- <p>Lorem ipsum, dolor sit amet consectetur</p> -->
<a href="assets/img/gallery/9.jpg" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
<div class="portfolio-content h-100">
<img src="assets/img/gallery/10.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<!-- <p>Lorem ipsum, dolor sit amet consectetur</p> -->
<a href="assets/img/gallery/10.jpg" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Portfolio Item -->
</div><!-- End Portfolio Container -->
</div>
</div>
</section><!-- /Portfolio Section -->
<!-- Contact Section -->
<section id="contact" class="contact section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Contact</h2>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="info-wrap" data-aos="fade-up" data-aos-delay="200">
<div class="row gy-5 justify-content-md-center">
<div class="col-lg-4">
<div class="info-item d-flex align-items-center">
<i class="bi bi-geo-alt flex-shrink-0"></i>
<div>
<h3>Patiala house courts</h3>
<p>Chamber no. 583 Patiala house courts, New Delhi - 110001</p>
</div>
</div>
</div><!-- End Info Item -->
<div class="col-lg-4">
<div class="info-item d-flex align-items-center">
<i class="bi bi-geo-alt flex-shrink-0"></i>
<div>
<h3>Tis hazari courts</h3>
<p>Chamber no. 12 Civil side, Near gole canteen, Tis hazari courts. New Delhi- 110054</p>
</div>
</div>
</div><!-- End Info Item -->
<div class="col-lg-4">
<div class="info-item d-flex align-items-center">
<i class="bi bi-geo-alt flex-shrink-0"></i>
<div>
<h3>Saket courts</h3>
<p>Chamber no. 154, chamber block. Saket courts New Delhi- 110017</p>
</div>
</div>
</div><!-- End Info Item -->
<div class="col-lg-4">
<div class="info-item d-flex align-items-center">
<i class="bi bi-telephone flex-shrink-0"></i>
<div>
<h3>Call<br></h3>
<p><a href="tel:+919868111965">+91 9868 111 965</a></p>
</div>
</div>
</div><!-- End Info Item -->
<div class="col-lg-4">
<div class="info-item d-flex align-items-center">
<i class="bi bi-envelope flex-shrink-0"></i>
<div>
<h3>Email</h3>
<p><script>user='parmeshbali.advocate';site='gmail.com';document.write('<a href=\"mailto:'+user+'@'+site+'\" class=\"text-link\">');document.write(user+'@'+site+'</a>');</script></p>
</div>
</div>
</div><!-- End Info Item -->
</div>
</div>
<form id="contactForm" class="php-email-form" data-aos="fade-up" data-aos-delay="300" method="POST" action="">
<div class="row gy-4">
<div class="col-md-6">
<input type="text" name="name" id="name" class="form-control" placeholder="Your Name">
</div>
<div class="col-md-6 ">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email">
</div>
<div class="col-md-6">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject">
</div>
<div class="col-md-6">
<input type="text" class="form-control" name="mobile" id="mobile" placeholder="Mobile">
</div>
<div class="col-md-12">
<textarea class="form-control" name="message" rows="6" id="message" placeholder="Message"></textarea>
</div>
<div class="col-md-12">
<div class="g-recaptcha" data-sitekey="6LcGGaEqAAAAANWPl4rXJH8t3LcK0xzWycHAU_F9"></div>
</div>
<div class="col-md-12 text-center">
<div class="loading">Loading</div>
<!-- <div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div> -->
<div id="feedbackmessage"></div>
<input type="submit" value="Send Message" class="contact-btn">
<!-- <button type="submit">Send Message</button> -->
</div>
</div>
</form><!-- End Contact Form -->
</div>
</section><!-- /Contact Section -->
</main>
<!-- Vertically centered modal -->
<div class="modal fade bd-example-modal-lg" id="disclaimerModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5">Disclaimer</h1>
</div>
<div class="modal-body">
<p>
As per The Bar Council of India Rules and The Advocates Act, 1961, an advocate cannot approach his/her client or advertise or promote his profession by way of advertisements or solicitation. Thus, this website has not been created to approach or solicit our client or advertise our firm but to provide some necessary information about our firm and services to our existing clients.
</p>
<p>
Any user of this website is warned that the contents stated herein are not guaranteed to be accurate, up-to-date or complete. Parmesh Bali Advocate disclaims all responsibilities and liabilities for interpretation or use of information contained on this website nor does it offer any warranty expressed or implied. The information provided under this website is solely available at your request for informational purposes only, should not be interpreted as soliciting or advisement.
</p>
<p>
The contents of this website shall not be considered as Legal Advice as the contents thereof is not exhaustive. It is only introductory. In cases where the user has any legal issues, he/she in all cases must seek independent legal advice. We are not liable for any consequence of any action taken by the user relying on material/information provided under this website. The viewer acknowledges that he or she has read and understood the disclaimer as provided hereinabove.
</p>
</div>
<div class="modal-footer">
<button class="btn btn-primary contact-btn" data-bs-target="#disclaimerModal" data-bs-toggle="modal">Agree</button>
</div>
</div>
</div>
</div>
<footer id="footer" class="footer light-background">
<div class="container">
<div class="social-links d-flex justify-content-center">
<a target="_blank" href="https://www.instagram.com/parmeshbali_advocate_official"><i class="bi bi-instagram"></i></a>
<a target="_blank" href="https://www.linkedin.com/in/parmesh-bali-53a550105"><i class="bi bi-linkedin"></i></a>
</div>
<div class="container">
<div class="copyright">
<span>Copyright</span> <strong class="px-1 sitename">Parmesh Bali Advocate</strong> <span>All Rights Reserved</span>
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you've purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
Designed by <a target="_blank" href="https://questend.com/">Questend India Pvt. Ltd.</a>
</div>
</div>
</div>
</footer>
<!-- Scroll Top -->
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Preloader -->
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/typed.js/typed.umd.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.js"></script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
setTimeout(function () {
var myModal = new bootstrap.Modal(document.getElementById('disclaimerModal'), {
backdrop: 'static',
keyboard: false
});
myModal.show();
}, 2000); // 1 second
});
</script>
<script type='text/javascript' src="//jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
<script type='text/javascript' src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.js"></script>
<script type='text/javascript' src='//code.jquery.com/jquery-1.8.3.js'></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<!-- Google reCAPTCHA CDN -->
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script type="text/javascript">
$(document).ready(function () {
$('#contactForm').on('submit', function (e) {
e.preventDefault(); // Prevent default form submission
// Clear previous error messages
$('.error').remove();
// Validation
let name = $('#name').val().trim();
let email = $('#email').val().trim();
let mobile = $('#mobile').val().trim();
let subject = $('#subject').val().trim();
let message = $('#message').val().trim();
let isValid = true;
if (!name) {
$('#name').after('<span class="error" style="color:red; font-size:18px;">Please enter your name</span>');
isValid = false;
}
if (!subject) {
$('#subject').after('<span class="error" style="color:red; font-size:18px;">Please enter subject</span>');
isValid = false;
}
if (!validateEmail(email)) {
$('#email').after('<span class="error" style="color:red; font-size:18px;">Please enter a valid email address</span>');
isValid = false;
}
if (!message) {
$('#message').after('<span class="error" style="color:red; font-size:18px;">Please enter your message</span>');
isValid = false;
}
if (mobile === "" || !validateMobile(mobile)) {
$('#mobile').after('<span class="error" style="color:red; font-size:18px;">Please enter a valid 10-digit mobile number</span>');
isValid = false;
}
let recaptchaResponse = grecaptcha.getResponse();
if (!recaptchaResponse) {
$('.g-recaptcha').after('<span class="error" style="color:red; font-size:18px;">Please complete the reCAPTCHA</span>');
isValid = false;
}
if (isValid) {
// Prepare form data
var formData = { name, email, mobile, subject, message, 'g-recaptcha-response': recaptchaResponse };
// Show processing message
$('#feedbackmessage').html('<span style="color:blue;">Processing your request, please wait...</span>');
// AJAX request
$.ajax({
url: "form_submit.php",
type: "POST",
data: formData,
success: function (response) {
try {
const res = JSON.parse(response);
if (res.success) {
$('#contactForm')[0].reset();
$('#feedbackmessage').html('<span style="color:green; font-size:18px;">Your request was successfully submitted!</span>');
grecaptcha.reset(); // Reset reCAPTCHA
setTimeout(() => $('#feedbackmessage').html(''), 10000);
} else {
$('#feedbackmessage').html('<span style="color:red; font-size:18px;">' + (res.error || 'Failed to submit the form. Please try again later.') + '</span>');
}
} catch (error) {
$('#feedbackmessage').html('<span style="color:red; font-size:18px;">Error processing server response.</span>');
}
},
error: function () {
$('#feedbackmessage').html('<span style="color:red; font-size:18px;">An error occurred while submitting the form.</span>');
},
});
}
});
// Email validation function
function validateEmail(email) {
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
return emailRegex.test(email);
}
function validateMobile(mobile) {
const mobileRegex = /^[0-9]{10}$/;
return mobileRegex.test(mobile);
}
});
</script>
</body>
</html>
PK 99