<video autoplay="" loop="" playsinline="" class="auth-sidebar__globe"><source src="https://hrcdn.net/fcore/assets/onboarding/globe-5fdfa9a0f4.mp4" type="video/mp4"></video>

##############################################################
    <!-- EmailJS SDK -->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
    
    <script>
      // Initialize EmailJS
      (function() {
        emailjs.init("zWQOlYQ4bciwnArBJ"); // Replace with your EmailJS public key
      })();
      
      document.getElementById('contactForm').addEventListener('submit', function(e) {
        e.preventDefault();
        
        const submitBtn = document.getElementById('submitBtn');
        const btnText = document.getElementById('btnText');
        const btnLoading = document.getElementById('btnLoading');
        const formStatus = document.getElementById('formStatus');
        
        // Show loading state
        submitBtn.disabled = true;
        btnText.style.display = 'none';
        btnLoading.style.display = 'inline';
        formStatus.style.display = 'none';
        
        // Send email using EmailJS
        emailjs.sendForm('service_ab51tgi', 'template_o1giwpf', this)
        .then(function() {
          formStatus.innerHTML = '<div class="alert alert-success"><i class="fas fa-check-circle"></i> Message sent successfully! We\'ll get back to you soon.</div>';
          formStatus.style.display = 'block';
          document.getElementById('contactForm').reset();
        }, function(error) {
          formStatus.innerHTML = '<div class="alert alert-danger"><i class="fas fa-exclamation-circle"></i> Sorry, there was an error. Please try again.</div>';
          formStatus.style.display = 'block';
        })
        .finally(() => {
          // Reset button state
          submitBtn.disabled = false;
          btnText.style.display = 'inline';
          btnLoading.style.display = 'none';
        });
      });
    </script>
    
    
    
    ################
    <button type="submit" class="primary-btn" id="submitBtn">
           <span id="btnText">Send Message</span>
           <span id="btnLoading" style="display: none;">
             <i class="fas fa-spinner fa-spin"></i> Sending...
           </span>
         </button>
  


About author

author image

Amrit panta

Fullstack developer, content creator



Scroll to Top