revealability

Back Back Up Advanced Editor

<?php include("include/header.php"); ?>
<head>
   
   <title>Contact Us | Get in Touch with OVA</title>
   <meta name="description" content="Have questions or want to get involved? Contact us today.">
   <meta name="keywords" content="contact us, volunteer inquiry, volunteer support, help center, OVA contact">
   <meta name="robots" content="index, follow">
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <meta name="language" content="English">
   <link rel="canonical" href="https://www.ova.ngo/contact.php">
   
   <meta property="og:title" content="Contact Us | Get in Touch with OVA">
   <meta property="og:description" content="Have questions or want to get involved? Contact us today.">
   <meta property="og:image" content="assets/images/logo.png">
   <meta property="og:url" content="https://www.ova.ngo/contact.php">
   
   <meta name="twitter:title" content="Contact Us | Get in Touch with OVA">
   <meta name="twitter:description" content="Have questions or want to get involved? Contact us today.">
   <meta name="twitter:url" content="https://www.ova.ngo/contact.php">
   <meta name="twitter:card" content="summary">
</head>
<section class="page-title bg-background-area" data-bg="assets/images/bg1.jpg">
   <div class="overlay"></div>
   <div class="page-title-container">
      <div class="page-title-wrapper">
         <div class="container">
            <div class="row">
               <div class="col col-xs-12">
                  <h2>Contact Us</h2>
                  <ol class="breadcrumb">
                     <li><a href="./">Home</a></li>
                     <li>Contact Us</li>
                  </ol>
               </div>
            </div>
            
         </div>
         
      </div>
   </div>
</section>

<section class="contact-section section-padding data-bg-image" data-background="assets/images/connecting.png">
   <div class="container">
      <div class="row">
         <div class="col col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">
            <div class="section-title-s3">
               <span>#Contact with us</span>
               <p>We’re here to help! If you have any questions, feedback, or need assistance, please don’t hesitate to reach out. You can contact us via email or call us. We look forward to hearing from you!</p>
            </div>
         </div>
         <div class="col col-xs-12">
            <div class="row contact-info-grids">
               <div class="col-md-4" style="padding: 22px 0 !important;">
                  <i class="fi flaticon-house"></i>
                  <h4>Address</h4>
                  <p style="font-size: 14px;"><?php echo $row['address'];?></p>
               </div>
               <div class="col-md-4">
                  <i class="fi flaticon-email"></i>
                  <h4>Email Address</h4>
                  <p><?php echo $row['email'];?></p>
               </div>
               <div class="col-md-4">
                  <i class="fi flaticon-call"></i>
                  <h4>Phone Number</h4>
                  <p><?php echo $row['contact'];?></p>
               </div>
            </div>
         </div>
      </div>
      <div class="contact-form-area" id="contact-form">
         <div class="row">
            <div class="col col-md-12">
               <div class="contact-form">
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                                
                  
                  
                  
                  
                  
                  
                  
                  
                     
                     
                     
                  
                  
                  
                  
                  
                              
                  
                  
                  
                  
                  
                  
                  
                                 
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
               </div>
            </div>
         </div>
      </div>
   </div>
   
</section>


<section class="contact-map-section">
   <h2 class="hidden">Contact map</h2>
   <div class="contact-map">
      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3821.658107128053!2d74.26900882388874!3d16.693983622412695!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bc101ce885fbb9b%3A0xb26776372d8db8ff!2sChavan%20Dafale%20Colony%2C%20Temblaiwadi%2C%20Uchgaon%2C%20Kolhapur%2C%20Maharashtra%20416005!5e0!3m2!1sen!2sin!4v1729862836128!5m2!1sen!2sin" width="100%" height="450" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
   </div>
</section>

<?php include("include/footer.php"); ?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>
<script>
   $(document).ready(function() {
       
        jQuery.validator.addMethod("pdfFile", function(value, element) {
           // Check if the file input has a value and the file extension is .pdf
           return this.optional(element) || value.toLowerCase().endsWith('.pdf');
       }, "Please upload a PDF file.");
       // Iterate over each modal form by targeting the form class or ID dynamically
       $("form[id^='add_career']").each(function() {
           $(this).validate({
               rules: {
                   name: {
                       required: true,
                       lettersonly: true
                   },
                    message: {
                       required: true
                      
                   },
                    subject: {
                       required: true
                      
                   },
                   email: {
                       required: true,
                       email: true
                   },
                   phone: {
                       required: true,
                       digits: true,
                       minlength: 10,
                       maxlength: 15
                   }
               },
               messages: {
                   name: {
                       required: "Please enter your name",
                       lettersonly: "Only alphabetic characters are allowed"
                   },
                   message: {
                       required: "Please enter your message"
                      
                   },
                   email: {
                       required: "Please enter your email",
                       email: "Please enter a valid email address"
                   },
                   phone: {
                       required: "Please enter your phone number",
                       digits: "Please enter only digits",
                       minlength: "Phone number must be at least 10 digits",
                       maxlength: "Phone number must not exceed 15 digits"
                   }
               }
           });
       });
   });
</script>
<script>
   $(document).ready(function(){
       let captchaText = document.querySelector('#captcha');
       let userText = document.querySelector('#textBox');
       let alphaNums = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
   let emptyArr = [];
   for(let i = 1; i <= 6; i++) {
   emptyArr.push(alphaNums[Math.floor(Math.random() * alphaNums.length)]);
   }
   //captchaText.innerHTML = emptyArr.join('');
   captchaText.value = emptyArr.join('');
      // captchaText.value = emptyArr.join('');
   document.getElementById('hiddenCaptcha').value = captchaText.value;
      $("input[name='btn_register']").click(function(e){
               if(userText.value === captchaText.value) {
               $('form').submit();               
   
           } else {
               output.classList.add("text-danger");
               output.innerHTML = "Incorrect, please try again";
               return false;
           }
       });
       $("#refresh").click(function(e){
           userText.value = "";
           let refreshArr = [];
           for(let j = 1; j <= 7; j++) {
               refreshArr.push(alphaNums[Math.floor(Math.random() * alphaNums.length)]);
           }
           captchaText.innerHTML = refreshArr.join('');
           output.innerHTML = "";
       });      
   });
</script>