Curl error: Could not resolve host: app.blogpal.ai
  </div>

</section>



<div id="job-popup" class="prose fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 hidden z-50 p-4">
  <div class="bg-white p-6 rounded-lg shadow-lg w-full max-w-6xl relative max-h-[80vh] sm:max-h-[70vh] lg:max-h-[60vh] overflow-auto">
    <button onclick="closePopup()" class="absolute top-3 right-3 text-gray-500 hover:text-gray-800 text-xl">✕</button>

    <h2 class="text-2xl  mb-6 text-gray-800 text-center">Apply for <span class="text-blue-950 font-semibold" id="popup-job-title"></span></h2>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
      <!-- Left Side: Job Details -->
      <div class="w-full">
        <p class="text-sm text-gray-600 mb-1"><strong>Job ID:</strong> <span id="popup-job-id"></span></p>
    
        
        <div class="mt-4">
  <div
    class="text-gray-700 text-sm space-y-2 break-words"
    id="popup-job-desc"
  ></div>
</div>
      </div>

      <!-- Right Side: Application Form -->
      <form id="submission_form" class="space-y-4 w-full" enctype="multipart/form-data" method="post" action="/Careers.php">
              <input type="hidden" name="job_id" id="form-job-id">
        <input type="hidden" name="job_title" id="form-job-title">

        <div>
          <label class="block text-sm font-medium text-gray-700">Full Name</label>
  
          <input type="text" name="full_name" required class="mt-1 w-full border rounded-lg px-3 py-2 focus:ring focus:ring-blue-200" />
        </div>

        <div>
          <label class="block text-sm font-medium text-gray-700">Email</label>
          <input type="email" name="email" required class="mt-1 w-full border rounded-lg px-3 py-2 focus:ring focus:ring-blue-200" />
        </div>

        <div>
          <label class="block text-sm font-medium text-gray-700">Phone Number</label>
          <input type="tel" name="phone" required class="mt-1 w-full border rounded-lg px-3 py-2 focus:ring focus:ring-blue-200" />
        </div>

        <div>
          <label class="block text-sm font-medium text-gray-700">Address</label>
          <textarea name="address" rows="2" class="mt-1 w-full border rounded-lg px-3 py-2 focus:ring focus:ring-blue-200"></textarea>
        </div>

        <div>
          <label class="block text-sm font-medium text-gray-700">Experience</label>
          <select name="experience" class="mt-1 w-full border rounded-lg px-3 py-2">
            <option value="1-3 years">1-3 years</option>
            <option value="3-6 years">3-6 years</option>
            <option value="6-9 years">6-9 years</option>
            <option value="10+ years">10+ years</option>
          </select>
        </div>

        <div>
          <label class="block text-sm font-medium text-gray-700">Work Authorization</label>
          <select name="work_auth" class="mt-1 w-full border rounded-lg px-3 py-2">
          <option value="Work Permit">Work Permit</option>
                                <option value="Permanent resident (PR)">Permanent resident (PR)</option>
                                <option value="Citizen">Citizen</option>
          </select>
        </div>

        <div>
          <label class="block text-sm font-medium text-gray-700">Upload Resume</label>
          <input type="file" name="resume_file" required class="mt-1 w-full border rounded-lg px-3 py-2 file:mr-4 file:py-2 file:px-4 file:rounded file:border-0 file:bg-blue-600 file:text-white hover:file:bg-blue-700" />
        </div>

        <div class="text-right">
          <button type="submit" class="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition">Submit Application</button>
        </div>
      </form>
    </div>
  </div>
  
  


</div>
        










  


   




    
    
    


 

    

    
    





  


    <!--<section class=" bg-gradient-to-b from-white via-blue-100 to-blue-50 ml-3 mr-3 md:ml-14 md:mr-14 mx-auto rounded-lg">-->

    

    <section id="footer-section">
            <!-- Footer -->

            <footer class="text-center text-lg-start bg-[#003366] ">

                <!-- Section: Links -->
                <section>
                    <div class="container mx-auto px-4 text-center text-md-start">

                        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4 gap-8 pt-6">

                            <div class="mb-4 flex flex-col items-start">
                                <h2 class="text-uppercase text-blue-950 font-medium text-white text-xl">
                                    iPartner Consulting
                                </h2>
                                <ul class="space-y-2 pl-0 pt-2 ml-0 text-left">
                                    <li><a href="index.html" class="text-white"><i class="fas fa-home mr-2"></i>Home</a>
                                    </li>
                                    <li><a href="Aboutus.html" class="text-white"><i class="fas fa-user mr-2"></i>About
                                            Us</a></li>
                                    <li><a href="services.html" class="text-white"><i
                                                class="fas fa-cogs mr-2"></i>Services</a></li>
                                    <!-- <li><a href="#product-section" class="text-white"><i
                                                class="fas fa-box-open mr-2"></i>Products</a></li>
                                    <li><a href="#solution-section" class="text-white"><i
                                                class="fas fa-lightbulb mr-2"></i>Solutions</a></li> -->
                                    <li><a href="Careers.php" class="text-white"><i
                                                class="fas fa-briefcase mr-2"></i>Careers</a></li>
                                    <li><a href="contactus.html" class="text-white"><i
                                                class="fas fa-envelope mr-2"></i>Contact Us</a></li>
                                </ul>
                            </div>

                            <div class="mb-4 flex flex-col items-start">
                                <h2 class="text-uppercase text-blue-950 font-medium text-white text-xl pt-1">
                                    Products
                                </h2>
                                <ul class="space-y-2 pl-0 pt-2 ml-0 text-left">
                                    <li><a href="ITProfessional.html" class="text-white"><i
                                                class="fas fa-users mr-2"></i>IT
                                            & Professional Staffing</a></li>
                                    <li><a href="Healthcare.html" class="text-white"><i
                                                class="fas fa-hospital mr-2"></i>Healthcare Staffing</a></li>
                                    <li><a href="Iass.html" class="text-white"><i
                                                class="fas fa-cloud mr-2"></i>Interview as a Service</a>
                                    </li>
                                    <li><a href="SassPass.html" class="text-white"><i
                                                class="fas fa-server mr-2"></i>SaaS &
                                            PaaS</a></li>
                                    <li><a href="Taas.html" class="text-white"><i class="fas fa-tools mr-2"></i>TaaS</a>
                                    </li>
                                </ul>
                            </div>

                            <div class="mb-4 flex flex-col items-start">
                                <h2 class="text-uppercase text-blue-950 font-medium text-white text-xl pt-1  ">
                                    Social Media</h2>
                                <ul class="space-y-2 pt-2 text-left">

                                    <!-- <li class="text-lg"><a href="#" class="text-white"><i class="fab fa-facebook-f"></i>
                                        Facebook</a></li> -->
                                    <li class="text-lg"><a target="_blank"
                                            href="https://www.linkedin.com/company/ipartnerconsult/" class="text-white">
                                            <i class="fab fa-linkedin"></i> Linkedin</a>
                                    </li>
                                    <li class="text-lg"><a target="_blank" href="/blogs/index.php" class="text-white"><i
                                                class="fas fa-newspaper"></i>
                                            Blogs</a></li>

                                </ul>
                            </div>

                            <div class="mb-4 flex flex-col items-start">

                                <h2 class="text-uppercase text-blue-950 font-medium text-white text-xl pt-1 ">

                                    Contact</h2>
                                <ul class="space-y-2  pt-2 text-left">
                                    <li>
                                        <p class="text-white"><i
                                                class="fas fa-envelope mr-3"></i>info@ipartnerconsulting.com</p>
                                    </li>
                                    <!-- <li>
                                    <p class="text-white"><i class="fas fa-phone mr-3"></i>+1(905)-999-5888 </p>
                                </li> -->
                                    <!-- <li>
                                    <p class="text-white"><i class="fas fa-print mr-3"></i> + 01 234 567 89</p>
                                </li> -->
                                </ul>
                            </div>

                        </div>
                        <!-- Grid row -->
                    </div>
                </section>


                <!-- Section: Logo, Copyright, Privacy, Terms, and Social Media -->
                <section class="flex flex-col sm:flex-row justify-center items-center p-4  bg-slate-900">
                    <!-- Company Logo -->
                    <div class="mb-4 sm:mb-0">
                        <!-- <a href="#">
                        <img src="https://www.ipartnerconsulting.com/assets/ipartner_consulting%20logo-white.png"
                            alt="Company Logo" class="h-8">
                    </a> -->
                    </div>

                    <div class="text-white text-center sm:text-left mb-4 sm:mb-0">
                        <span class="text-white">© 2025 iPartner Consulting™ All rights
                            reserved.</span>
                        <span class="mx-2">|</span>
                        <a href="privacy_policy.html" aria-label="Privacy" class="text-white  hover:underline">Privacy
                            Policy</a>
                        <span class="mx-2">|</span>
                        <a href="#" aria-label="Conditions" class="text-white  hover:underline">Terms and
                            Conditions</a>
                    </div>
                    <!-- <div class="flex space-x-4">
                    <a href="#" class="text-gray-200 dark:text-gray-300">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a href="#" class="text-gray-200 dark:text-gray-300">
                        <i class="fab fa-twitter"></i>
                    </a>
                    <a href="#" class="text-gray-200 dark:text-gray-300">
                        <i class="fab fa-google"></i>
                    </a>
                    <a href="#" class="text-gray-200 dark:text-gray-300">
                        <i class="fab fa-linkedin"></i>
                    </a>
                    <a href="#" class="text-gray-200 dark:text-gray-300">
                        <i class="fab fa-github"></i>
                    </a>
                </div> -->
                </section>
            </footer>
            <!-- Footer -->
        </section>
<div id="popup" class="fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white text-gray-800 px-6 py-8 w-96 rounded-2xl shadow-2xl z-50 border border-gray-300 hidden">
 <div class="flex flex-row justify-between">
    <div class="text-left text-sm ">
    <img src="https://www.iphsp.com/assets/images/logo/biglogo.png" class="h-10">
   
  </div>
  <button onclick="closePopup_()" class="">
    X
  </button>

 </div>
  <!-- Message Content -->
  <div class="text-left">
    <span id="popup-message" class="text-lg  text-blue-950"></span>
  </div>
 
</div>

<script>
function showPopup(message) {
  const popup = document.getElementById('popup');
  const msg = document.getElementById('popup-message');
  msg.textContent = message;
  popup.classList.remove('hidden');

  // Auto-close after 5 seconds
  setTimeout(() => {
    closePopup();
  }, 5000);
}

function closePopup_() {
  document.getElementById('popup').classList.add('hidden');
}
</script>
<!-- 
    <script>
        const toggleButton = document.getElementById('menu-toggle');
        const mobileMenu = document.getElementById('mobile-menu');
        const menuIcon = document.getElementById('menu-icon');

        toggleButton.addEventListener('click', () => {
            mobileMenu.classList.toggle('hidden');
            mobileMenu.classList.toggle('flex');

            // Optionally animate burger icon into "X"
            if (mobileMenu.classList.contains('flex')) {
                menuIcon.setAttribute('d', 'M6 18L18 6M6 6l12 12');
            } else {
                menuIcon.setAttribute('d', 'M4 6h16M4 12h16M4 18h16');
            }
        });
    </script>
     -->
    <script>
  function openPopup(jobID, jobDesc,jobTitle) {
    document.getElementById('popup-job-id').innerHTML = jobID;
    document.getElementById('popup-job-title').innerHTML = jobTitle;
    document.getElementById('form-job-id').value = jobID;
    document.getElementById('form-job-title').value  = jobTitle;    
    // document.getElementById('popup-job-desc').innerHTML  = jobDesc;
    document.getElementById('popup-job-desc').innerHTML = DOMPurify.sanitize(jobDesc);
    document.getElementById('job-popup').classList.remove('hidden');
  }

  function closePopup() {
    document.getElementById('job-popup').classList.add('hidden');
  }
</script>

    <script src="../javascript/script.js" defer></script>

</body>

</html>