????????????????????
??????????????????
ÿØÿà
 JFIF      ÿÛ C      


!"$"$ÿÛ C    
ÿÂ p 
" ÿÄ     
         ÿÄ             ÿÚ 
   ÕÔË®

(%	aA*‚XYD¡(J„¡E¢RE,P€XYae )(E¤²€B¤R¥	BQ¤¢ X«)X…€¤   @  

adadasdasdasasdasdas


.....................................................................................................................................????????????????????
??????????????????
ÿØÿà
 JFIF      ÿÛ C      


!"$"$ÿÛ C    
ÿÂ p 
" ÿÄ     
         ÿÄ             ÿÚ 
   ÕÔË®

(%	aA*‚XYD¡(J„¡E¢RE,P€XYae )(E¤²€B¤R¥	BQ¤¢ X«)X…€¤   @  

adadasdasdasasdasdas


.....................................................................................................................................<?php
// include 'connection.php';

// $sessions = $conn->query("SELECT * FROM course WHERE status = 1");
?>

<!doctype html>
<html class="no-js" lang="zxx">

<head>
   <meta charset="utf-8">
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <title>Admission | Xcel Placement Consultancy</title>
   <meta name="description" content="Welcome to Xcel Placement Consultancy">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

   <style>
      .custom-dropdown {
         position: relative;
         width: 100%;
      }

      .dropdown-selected {
         padding: 12px;
         border: 1px solid #ccc;
         border-radius: 6px;
         background: #fff;
         cursor: pointer;
      }

      .dropdown-options {
         display: none;
         position: absolute;
         width: 100%;
         background: #fff;
         border: 1px solid #ccc;
         border-radius: 6px;
         margin-top: 4px;
         max-height: 250px;
         overflow-y: auto;
         z-index: 999;
      }

      .dropdown-option {
         padding: 12px;
         border-bottom: 1px solid #eee;
         cursor: pointer;
      }

      .dropdown-option:hover {
         background-color: #f2f2f2;
      }
   </style>


</head>

<body>
   <?php include 'header.php'; ?>

   <main>

      <!-- breadcrumb-area-start -->
      <div class="it-choose-3-area fix z-index-1">
         <div class="container">
            <div class="row text-align-center">
               <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12">
                  <div class="it-breadcrumb-content z-index-1">
                     <div class="it-breadcrumb-title-box">
                        <h3 class="it-breadcrumb-title it-split-text it-split-in-right">
                           Job Application Form
                        </h3>
                     </div>
                  </div>
               </div>

            </div>
         </div>
      </div>
      <!-- breadcrumb-area-end -->

      <!-- contact-area-start -->
      <div class="it-contact-3-area pt-30 pb-30">
         <div class="container">
            <div class="row" style="place-content: center;">

               <div class="col-lg-6 order-0 order-lg-1">
                  <div class="it-contact-3-right">
                     <div class="it-contact-3-form-box">
                        <form name="jobApplicationForm" method="post" action="job_application_process.php" id="jobApplicationForm" enctype="multipart/form-data">
                           <div class="it-signup-input-wrap">
                              <div class="row">

                                 <!-- Full Name -->
                                 <div class="col-md-6">
                                    <div class="it-signup-input mb-20">
                                       <label>Full Name</label>
                                       <input type="text" name="name" id="name" placeholder="Enter Your Full Name" required>
                                    </div>
                                 </div>

                                 <!-- Email -->
                                 <div class="col-md-6">
                                    <div class="it-signup-input mb-20">
                                       <label>Email Address</label>
                                       <input type="email" name="email" id="email" placeholder="Enter Your Email">
                                    </div>
                                 </div>

                                 <!-- Mobile -->
                                 <div class="col-md-6">
                                    <div class="it-signup-input mb-20">
                                       <label>Mobile Number</label>
                                       <input type="text" name="mobile" id="mobile" placeholder="Enter Mobile Number" required>
                                    </div>
                                 </div>

                                 <!-- Position -->
                                 <div class="col-md-6">
                                    <div class="it-signup-input mb-20">
                                       <label>Position Applied For</label>
                                       <input type="text" name="position" id="position" placeholder="e.g., Mobile Crane Operator">
                                    </div>
                                 </div>
                                 <!-- Years of Experience -->
                                 <div class="col-md-6">
                                    <div class="it-signup-input mb-20">
                                       <label>Years of Experience</label>
                                       <input type="text" name="experience" id="experience" placeholder="e.g., 2" min="0">
                                    </div>
                                 </div>

                                 <!-- Address -->
                                 <div class="col-md-6">
                                    <div class="it-signup-input mb-20">
                                       <label>Address</label>
                                       <input type="text" name="address" id="address" placeholder="Enter Your Address">
                                    </div>
                                 </div>

                                 <!-- Qualification -->
                                 <div class="col-md-6">
                                    <div class="it-signup-input mb-20">
                                       <label>Highest Qualification</label>
                                       <input type="text" name="qualification" id="qualification" placeholder="e.g., Diploma in Engineering">
                                    </div>
                                 </div>

                                 <!-- Portfolio -->
                                 <div class="col-md-6">
                                    <div class="it-signup-input mb-20">
                                       <label>LinkedIn/Portfolio URL</label>
                                       <input type="text" name="portfolio" id="portfolio" placeholder="https://linkedin.com/in/yourprofile">
                                    </div>
                                 </div>

                                 <!-- Cover Letter -->
                                 <div class="col-md-12">
                                    <div class="it-signup-input mb-20">
                                       <label>Cover Letter</label>
                                       <textarea name="cover_letter" id="cover_letter" placeholder="Write a cover letter for your application" style="height:100px"></textarea>
                                    </div>
                                 </div>

                                 <!-- Upload File -->
                                 <div class="col-md-12">
                                    <div class="it-signup-input mb-20">
                                       <label>Upload CV/Resume *</label>
                                       <input type="file" name="cv" id="cv" accept=".pdf,.doc,.docx" required>
                                    </div>
                                 </div>


                                 <!-- Submit Button -->
                                 <div class="col-12">
                                    <button class="it-btn-yellow theme-bg" type="submit" name="submit" id="submit" value="Submit Application">
                                       <span>
                                          <span class="text-1">Submit Now</span>
                                          <span class="text-2">Submit Now</span>
                                       </span>
                                       <i>
                                          <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                             <path d="M15.0544 8.1364C15.4058 7.78492 15.4058 7.21508 15.0544 6.8636L9.3268 1.13604C8.97533 0.784567 8.40548 0.784567 8.05401 1.13604C7.70254 1.48751 7.70254 2.05736 8.05401 2.40883L13.1452 7.5L8.05401 12.5912C7.70254 12.9426 7.70254 13.5125 8.05401 13.864C8.40548 14.2154 8.97533 14.2154 9.3268 13.864L15.0544 8.1364ZM0.417969 7.5V8.4H14.418V7.5V6.6H0.417969V7.5Z" fill="currentcolor" />
                                          </svg>
                                       </i>
                                    </button>
                                 </div>

                              </div>
                           </div>
                        </form>


                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- contact-area-end -->

   </main>



   <?php include 'footer.php'; ?>

   <script>
      document.addEventListener("DOMContentLoaded", function() {

         const selected = document.getElementById("dropdownSelected");
         const optionsBox = document.querySelector(".dropdown-options");
         const hiddenInput = document.getElementById("selectedCourse");

         selected.addEventListener("click", function() {
            optionsBox.style.display =
               optionsBox.style.display === "block" ? "none" : "block";
         });

         document.querySelectorAll(".dropdown-option").forEach(option => {
            option.addEventListener("click", function() {
               selected.innerText = this.innerText;
               hiddenInput.value = this.dataset.value; // COURSE NAME WITH SPACE ✔
               optionsBox.style.display = "none";
            });
         });

         document.addEventListener("click", function(e) {
            if (!e.target.closest(".custom-dropdown")) {
               optionsBox.style.display = "none";
            }
         });
      });
   </script>




</body>

</html>